@extends('layout.app', ['title' => 'Find tutors'])

@push('style')
  @vite('resources/css/find_tutors.css')
@endpush
@php
  use Carbon\Carbon;
  use App\Enums\UserGender;
  use App\Enums\FeeComission;

  use App\Enums\TutorSubjectEnum;
  use App\Enums\TutorSkillEnum;
  use App\Enums\TutorLevelEnum;
  use App\Enums\TutorLanguageEnum;
  use App\Enums\TutorGradeEnum;

  $currPage = 'findTutor'; //This is a class for Css style
  function checkInArray(?string $data, int $id)
  {
      if (!isset($data)) {
          return false;
      }
      $arrayA = explode(',', $data);
      return in_array($id, $arrayA) ? true : false;
  }

  function getLabelCategoryName(string|null $data): array
  {
      if (!$data) {
          return [];
      }
      $decodedData = json_decode($data, true);
      if (!is_array($decodedData)) {
          return [];
      }

      $mapping = [
          'subjects' => [TutorSubjectEnum::class, TutorGradeEnum::class],
          'skills' => [TutorSkillEnum::class, TutorLevelEnum::class],
          'languages' => [TutorLanguageEnum::class, TutorLevelEnum::class],
      ];

      $labels = [];

      foreach ($decodedData as $key => $categories) {
          if (!isset($mapping[$key])) {
              continue;
          }
          [$categoryEnum, $levelEnum] = $mapping[$key];

          foreach ($categories as $category) {
              foreach ($category['levels'] as $level) {
                  $labels[] =
                      $categoryEnum::getDescription($category['id']) . ' - ' . $levelEnum::getDescription($level);
              }
          }
      }
      // dd($labels);
      return $labels;
  }

  $queryParams = request()->query();
  // $teach_by_en = 0;
