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

{{-- Start: Hướng dẫn sử dụng hệ thống --}}
<div class="modal fade" id="videoInstructionRoleModal" tabindex="-1" aria-labelledby="videoInstructionRoleModalLabel"
  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ốngdddddddddddd
        </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 ($video_tutorial['student'])
          @if (strpos($video_tutorial['student']->link, '<iframe') !== false)
            {!! $video_tutorial['student']->link !!}
          @else
            <iframe src="{{ getUrlVideo($video_tutorial['student']->link) }}" width="100%" height="600px"
              frameborder="0" allowfullscreen></iframe>
          @endif
        @else
          <p class="text-center">No video available.</p>
        @endif --}}
      </div>
    </div>
  </div>
</div>
{{-- End: Hướng dẫn sử dụng hệ thống --}}