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

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

@php
  use App\Enums\CourseType;
  $breadcrumbs = [
      ['active' => false, 'title' => 'Trang Chủ', 'href' => '#'],
      ['active' => true, 'title' => 'Lịch sử tích diểm'],
  ];
@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 flex-column lession-item">
                        @if ($data->type == CourseType::COURSE_SELF_STUDY->value)
                          <span>Hoàn thành bài tập</span>
                          <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ài
                              {{ $data->unit_number }}</b></span>
                        @elseif($data->type == CourseType::ABROAD_PROGRAM_STUDY->value)
                          <span>Hoàn thành bài tập</span>
                          <span>{{ $data->course_name }}<b class="fw-semibold text-neutral-04">, Unit
                              {{ $data->chapter_number }}, Topic {{ $data->unit_number }}</b></span>
                        @endif
                      </div>
                      <div class="col-2 d-flex align-items-center">
                        <p class="text-neutral-04 fs-14 fw-500 mb-0">
                          {{ $data->type == CourseType::COURSE_SELF_STUDY->value ? 'Level' : '' }} {{ $data->level }}
                        </p>
                      </div>
                      <div class="col-3">
                        <span>{{ $data->created_at->format('d-m-Y') }}</span>
                        <span><i class="fw-normal">{{ $data->created_at->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->score }}</b> điểm</span>
                      </div>
                      <div class="col-2 d-flex align-items-center">
                        <span class="fw-normal"><b class="text-green fs-6">{{ $data->point_change }}</b> điểm</span>
                      </div>
                    </div>
                  @endforeach
                @endif
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </section>
@endsection
@push('script')
  @vite('resources/js/student_history.js')
@endpush