@push('styles')
  @vite(['resources/css/layout/modal.css'])
@endpush

<div class="modal fade" id="videoInstructionRegisterModal" tabindex="-1"
  aria-labelledby="videoInstructionRegisterModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-xl modal-dialog-centered">
    <div class="modal-content px-4 py-4">
      <div
        class="modal-header d-flex justify-content-center align-items-center position-relative border-0 px-0 pb-2 pt-0">
        <h4 class="modal-title text-red-main text-capitalize fw-bold mb-1 text-center" id="testLevelModalToggleLabel">
          Hướng dẫn sử dụng hệ thống
        </h4>
        <button type="button" class="btn-close position-absolute top-0 end-0" data-bs-dismiss="modal"
          aria-label="Close"></button>
      </div>
      <div class="modal-body">
        {{-- @if ($signUpContent['tutor']->video_link)
          @if (strpos($signUpContent['tutor']->video_link, '<iframe') !== false)
            {!! $signUpContent['tutor']->video_link !!}
          @else
            <iframe src="{{ getUrlVideo($signUpContent['tutor']->video_link) }}" width="100%" height="600px"
              frameborder="0" allowfullscreen></iframe>
          @endif
        @else
          <p class="text-center">No video available.</p>
        @endif --}}
      </div>
    </div>
  </div>
</div>