@if (isset($noAnswerDataFlag) && $noAnswerDataFlag)
  <script>
    window.onload = function() {
      $('#timeoutNoAnswer').modal('show');
    };
  </script>
@endif
<!-- Modal -->
<div class="modal fade" id="timeoutNoAnswer" tabindex="-1" aria-hidden="true" role="dialog" data-keyboard="false"
  data-bs-backdrop="static">
  <div class="modal-dialog modal-dialog-centered modal-lg">
    <div class="modal-content">
      <div class="modal-header border-bottom-0">
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <div class="card border-0 shadow-none text-center">
          <div class="card-body">
            <h2 class="fp-item fp-item-header text-center">Thông báo hết thời gian làm bài</h2>

            <div class="fp-item fp-item-icon d-flex justify-content-center my-5">
              <div class="d-flex justify-content-center align-items-center"
                style="padding: 44px; border-radius:100px; background:rgba(250, 132, 26, 0.1">
                <svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"
                  fill="none">
                  <path
                    d="M53.334 70V63.3333C53.334 59.7971 51.9292 56.4057 49.4287 53.9052C46.9283 51.4048 43.5369 50 40.0007 50H16.6673C13.1311 50 9.73971 51.4048 7.23923 53.9052C4.73874 56.4057 3.33398 59.7971 3.33398 63.3333V70"
                    stroke="#CC3A3D" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" />
                  <path
                    d="M28.3333 36.6667C35.6971 36.6667 41.6667 30.6971 41.6667 23.3333C41.6667 15.9695 35.6971 10 28.3333 10C20.9695 10 15 15.9695 15 23.3333C15 30.6971 20.9695 36.6667 28.3333 36.6667Z"
                    stroke="#CC3A3D" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" />
                  <path d="M56.666 36.6667L63.3327 43.3333L76.666 30" stroke="#CC3A3D" stroke-width="5"
                    stroke-linecap="round" stroke-linejoin="round" />
                </svg>
              </div>
            </div>
            <p class="card-text confirmTextEmail">Bạn không điền câu trả lời, vui lòng làm lại bài test</p>
            <a href="#" class="btn btn-danger mt-4" data-bs-dismiss="modal">Đồng ý</a>
          </div>

        </div>
      </div>

    </div>
  </div>
</div>
<!-- /.modal -->