@extends('layout.app', ['title' => 'Học sinh | Lịch sử kiểm tra'])

@push('style')
  @vite(['resources/css/register.css', 'resources/css/students/student.css'])
@endpush

@php
  use App\Enums\CourseType;
  use Carbon\Carbon;
  $breadcrumbs = [
      ['active' => false, 'title' => 'Trang Chủ', 'href' => '#'],
      ['active' => true, 'title' => 'Lịch sử kiểm tra'],
  ];
@endphp

@section('content')
  <section class="student-wrap col-8 col-md-9 col-xl-10 flex-grow-1 ps-sm-2 px-0">
    <div class="breadcrumb-wrap">
      @include('students.breadcrumb', ['breadcrumbs' => $breadcrumbs])
    </div>
    <section class="student-profile">
      <div class="container-fluid">
        <div class="row">
          <div class="col-xl-3 px-0">
            @include('students.profile_card')
          </div>
          <div class="col-xl-9">
            @include('custom_errors.session-errors')
            <div class="student-information-content student-history-height p-4">
              <div class="student-action-header">
                <select class="student-action-title fw-bold text-uppercase fs-5 study-history-select-title bg-white"
                  name="option-history-select" id="option-history-select">
                  <option class="student-action-title fw-bold text-uppercase fs-5 border-0" value="">Tất cả</option>
                  <option class="student-action-title fw-bold text-uppercase fs-5 border-0" value="week"
                    {{ Request::query('option') == 'week' ? 'selected' : '' }}>Tuần này
                  </option>
                  <option class="student-action-title fw-bold text-uppercase fs-5 border-0" value="month"
                    {{ Request::query('option') == 'month' ? 'selected' : '' }}>Tháng này
                  </option>
                  <option class="student-action-title fw-bold text-uppercase fs-5 border-0" value="year"
                    {{ Request::query('option') == 'year' ? 'selected' : '' }}>Năm này
                  </option>
                </select>
              </div>
              <div class="study-history-group">
                @if (isset($historyData))
                  @foreach ($historyData as $data)
                    <div class="study-history-item row">
                      <div class="col-3">
                        @if ($data->test_type !== null)
                          @if ($data->test_type == 0)
                            <span class="text-red-main fs-14 fw-500 mb-0">Đánh giá năng lực</span>
                            <span class="text-capitalize">{{ $data->subject_name ?? '' }}</span>
                          @else
                            <span class="text-red-main fs-14 fw-500 mb-0">Kiểm tra theo yêu cầu</span>
                            <span>{{ \App\Enums\Subject::tryFrom($data->from_subject_id)?->name() ?? '' }} -
                              {{ \App\Enums\Grades::tryFrom($data->from_grade_id)?->name() ?? '' }}
                              <br>
                              <b class="fw-semibold text-neutral-04">Chương {{ $data->from_chapter_number }} - Chương
                                {{ $data->to_chapter_number }}</b></span>
                          @endif
                        @else
                          @if ($data->course_type == CourseType::COURSE_SELF_STUDY->value)
                            <span>{{ \App\Enums\Subject::tryFrom($data->subject_id)?->name() ?? '' }} -
                              {{ \App\Enums\Grades::tryFrom($data->grade_id)?->name() ?? '' }}
                              <b class="fw-semibold text-neutral-04">, Chương {{ $data->chapter_number }}</b></span>
                          @elseif($data->course_type == CourseType::ABROAD_PROGRAM_STUDY->value)
                            <span>{{ $data->course_name }}<b class="fw-semibold text-neutral-04">, Unit
                                {{ $data->chapter_number }}</b></span>
                          @endif
                        @endif
                      </div>
                      <div class="col-2 d-flex align-items-center">
                        <p class="text-neutral-04 fs-14 fw-500 mb-0">
                          {{ $data->course_type == CourseType::COURSE_SELF_STUDY->value ? 'Level' : '' }}
                          {{ $data->level }}
                        </p>
                      </div>
                      <div class="col-3">
                        <span>{{ Carbon::parse($data->date)->format('d-m-Y') }}</span>
                        <span><i class="fw-normal">{{ Carbon::parse($data->date)->format('h:i a') }}</i></span>
                      </div>
                      <div class="col-2 d-flex align-items-center">
                        <span class="fw-normal"><b class="text-red-main fs-6">{{ $data->total_question }}</b> đã
                          làm</span>
                      </div>
                      <div class="col-2 d-flex align-items-center">
                        <span class="fw-normal"><b class="text-green fs-6">{{ $data->right_answer }}</b> câu đúng</span>
                      </div>
                    </div>
                  @endforeach
                @endif
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </section>
@endsection
@push('script')
  @vite('resources/js/student_history.js')
@endpush