@endphp
@section('content')
  <section class="find-tutors col-8 col-md-9 col-xl-10 flex-grow-1 px-0">
    <div class="container-fluid px-xl-5 mb-5">
      <div class="row mx-xl-4 mt-4">
        <div class="col-xl-4 mb-xl-0 d-flex align-items-center justify-content-center mb-4">
          <img src="{{ asset('img/tutor/tutor.png') }}" alt="" class="w-75">
        </div>
        <div class="col-xl-8">
          <div class="pb-3">
            <h1 class="fs32Title">
              GIA SƯ DẠY CHƯƠNG TRÌNH TRUNG HỌC
            </h1>
            <p class="text-paragraph fs-14 my-2">
              Bạn đang gặp khó khăn trong việc tìm kiếm một gia sư chất lượng và uy tín? </br>
              Bạn đang cần một người đồng hành cùng bạn trong xuyên suốt quá trình học tập để đạt được kết quả tốt nhất
              sắp tới. </br>
              Hãy tìm kiếm và lựa chọn gia sư uy tín để giúp bạn có kết quả học tập tốt nhé!
            </p>
          </div>
          @foreach ($fees as $fee)
            @if (Request::get('teach_by_en') == 0 && $fee->id == FeeComission::Fee_tutor_online->value)
              <div class="fw-semibold fs-18 mb-2">
                <span>Gia sư online: </span>
                <span class="text-new-blue text-fee">{{ number_format($fee->fee, 0, ',', '.') }} Vnd/h</span>
              </div>
            @endif
            @if (Request::get('teach_by_en') == 0 && $fee->id == FeeComission::Fee_tutor_offline->value)
              <div class="fw-semibold fs-18 mb-2">
                <span>Gia sư tại nhà: </span>
                <span class="text-new-blue text-fee">{{ number_format($fee->fee, 0, ',', '.') }} Vnd/h</span>
              </div>
            @endif
            @if (Request::get('teach_by_en') == 1 && $fee->id == FeeComission::Fee_tutor_english_online->value)
              <div class="fw-semibold fs-18 mb-2">
                <span>Gia sư online: </span>
                <span class="text-new-blue text-fee">{{ number_format($fee->fee, 0, ',', '.') }} Vnd/h</span>
              </div>
            @endif
            @if (Request::get('teach_by_en') == 1 && $fee->id == FeeComission::Fee_tutor_english_offline->value)
              <div class="fw-semibold fs-18 mb-2">
                <span>Gia sư tại nhà: </span>
                <span class="text-new-blue text-fee">{{ number_format($fee->fee, 0, ',', '.') }} Vnd/h</span>
              </div>
            @endif
          @endforeach
        </div>
      </div>
    </div>
    <section class="filter-tutors container mb-5">
      <div class="row">
        <div class="col-xl-3 mb-xl-0 mb-4">
          @include('tutors.filter_self_study_tutors')
        </div>

        <div class="col-xl-9">
          <div class="near-tutor">
            <div class="filter-header row justify-content-between mx-0">
              <div class="col ps-0">
                <span class="fw-semibold fs-5 d-block">
                  Danh sách gia sư đáp ứng bộ lọc của bạn
                </span>
              </div>
            </div>
            <div class="container-fluid tutors-group mt-2">
              @foreach ($tutors as $tutor)
                <div class="row tutor-item">
                  <div class="col-md-2 tutor-avatar">
                    <div>
                      <img
                        src="{{ $tutor->user->avatar ? Storage::url($tutor->user->avatar) : '/img/avatardefault.jpg' }}"
                        alt="" class="w-100">
                    </div>
                  </div>

                  <div class="col-md-8 tutor-info">
                    <div class="">
                      <span class="fs-5 text-primary-color fw-semibold">{{ $tutor->user->fullname }}</span>
                    </div>

                    <div class="d-flex tutor-subject-tag-group flex-wrap">
                      @foreach (getLabelCategoryName($tutor->tutor_info) as $tutor_info_label)
                        <div class="tutor-subject-tag-item mb-2">
                          <span class="fs-12 text-capitalize">{{ $tutor_info_label }}</span>
                        </div>
                      @endforeach
                    </div>
                    <div class="row">
                      <div class="col-4">
                        <span class="fs-10">Năm sinh: </span>
                        <span
                          class="fs-13 fw-semibold text-secondary-color">{{ $tutor->user->date_birth !== null ? Carbon::parse($tutor->user->date_birth)->format('Y') : '' }}</span>
                      </div>
                      <div class="col-4">
                        <span class="fs-10">Giới tính: </span>
                        <span
                          class="fs-13 fw-semibold text-secondary-color">{{ $genderName = $tutor->gender !== null ? ($tutor->gender === UserGender::MALE->value ? UserGender::MALE->name() : UserGender::FEMALE->name()) : '' }}</span>
                      </div>
                      <div class="col-4">
                        <span class="fs-10">Hiện là: </span>
                        <span class="fs-13 fw-semibold text-red-main">{{ $tutor->current_job }}</span>
                      </div>
                    </div>

                    <div class="row">
                      <div class="col-4">
                        <span class="fs-10">Nhận dạy:</span>
                        <span class="fs-13 fw-semibold text-secondary-color">
                          {{ getLabelTeach($tutor->is_teach_online) }}</span>
                      </div>
                      <div class="col-8">
                        <span class="fs-10">Địa chỉ:</span>
                        <span class="fs-13 fw-semibold text-secondary-color">{{ $tutor->provinces->full_name }}</span>
                      </div>
                    </div>
                  </div>

                  <div class="col-md-2 tutor-rate d-flex flex-column justify-content-center align-items-center">
                    <div>
                      <span>
                        <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17"
                          fill="none">
                          <path
                            d="M15.4452 3.61579L8.67646 1.37568C8.5616 1.34059 8.43877 1.34059 8.32392 1.37568L1.56219 3.61579H1.54809L1.47758 3.65079H1.47053L1.40002 3.6928C1.40002 3.6998 1.39297 3.6998 1.38592 3.7068L1.32951 3.7558L1.28016 3.8118C1.28016 3.8188 1.27311 3.8188 1.27311 3.8258L1.2308 3.88881C1.2308 3.89581 1.2308 3.89581 1.22375 3.90281L1.19555 3.96581L1.1744 4.04281V4.06381C1.16744 4.09124 1.16506 4.11962 1.16734 4.14782V9.74809C1.16734 9.89662 1.22677 10.0391 1.33256 10.1441C1.43834 10.2491 1.58181 10.3081 1.73141 10.3081C1.88101 10.3081 2.02448 10.2491 2.13026 10.1441C2.23605 10.0391 2.29547 9.89662 2.29547 9.74809V4.92485L4.66455 5.70889C4.21947 6.4162 3.98483 7.23401 3.98767 8.06801C3.98793 8.8265 4.18214 9.57251 4.5521 10.2361C4.92207 10.8997 5.45567 11.4592 6.10291 11.8622C4.7579 12.3674 3.60964 13.2843 2.82428 14.4803C2.74423 14.606 2.71711 14.7579 2.74877 14.9032C2.78042 15.0486 2.86831 15.1757 2.9935 15.2574C3.05494 15.2978 3.12385 15.3257 3.19623 15.3395C3.26861 15.3532 3.34302 15.3526 3.41517 15.3377C3.48731 15.3227 3.55573 15.2936 3.61649 15.2522C3.67724 15.2108 3.72911 15.1578 3.76909 15.0963C4.28107 14.3134 4.98207 13.6699 5.80834 13.2244C6.63461 12.7789 7.55994 12.5455 8.50019 12.5455C9.44043 12.5455 10.3658 12.7789 11.192 13.2244C12.0183 13.6699 12.7193 14.3134 13.2313 15.0963C13.2828 15.174 13.3529 15.2377 13.4354 15.2817C13.5179 15.3257 13.6101 15.3486 13.7037 15.3484C13.8117 15.3495 13.9175 15.3177 14.0069 15.2574C14.1321 15.1757 14.22 15.0486 14.2516 14.9032C14.2833 14.7579 14.2561 14.606 14.1761 14.4803C13.3907 13.2843 12.2425 12.3674 10.8975 11.8622C11.5447 11.4592 12.0783 10.8997 12.4483 10.2361C12.8182 9.57251 13.0124 8.8265 13.0127 8.06801C13.0155 7.23401 12.7809 6.4162 12.3358 5.70889L15.4452 4.67984C15.5581 4.64302 15.6563 4.57176 15.726 4.47622C15.7957 4.38069 15.8332 4.26576 15.8332 4.14782C15.8332 4.02988 15.7957 3.91495 15.726 3.81941C15.6563 3.72388 15.5581 3.65262 15.4452 3.61579ZM11.8846 8.06801C11.8846 8.95918 11.528 9.81385 10.8933 10.444C10.2586 11.0742 9.39778 11.4282 8.50019 11.4282C7.60259 11.4282 6.74176 11.0742 6.10706 10.444C5.47237 9.81385 5.1158 8.95918 5.1158 8.06801C5.11716 7.35099 5.34666 6.65272 5.77152 6.07291L8.32392 6.91995C8.43841 6.95735 8.56196 6.95735 8.67646 6.91995L11.2288 6.07291C11.6537 6.65272 11.8832 7.35099 11.8846 8.06801ZM11.2288 4.89685H11.2218L8.50019 5.7999L5.77857 4.89685H5.77152L3.51526 4.14782L8.50019 2.49574L13.4851 4.14782L11.2288 4.89685Z"
                            fill="#757575" />
                        </svg>
                      </span>
                      <span class="fs-14 text-primary-color fw-bold">
                        {{ $tutor->count_student }}
                      </span>
                    </div>

                    <div class="button-choose-tutor">
                      <a href="{{ route('tutors.viewChoseTutor', ['id' => $tutor->id, 'teach_by_en' => $tutor->teach_by_en]) }}"
                        class="btn btn-square btn-square-empty fs-6 fw-semibold">
                        Chọn Gia Sư
                      </a>
                    </div>
                  </div>
                </div>
              @endforeach

            </div>
            {{-- Pagination --}}
            @if (count($tutors) > 0)
              {{ $tutors->links('tutors.pagination') }}
            @else
              @if (isset($queryParams['is_teach_online']) && $queryParams['is_teach_online'] == 0)
                <span class="text-danger">Hiện nay chúng tôi chưa có gia sư tại nhà tại địa chỉ mà bạn yêu cầu.
                  <br>
                  Bạn vui lòng chọn hình thức gia sư Online để tìm được gia sư phù hợp!</span>
              @else
                <span class="text-danger">Không tìm thấy kết quả nào</span>
              @endif
            @endif
          </div>
        </div>
      </div>
      </div>
    </section>
  </section>
@endsection

@push('script')
  @vite('resources/js/find_tutors.js')
  @vite('resources/js/register-information.js')
  {{-- @vite('resources/js/register-information-edit-profile.js') --}}
@endpush