@extends('layouts.main', ['title' => 'Gia Sư | Quản lý yêu cầu', 'sidebarSelected' => 'requestManager'])

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

@section('content')
  <section class="tutor-wrap tutor-wrap-dashboard">
    @include('custom_errors.session-errors')
    <div class="breadcrumb-tutor-wrap pb-2 pt-3">
      <nav aria-label="breadcrumb-tutor">
        <ol class="breadcrumb-tutor d-flex flex-wrap">
          <li class="breadcrumb-tutor-item">
            <a href="{{ route('tutors.dashboard') }}"
              class="breadcrumb-tutor-link text-capitalize text-decoration-none">Dashboard</a>
          </li>
          <span class="breadcrumb-tutor-separation fw-light">/</span>
          <li class="breadcrumb-tutor-item active text-neutral-05 fw-semibold text-capitalize text-decoration-none"
            aria-current="page">
            Quản lý yêu cầu
          </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('tutors.requestManager.index', ['status' => 0]) . '?id=' . Request::query('id') }}"
                    class="nav-link tabBackground {{ $status == 0 ? 'active' : '' }}">Tất cả yêu cầu <span
                      class="tabNumber">{{ $count_hire_tutors['all'] }}</span></a>
                </li>
                <li class="nav-item" role="presentation">
                  <a href="{{ route('tutors.requestManager.index', ['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_hire_tutors['await'] }}</span></a>
                </li>
                <li class="nav-item" role="presentation">
                  <a href="{{ route('tutors.requestManager.index', ['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_hire_tutors['accept'] }}</span></a>
                </li>
                <li class="nav-item" role="presentation">
                  <a href="{{ route('tutors.requestManager.index', ['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_hire_tutors['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">
                          <th>Học viên</th>
                          <th>Hình thức</th>
                          <th>Địa chỉ</th>
                          <th>Môn học- <br>Lớp học</th>
                          <th>Số đT</th>
                          <th>Ngày - giờ</th>
                          <th>Trạng thái</th>
                          @if (Auth::user()->role_id == App\Enums\UserRole::TUTOR->value)
                            <th>Action</th>
                          @endif
                        </tr>
                      </thead>
                      <tbody>
                        @foreach ($hire_tutors as $hire_tutor)
                          <tr>
                            <td>
                              <div class="user-block d-flex">
                                <img class="img-circle"
                                  src="{{ $hire_tutor->student->user->avatar ? Storage::url($hire_tutor->student->user->avatar) : '/img/avatardefault.jpg' }}"
                                  alt="Avatar">
                                <div class="d-flex flex-column">
                                  <p class="username">{{ $hire_tutor->student->user->fullname }}</p>
                                  <p class="description">
                                    {{ getGenderAndAge($hire_tutor->student->gender, $hire_tutor->student->user->date_birth) }}
                                  </p>
                                </div>
                              </div>
                            </td>
                            <td>
                              {{ $hire_tutor->is_teach_online == TeachType::HOME->value ? TeachType::HOME->name() : TeachType::ONLINE->name() }}
                            </td>
                            <td>{{ $hire_tutor->teaching_address }}</td>
                            <td class="text-capitalize">
                              {{ getTutorInfoSkill($hire_tutor->tutor_info) }}
                            </td>
                            <td>
                              {{ $hire_tutor->student->user->phone }}
                            </td>
                            <td>{{ getDateRange($hire_tutor->start_date, $hire_tutor->package_time->time) }} <br>
                              {{ getStudentSchedules($hire_tutor->id) }}
                            </td>
                            <td>
                              <div class="reqStatus {{ $statusActions[$hire_tutor['status']]['class'] }}">
                                {{ $statusActions[$hire_tutor['status']]['label'] }}
                              </div>
                            </td>
                            @if (Auth::user()->role_id == App\Enums\UserRole::TUTOR->value)
                              <td>
                                @if ($hire_tutor['status'] == 1)
                                  <div class="waitAcception">
                                    <form action="{{ route('tutors.requestManager.update', ['id' => $hire_tutor->id]) }}"
                                      method="POST" data-hire_tutor_id="{{ $hire_tutor->id }}">
                                      @csrf
                                      @method('PATCH')
                                      <input type="hidden" name="status"
                                        value="{{ HireTutorStatus::ACCEPTED->value }}">
                                      <button type="submit" class="prevent-submit acceptAction mb-2 border-0">Xác
                                        Nhận</button>
                                    </form>
                                    <form action="{{ route('tutors.requestManager.update', ['id' => $hire_tutor->id]) }}"
                                      method="POST" class="cancelForm{{ $hire_tutor->id }}"
                                      data-hire_tutor_id="{{ $hire_tutor->id }}">
                                      @csrf
                                      @method('PATCH')
                                      <input type="hidden" name="status" value="{{ HireTutorStatus::CANCEL->value }}">
                                      <button type="submit" class="prevent-submit cancelAction border-0">Từ chối</button>
                                    </form>
                                  </div>
                                @else
                                  <div>
                                    <a href="{{ route('tutors.viewRequestDetail', ['id' => $hire_tutor->id]) }}"
                                      class="detailAction">Xem chi tiết</a>
                                  </div>
                                @endif
                              </td>
                            @endif
                          </tr>
                        @endforeach
                      </tbody>
                    </table>
                  </div>
                  <!-- /.card-body -->
                  {{ $hire_tutors->links('tutors.pagination-request-manager') }}
                </div>
              </div>
            </div>
          </div>
        </section>
      </div>
    </section>
  </section>
  @include('modals.show_delete')
@endsection

@push('script')
  @vite('resources/js/request-manager-tutor.js')
@endpush