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

<div class="modal fade" id="notifyClassModal" tabindex="-1" aria-labelledby="notifyClassModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered modal-xl">
    <div class="modal-content modal-custom">
      <div class="modal-header mx-3 border-bottom-0">
        <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">
        <div class="withdrawal-request-wrap d-flex flex-column flex-xl-row px-sm-3 px-0 pb-4">
          <div class="withdrawal-request-image d-flex justify-content-center align-items-center">
            <img src="{{ asset('img/teacher/notify_class.png') }}" alt="Withdrawal Image" class="mw-100">
          </div>
          <div class="withdrawal-request-content w-100">
            <div class="withdrawal-request-title">
              <h4 class="text-capitalize fw-600 text-secondary-color text-center">Thông báo
              </h4>
            </div>
            <div class="withdrawal-request-form fw-500 mt-5">
              <form id="handleSubmitNotify" action="{{ route('teachers.notifyStudent') }}" method="post">
                @csrf
                <div class="row mb-2">
                  <div class="withdrawal-request-form-item col-12">
                    <label for="class_name" class="text-blue-custom text-capitalize fw-500">Nội dung thông báo</label>
                    <textarea class="form-control fw-500 w-100" name="contentNotify"
                      placeholder="Nội dung sẽ được gửi đến tất cả các học viên tham gia lớp học." value="{{ old('contentNotify') }}"
                      rows="8"></textarea>
                    <input type="hidden" name="teacher_online_course_id" value="{{ old('teacher_online_course_id') }}">
                    @error('contentNotify')
                      <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 handleNotify" type="submit">Gửi
                    thông
                    báo</button>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

@push('script')
  @vite('resources/js/teachers/teacher_notify.js')
@endpush