@push('style')
  @vite('resources/css/feedback-modal.css')
@endpush
<!-- Modal -->
<div class="modal fade" id="feedbackModal" tabindex="-1" aria-labelledby="feedbackModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered modal-dialog-reply">
    <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">
        <div class="modal-reply-image">
          <img src={{ asset('img/student/reply-image-modal.png') }} class="img-fluid" alt="">
        </div>
        <div class="modal-reply-form flex-grow-1">
          <p class="fs-4 fw-semibold text-secondary-color text-center">Phản hồi</p>
          <form action="{{ route('complainFeedback') }}" method="post" class="d-flex flex-column align-items-center" id="feedbackForm">
            @csrf
            <div class="d-flex flex-column pt-5">
              <label for="reply-input" class="fs-6 fw-500 text-blue mb-2">
                Nội Dung
              </label>
              <input type="hidden" name="question_user_id" value="">
              <input type="hidden" name="feedback_type" value="">
              <input type="hidden" name="feedback_hire_tutor_id" value="">
              <textarea name="feedback_content" class="reply-textarea-modal form-control" id="reply-input" cols="55"
                rows="5"
                placeholder="Nếu vì lí do nào đó buổi học không được hoàn thành bạn có thể gửi yêu cầu bổ sung buổi học để cho chúng tôi hỗ trợ xử lí giúp bạn nhé!"></textarea>
            </div>
            <div class="d-flex justify-content-between mt-4">
              <button type="submit" class="btn-10 btn-10-fill btn-reply-modal fs-18 fw-semibold">
                Gửi phản hồi
              </button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>