@push('style')
  @vite('resources/css/extend-modal.css')
@endpush
<!-- Modal -->
<div class="modal fade" id="extendModal" tabindex="-1" aria-labelledby="extendModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered modal-dialog-extend">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body d-flex flex-column flex-md-row align-items-md-start gap-3">
        <div class="modal-extend-image">
          <img src={{ asset('img/student/extend-image-modal.png') }} class="img-fluid" alt="">
        </div>
        <div class="modal-extend-form flex-grow-1 d-flex flex-column gap-5">
          <p class="text-center fs-4 fw-semibold text-secondary-color">Gia hạn</p>
          <form action="{{ route('tutors.confirmExtendHireTutor') }}" method="post" class="d-flex flex-column gap-5">
            @csrf
            <div class="d-flex flex-column pb-5 w-50">
              <input type="hidden" name="hire_tutor_id" value="">
              <label for="extend-input" class="fs-6 fw-600 text-black mb-2">
                Gói học
                <span class="requireStar">*</span>
              </label>
              <select name="extend_time" id="extend-select">
                <option value="1">1 tháng</option>
                <option value="2">2 tháng</option>
                <option value="3">3 tháng</option>
                <option value="4">4 tháng</option>
                <option value="5">5 tháng</option>
                <option value="6">6 tháng</option>
                <option value="7">7 tháng</option>
                <option value="8">8 tháng</option>
                <option value="9">9 tháng</option>
                <option value="10">10 tháng</option>
                <option value="11">11 tháng</option>
                <option value="12">12 tháng</option>
              </select>
            </div>
            <div class="d-flex justify-content-between mt-4 mx-auto">
              <button type="submit" class="btn-10 btn-10-fill btn-extend-modal fs-18 fw-semibold">
                Xác nhận
              </button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>