@php
  use App\Enums\UserRole;
  // dd($userBank);
  $route =
      Auth::user()->role_id === UserRole::TUTOR->value
          ? route('transactions.tutor.requestWithdraw.store')
          : (Auth::user()->role_id === UserRole::TEACHER->value
              ? route('transactions.teacher.requestWithdraw.store')
              : route('transactions.agency.requestWithdraw.store'));

@endphp
@if ($errors->any() && $errors->has('money'))
  <script>
    window.onload = function() {
      $('#withdrawalRequestModal').modal('show');
    };
  </script>
@endif

<div class="modal fade" id="withdrawalRequestModal" tabindex="-1" aria-labelledby="withdrawalRequestModalLabel"
  aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered modal-xl">
    <div class="modal-content modal-custom">
      <div class="modal-header border-bottom-0 mx-3">
        <div class="d-flex flex-column w-100">
          <button type="button" class="btn-close mt-2" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
      </div>
      <div class="modal-body pt-0">
        @if ($userBank)
          <div class="withdrawal-request-wrap d-flex flex-column flex-xl-row px-sm-3 px-0 pb-5">
            <div class="withdrawal-request-image d-flex justify-content-center align-items-center">
              <img src="{{ asset('img/tutor/withdraw.png') }}" alt="Withdrawal Image" class="mw-100">
            </div>
            <div class="withdrawal-request-content w-100 mt-xl-0 mt-3">
              <div class="withdrawal-request-title">
                <h4 class="text-capitalize fw-600 text-secondary-color text-center">Yêu cầu rút tiền
                </h4>
              </div>
              <div class="withdrawal-request-description pt-1">
                <p class="text-red-main fw-500 fs-14 text-center">Vui lòng điền thông tin của bạn</p>
              </div>
              <div class="withdrawal-request-form fw-500 mt-5">
                <form action="{{ $route }}" class="" method="post">
                  @csrf
                  <div class="row mb-4">
                    <div class="withdrawal-request-form-item col-lg-6">
                      <label for="bank_name" class="text-blue-custom text-capitalize fw-500">Ngân hàng</label>
                      <input type="text" name="bank_name" id="bank_name" class="input-custom fw-500 w-100"
                        placeholder="Techcom Bank" value="{{ $userBank->bank->name }}" disabled>

                    </div>
                    <div class="withdrawal-request-form-item col-lg-6 mt-lg-0 mt-4">
                      <label class="text-blue-custom text-capitalize fw-500">Số
                        Tài Khoản</label>
                      <input type="text" class="input-custom fw-500 w-100" name="bank_num"
                        placeholder="Nhập số tài khoản" value="{{ $userBank->account_number }}" disabled>
                    </div>
                  </div>
                  <div class="row">
                    <div class="withdrawal-request-form-item col-lg-6">
                      <label class="text-blue-custom text-capitalize fw-500">Tên
                        Tài Khoản</label>
                      <input type="text" class="input-custom fw-500 w-100" name="bank_username"
                        placeholder="Nhập tên tài khoản" value="{{ $userBank->account_name }}" disabled>
                    </div>
                    <div class="withdrawal-request-form-item col-lg-6 mt-lg-0 mt-4">
                      <label class="text-blue-custom text-capitalize fw-500">Số
                        tiền cần
                        rút</label>
                      <input type="text" class="input-custom fw-500 w-100" name="money"
                        placeholder="Nhập số tiền cần rút">
                      @error('money')
                        <span class="text-danger">{{ $message }}</span>
                      @enderror
                    </div>
                  </div>
                  <div class="d-flex justify-content-center btn-withdrawal-request-submit">
                    <button class="prevent-submit btn-custom fw-600 fs-18 text-capitalize" type="submit">Xác
                      Nhận</button>
                  </div>
                </form>
              </div>
            </div>
          </div>
        @else
          <div class="text-center">
            <h1 class="text-capitalize fw-600">thông tin</h1>
            <div class="withdrawal-request-image my-4">
              <img src="{{ asset('img/tutor/credit_card.png') }}" alt="Withdrawal Image" class="mw-100">
            </div>
            <div class="withdrawal-request-title">
              <h5 class="text-capitalize textCardInfo">Bạn vẫn chưa có thông tin ngân hàng.
                Vui lòng cập nhật thông tin ngân hàng
              </h5>
              <div class="my-4">
                <a href="{{ route('teachers.viewProfile') }}" class="btn btn-danger fw-600 px-4 py-3 rounded-4">Cập
                  Nhật</a>
              </div>
            </div>
          </div>
        @endif
      </div>
    </div>
  </div>
</div>