@extends('layouts.main', ['title' => 'Giáo Viên Online | Yêu cầu lớp dạy', 'sidebarSelected' => 'requestManager', 'isTeacher' => true])

@push('style')
  @vite(['resources/css/layout/tutor/breadcrumb.css', 'resources/css/teachers/teacher.css'])
@endpush

@php
  use App\Enums\HireTutorStatus;
  //status of request manager from backend in [1,2,3,4]
  $statusActions = [
      '1' => ['class' => 'waitAccept', 'label' => 'Chờ xác nhận'],
      '2' => ['class' => 'accepted', 'label' => 'Đã xác nhận'],
      '3' => ['class' => 'finished', 'label' => 'Hoàn thành'],
      '4' => ['class' => 'canceled', 'label' => 'Đã hủy'],
  ];
  $lectureAction = App\Enums\RequestClassAction::lectureAction;
@endphp

@section('content')
  <section class="teacher-wrap mx-2 px-4 py-3">
    <div class="breadcrumb-teacher-wrap pb-2">
      <nav aria-label="breadcrumb-teacher">
        <ol class="breadcrumb-teacher d-flex flex-wrap">
          <li class="breadcrumb-teacher-item">
            <a href="{{ route('teachers.dashboard') }}"
              class="breadcrumb-teacher-link text-capitalize text-decoration-none">Dashboard</a>
          </li>
          <span class="breadcrumb-teacher-separation fw-light">/</span>
          <li class="breadcrumb-teacher-item active text-neutral-05 fw-semibold text-capitalize text-decoration-none"
            aria-current="page">
            Tình trạng yêu cầu đăng ký lớp dạy
          </li>
        </ol>
      </nav>
    </div>
    <section class="tutor-content-wrap pb-5 pt-4">
      <div class="container-fluid p-0">
        <section class="tutor-request-manager rounded-4">
          <div class="row">
            <div class="col px-3">
              <ul class="nav nav-tabs border-0" id="tabRequestManager" role="tablist">
                <li class="nav-item" role="presentation">
                  <a href="{{ route('teacher_online_courses.viewRequestClass', ['status' => 0]) . '?id=' . Request::query('id') }}"
                    class="nav-link tabBackground {{ $status == 0 ? 'active' : '' }}">Tất cả yêu cầu <span
                      class="tabNumber">{{ $count_teacher_online_courses['all'] }}</span></a>
                </li>
                <li class="nav-item" role="presentation">
                  <a href="{{ route('teacher_online_courses.viewRequestClass', ['status' => HireTutorStatus::WAIT_ACCEPT->value]) . '?id=' . Request::query('id') }}"
                    class="nav-link tabBackground {{ $status == HireTutorStatus::WAIT_ACCEPT->value ? 'active' : '' }}">Yêu
                    cầu chờ xác nhận <span class="tabNumber">{{ $count_teacher_online_courses['await'] }}</span></a>
                </li>
                <li class="nav-item" role="presentation">
                  <a href="{{ route('teacher_online_courses.viewRequestClass', ['status' => HireTutorStatus::ACCEPTED->value]) . '?id=' . Request::query('id') }}"
                    class="nav-link tabBackground {{ $status == HireTutorStatus::ACCEPTED->value ? 'active' : '' }}">Yêu
                    cầu đã xác nhận <span class="tabNumber">{{ $count_teacher_online_courses['accept'] }}</span></a>
                </li>
                <li class="nav-item" role="presentation">
                  <a href="{{ route('teacher_online_courses.viewRequestClass', ['status' => HireTutorStatus::CANCEL->value]) . '?id=' . Request::query('id') }}"
                    class="nav-link tabBackground {{ $status == HireTutorStatus::CANCEL->value ? 'active' : '' }}">Yêu
                    cầu đã hủy <span class="tabNumber">{{ $count_teacher_online_courses['cancel'] }}</span></a>
                </li>
              </ul>
            </div>
          </div>
          <div class="row">
            <div class="col bg-white px-4 pb-4">
              <div class="tab-content" id="myTabContent">
                <div class="tab-pane fade show active" id="allRequest" role="tabpanel" aria-labelledby="allRequest-tab">
                  <div class="card-body table-responsive tableRequest my-3 py-3">
                    <table class="table text-center">
                      <thead>
                        <tr class="fs16 text-blue border-bottom">
                          <th class="text-neutral-03 align-middle">#</th>
                          <th class="align-middle">Tên khóa học</th>
                          <th class="align-middle">Môn học</th>
                          <th class="align-middle">Lớp</th>
                          <th class="align-middle">Thời gian dạy</th>
                          <th class="align-middle">Trạng thái</th>
                        </tr>
                      </thead>
                      <tbody>
                        @foreach ($teacher_online_courses as $teacher_online_course)
                          <tr>
                            <td class="text-neutral-03 fw-semibold fs-6">{{ $loop->index + 1 }}</td>
                            <td class="text-neutral-03 fw-semibold fs-6 text-start">{{ $teacher_online_course->name }}
                            </td>
                            <td class="text-capitalize">
                              {{ !is_null($teacher_online_course->subject_id) ? $teacher_online_course->subject->name : $teacher_online_course->subject_name }}
                            </td>
                            <td class="text-capitalize">{{ $teacher_online_course->grade->name }}</td>
                            <td>
                              <span class="d-block">
                                {{ getFormatDateRange($teacher_online_course->start_day, $teacher_online_course->end_day) }}
                              </span>
                              <span class="d-block">
                                {{ getLabelByTeacherSchedules($teacher_online_course->teaching_day) }}({{ getLabelTimeRange($teacher_online_course->start_time, $teacher_online_course->end_time) }})
                              </span>
                            </td>
                            <td>
                              <div
                                class="request-status {{ $statusActions[$teacher_online_course['status']]['class'] }}">
                                {{ $statusActions[$teacher_online_course['status']]['label'] }}
                              </div>
                            </td>
                          </tr>
                        @endforeach
                      </tbody>
                    </table>
                  </div>
                  <!-- /.card-body -->
                  @if ($teacher_online_courses->total() > 10)
                    {{ $teacher_online_courses->links('tutors.pagination-request-manager') }}
                  @endif
                </div>
              </div>
            </div>
          </div>
        </section>
      </div>
    </section>
  </section>
@endsection

@push('script')
@endpush