@push('style')
  @vite(['resources/css/layout/banner_main.css', 'resources/css/examination_class12.css'])
@endpush

@php
  function showExamNumber($exam_id)
  {
      // Use a regular expression to extract the number at the end of the string
      if (preg_match('/(\d+)$/', $exam_id, $matches)) {
          return 'Đề số ' . $matches[1];
      }
      // Return a default message if no number is found
      return 'Không tìm thấy số đề.';
  }
  // Faker data for $new_exams
  // $new_exams = [];
  // for ($i = 1; $i <= 20; $i++) {
  //     $new_exams[] = [
  //         'id' => 'exam_' . $i,
  //     ];
  // }
@endphp
<div class="row flex-wrap row-cols-2 row-cols-md-3 row-cols-lg-4 row-cols-xl-5 g-0 m-5 mt-0">
  @if (count($new_exams) == 0 || $new_exams == null)
    <div class="d-flex justify-content-center mt-0">
      <p>Không tìm thấy kết quả nào</p>
    </div>
  @else
    @foreach ($new_exams as $key => $item)
      <div class="col colExam">
        <div class="item mx-4 p-4 ps-0">
          <div class="icon"></div>
          <div class="text">
            <a href="{{ route('examinations.showExamQuestion', ['subject_id' => $params['subject_id'] ?? '', 'other_id' => $params['other_id'] ?? '', 'new_exam_id' => $item['id']]) }}"
              class="text-decoration-none fw-500 text-primary-color">
              {{ showExamNumber($item['id']) }}
            </a>
          </div>
        </div>
      </div>
    @endforeach
  @endif
</div>
{{-- Pagination --}}
@if (count($new_exams) > 20)
  {{ $new_exams->links('tutors.pagination') }}
@endif
@push('script')
  <script>
    localStorage.removeItem('questions');
    localStorage.removeItem('selected_params');
  </script>
@endpush