@extends('layout.app', ['title' => 'Học sinh | Lịch sử học tập'])

@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ử học tập'],
  ];
@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">
                <div class="study-history-item row">
                  <div class="col-4">
                    <span>Khóa học</span>
                  </div>
                  <div class="col-5">
                    <span>Nội dung</span>
                  </div>
                  <div class="col-3">
                    <span>Thời gian</span>
                  </div>
                </div>
                @if ($historyData)
                  @foreach ($historyData->sortByDesc('date') as $data)
                    @if ($data['type_data'] == 1)
                      <div class="study-history-item row align-items-center">
                        <div class="col-4">
                          @if ($data['type'] == CourseType::COURSE_SELF_STUDY->value)
                            <span>{{ \App\Enums\Subject::tryFrom($data['subject_id'])?->name() ?? '' }} -
                              {{ \App\Enums\Grades::tryFrom($data['grade_id'])?->name() ?? '' }}</span>
                          @elseif($data['type'] == CourseType::ABROAD_PROGRAM_STUDY->value)
                            <span>{{ $data['course_name'] }}</span>
                          @endif
                        </div>
                        <div class="col-5">
                          @if ($data['type'] == CourseType::COURSE_SELF_STUDY->value)
                            <span>{{ 'Chương ' . $data['chapter_number'] . ': ' . $data['chapter_name'] }}</span>
                            <span>{{ 'Bài ' . $data['unit_number'] . ': ' . $data['unit_name'] }}</span>
                          @elseif ($data['type'] == CourseType::ABROAD_PROGRAM_STUDY->value)
                            <span>{{ 'Unit ' . $data['chapter_number'] . ': ' . $data['chapter_name'] }}</span>
                            <span>{{ 'Topic ' . $data['unit_number'] . ': ' . $data['unit_name'] }}</span>
                          @endif
                        </div>
                        <div class="col-3">
                          <span>{{ \Carbon\Carbon::parse($data['date'])->format('d-m-Y') }}</span>
                          <span
                            class="fst-italic fw-normal text-nowrap">{{ \Carbon\Carbon::parse($data['date'])->format('h:i a') }}</span>
                        </div>
                      </div>
                    @elseif($data['type_data'] == 2)
                      <div class="study-history-item row align-items-center">
                        <div class="col-4">
                          <span>{{ $data['teach_online'] == 1 ? 'Gia sư online: ' . $data['fullname'] : 'Gia sư tại nhà: ' . $data['fullname'] }}</span>
                        </div>
                        <div class="col-5">
                          <span class="text-capitalize">{{ getTutorInfoSkill($data['tutor_info']) }}</span>
                        </div>
                        <div class="col-3">
                          <span>{{ \Carbon\Carbon::parse($data['date'])->format('d-m-Y') }}</span>
                          <span
                            class="fst-italic fw-normal text-nowrap">{{ \Carbon\Carbon::parse($data['time_from'])->format('h:i a') . ' - ' . \Carbon\Carbon::parse($data['time_to'])->format('h:i a') }}</span>
                        </div>
                      </div>
                    @elseif($data['type_data'] == 3)
                      <div class="study-history-item row align-items-center">
                        <div class="col-4">
                          <span>{{ 'Giáo viên: ' . $data['teacher_name'] }}</span>
                        </div>
                        <div class="col-5">
                          <span>{{ $data['name'] }}</span>
                        </div>
                        <div class="col-3">
                          <span>{{ \Carbon\Carbon::parse($data['date'])->format('d-m-Y') }}</span>
                          <span
                            class="fst-italic fw-normal text-nowrap">{{ \Carbon\Carbon::parse($data['start_time'])->format('h:i a') . ' - ' . \Carbon\Carbon::parse($data['end_time'])->format('h:i a') }}</span>
                        </div>
                      </div>
                    @endif
                  @endforeach
                @endif
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </section>
@endsection
@push('script')
  @vite('resources/js/student_history.js')
@endpush