@extends('layout.app', ['title' => 'Thông tin lựa chọn gia sư'])

@push('style')
  @vite(['resources/css/layout/banner_main.css', 'resources/css/payment.css', 'resources/css/find_tutors.css'])
  @vite(['resources/css/schedule.css'])
@endpush
@php
  use Carbon\Carbon;
  use App\Enums\UserGender;
  use App\Enums\ScheduleEnum;
  use App\Enums\TutorSubjectEnum;
  use App\Enums\TutorSkillEnum;
  use App\Enums\TutorLevelEnum;
  use App\Enums\TutorLanguageEnum;
  use App\Enums\TutorGradeEnum;
  // $scheduleEnum = ScheduleEnum::toSelectArray();

  $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 showTeach($data)
  {
      $a = json_decode($data, true);
      if ($a['online'] == 1 && $a['offline'] == 1) {
          return 2;
      }
      if ($a['online'] == 1 && $a['offline'] == 0) {
          return 1;
      }
      if ($a['online'] == 0 && $a['offline'] == 1) {
          return 0;
      }
  }
  showTeach($tutor->is_teach_online);
  $currentDate = \Carbon\Carbon::now();

  $tutor_info = json_decode($tutor->tutor_info, true);

  $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;
  }
@endphp

@section('content')
  <section class="page-wrap col-8 col-md-9 col-xl-10 flex-grow-1 find-tutors px-0">
    <section class="banner-main position-relative w-100">
      <div>
        <img src="{{ asset('img/promotion/banner_promotion.png') }}" alt="" class="w-100">
      </div>
      <div class="banner-main-wrap position-absolute mt-2">
        <div class="banner-main-content text-white">
          <div class="banner-main-header text-uppercase">
            <h2>Thông tin gia sư</h2>
          </div>
          <div class="banner-main-text fs-17">
            <p>Siêu học cung cấp gia sư uy tín, dạy trực tuyến hoặc tại nhà, có thể thay đổi gia sư bất kì lúc nào bạn
              muốn.</p>
          </div>
        </div>
      </div>
    </section>
    <section class="payment filter-tutors container">
      <div class="near-tutor shadow-none">
        <div class="container-fluid tutors-group mt-2">
          <div class="row tutor-item border-0">
            <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-10 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 my-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>
          <form action="{{ route('tutors.confirmChoseTutor', ['id' => $tutor->id, 'teach_by_en' => $teach_by_en]) }}"
            method="post" enctype="multipart/form-data">
            @csrf
            <div class="row my-4">
              <div class="col">
                <div class="mb-3">
                  <label class="form-label-chose-tutor text-capitalize">Chọn ngày bắt đầu
                    học <span class="text-danger">
                      *</span></label>
                  <input class="form-select px-2" type="date" name="start_date" class="w-100"
                    value="{{ $currentDate->format('Y-m-d') }}" min="{{ $currentDate->format('Y-m-d') }}">
                  @error('start_date')
                    <span class="text-danger">{{ $message }}</span>
                  @enderror
                </div>
              </div>
              <div class="col">
                <div class="mb-3">
                  <label class="form-label-chose-tutor text-capitalize">Chọn gói học <span class="text-danger">
                      *</span></label>
                  <select class="form-select" name="package_time_id">
                    <option value="" selected>Chọn</option>
                    @foreach ($package_times as $package_time)
                      <option value="{{ $package_time->id }}"
                        {{ $package_time->id == old('package_time_id') ? 'selected' : '' }}>
                        {{ $package_time->time }} tháng</option>
                    @endforeach
                  </select>
                  @error('package_time_id')
                    <span class="text-danger">{{ $message }}</span>
                  @enderror
                </div>
              </div>
            </div>

            <div class="row">
              <div class="col">
                <div class="mb-3">
                  <label class="form-label-chose-tutor text-capitalize">Chọn buổi học thích
                    hợp<span class="text-danger">
                      *</span></label>
                  <br>
                  @error('schedule_ids')
                    <span class="text-danger">{{ $message }}</span>
                  @enderror
                  <input type="hidden" name="schedule_ids" value="">
                </div>
              </div>
            </div>
            <div class="row pb-4">
              <div class="col">
                <div class="scheduleWrap mx-5">

                  <table class="table-bordered table border-0">
                    <thead>
                      <tr class="border-0 text-center">
                        <th colspan="5"></th>
                        <th><span class="dayName shiftName text-uppercase active" tab_id="1">Sáng</span></th>
                        <th><span class="dayName shiftName text-uppercase" tab_id="2">Chiều</span></th>
                        <th><span class="dayName shiftName text-uppercase" tab_id="3">Tối</span>
                        </th>
                      </tr>
                      <tr class="border-0 text-center">
                        <th></th>
                        @foreach (getMultiSelect() as $row)
                          <th><span class="dayName text-uppercase">{{ $row['text'] }}</span>
                          </th>
                        @endforeach
                      </tr>
                    </thead>
                    <tbody class="shifts shiftActive" id="shiftTab1">
                      <tr class="trFirst">
                        @for ($i = 0; $i <= 7; $i++)
                          <td></td>
                        @endfor
                      </tr>
                      @for ($i = 0; $i < 10; $i++)
                        <tr data_row={{ $i }}>
                          <td><span class="timeName"> {{ getScheduleFrom($i) }}</span></td>
                          @foreach (getMultiSelect() as $row)
                            <td><span class="selectedTime {{ getScheduleClassName($schedules, $i, $row['id'], true) }}"
                                data_col={{ $row['id'] }}></span></td>
                          @endforeach
                        </tr>
                      @endfor
                      <tr class="trEnd">
                        <td><span> 12:00</span></td>
                        @for ($i = 1; $i <= 7; $i++)
                          <td></td>
                        @endfor
                      </tr>
                    </tbody>

                    <tbody class="shifts" id="shiftTab2">
                      <tr class="trFirst">
                        @for ($i = 0; $i <= 7; $i++)
                          <td></td>
                        @endfor
                      </tr>
                      @for ($i = 10; $i < 20; $i++)
                        <tr data_row={{ $i }}>
                          <td><span class="timeName"> {{ getScheduleFrom($i) }}</span></td>
                          @foreach (getMultiSelect() as $row)
                            <td><span class="selectedTime {{ getScheduleClassName($schedules, $i, $row['id'], true) }}"
                                data_col={{ $row['id'] }}></span></td>
                          @endforeach
                        </tr>
                      @endfor
                      <tr class="trEnd">
                        <td><span> 17:00</span></td>
                        @for ($i = 1; $i <= 7; $i++)
                          <td></td>
                        @endfor
                      </tr>
                    </tbody>

                    <tbody class="shifts" id="shiftTab3">
                      <tr class="trFirst">
                        @for ($i = 0; $i <= 7; $i++)
                          <td></td>
                        @endfor
                      </tr>
                      @for ($i = 20; $i < 34; $i++)
                        <tr data_row={{ $i }}>
                          <td><span class="timeName"> {{ getScheduleFrom($i) }}</span></td>
                          @foreach (getMultiSelect() as $row)
                            <td><span class="selectedTime {{ getScheduleClassName($schedules, $i, $row['id'], true) }}"
                                data_col={{ $row['id'] }}></span></td>
                          @endforeach
                        </tr>
                      @endfor
                      <tr class="trEnd">
                        <td><span> 00:00</span></td>
                        @for ($i = 1; $i <= 7; $i++)
                          <td></td>
                        @endfor
                      </tr>
                    </tbody>

                  </table>
                </div>
              </div>
            </div>

            <div class="row d-flex justify-content-center flex-column gap-3">
              {{-- <input type="hidden" name="tutor_info" value="{{ $tutor->tutor_info ?? '' }}"> --}}

              {{-- @foreach ($categories as $categoryName => $categoryData)
                @if (isset($categoryData['levels']))
                  <div class="col-12">
                    <div class="accordion-item">
                      <h2 class="form-label-chose-tutor text-capitalize">
                        {{ $categoryData['textLabel'] }}
                      </h2>
                    </div>
                    <div class="accordion-body ito-group px-1">
                      <div class="grade-item selected-textboxes-container text-capitalize box"
                        id="selected-textboxes-{{ Str::slug($categoryName) }}">
                      </div>
                    </div>
                  </div>
                @endif
              @endforeach --}}

              <input type="hidden" name="tutor_info" value="">

              @if (!empty($tutor_info['subjects']))
                <div class="col-12">
                  <div class="accordion-item">
                    <h2 class="form-label-chose-tutor text-capitalize">
                      Môn học
                    </h2>
                  </div>
                  <div class="accordion-body ito-group px-1">
                    <div class="grade-item selected-textboxes-container text-capitalize box" id="subjects">
                      @foreach ($tutor_info['subjects'] as $subject)
                        @foreach ($subject['levels'] as $level)
                          <div class="selected-skill-textbox" data-skill-id="{{ $subject['id'] }}"
                            data-level-id="{{ $level }}">
                            {{ TutorSubjectEnum::getDescription($subject['id']) }} -
                            {{ TutorGradeEnum::getDescription($level) }}
                          </div>
                        @endforeach
                      @endforeach
                    </div>
                  </div>
                </div>
              @endif

              @if (!empty($tutor_info['skills']))
                <div class="col-12">
                  <div class="accordion-item">
                    <h2 class="form-label-chose-tutor text-capitalize">
                      Lớp kỹ năng
                    </h2>
                  </div>
                  <div class="accordion-body ito-group px-1">
                    <div class="grade-item selected-textboxes-container text-capitalize box" id="skills">
                      @foreach ($tutor_info['skills'] as $skill)
                        @foreach ($skill['levels'] as $level)
                          <div class="selected-skill-textbox" data-skill-id="{{ $skill['id'] }}"
                            data-level-id="{{ $level }}">
                            {{ TutorSkillEnum::getDescription($skill['id']) }} -
                            {{ TutorLevelEnum::getDescription($level) }}
                          </div>
                        @endforeach
                      @endforeach
                    </div>
                  </div>
                </div>
              @endif

              @if (!empty($tutor_info['languages']))
                <div class="col-12">
                  <div class="accordion-item">
                    <h2 class="form-label-chose-tutor text-capitalize">
                      Ngoại ngữ
                    </h2>
                  </div>
                  <div class="accordion-body ito-group px-1">
                    <div class="grade-item selected-textboxes-container text-capitalize box" id="languages">
                      @foreach ($tutor_info['languages'] as $language)
                        @foreach ($language['levels'] as $level)
                          <div class="selected-skill-textbox" data-skill-id="{{ $language['id'] }}"
                            data-level-id="{{ $level }}">
                            {{ TutorLanguageEnum::getDescription($language['id']) }} -
                            {{ TutorLevelEnum::getDescription($level) }}
                          </div>
                        @endforeach
                      @endforeach
                    </div>
                  </div>
                </div>
              @endif
              @error('tutor_info')
                <span class="text-danger">{{ $message }}</span>
              @enderror

              <div class="col-12">
                <div class="accordion-item">
                  <h2 class="form-label-chose-tutor text-capitalize">
                    Hình Thức <span class="text-danger"> *</span>
                  </h2>
                  <div class="accordion-body ito-group px-1">
                    <input type="hidden" id="selectedTeach" name="is_teach_online"
                      value="{{ old('is_teach_online') }}">
                    {{-- Gia su co the day online/offline --}}
                    @if (showTeach($tutor->is_teach_online) == 2)
                      <div class="is-teach-online my-2">
                        <input type="radio" id="is_teach_online" class="me-2" value="1"
                          {{ old('is_teach_online') == 1 ? 'checked' : '' }}>
                        <label for="is_teach_online" class="text-capitalize">Online</label>
                      </div>
                      <div class="is-teach-online my-2">
                        <input type="radio" id="is_teach_home" class="me-2" value="0"
                          {{ old('is_teach_online') !== null && old('is_teach_online') == 0 ? 'checked' : '' }}>
                        <label for="is_teach_home" class="text-capitalize">Gia sư tại nhà</label>
                      </div>
                    @else
                      {{-- Gia su chi day 1 trong 2 online/offline --}}
                      <div class="is-teach my-2">
                        <input type="radio" id="is_teach" class="me-2"
                          value="{{ showTeach($tutor->is_teach_online) }}"
                          {{ old('is_teach_online') !== null ? 'checked' : '' }}>
                        <label for="is_teach"
                          class="text-capitalize">{{ showTeach($tutor->is_teach_online) == 1 ? 'Online' : 'Gia sư tại nhà' }}</label>
                      </div>
                    @endif
                    @error('is_teach_online')
                      <span class="text-danger">{{ $message }}</span>
                    @enderror
                  </div>
                </div>
              </div>
            </div>
        </div>
        <div class="row" id="teachAddress">
          <div class="col">
            <div class="mb-3">
              <label class="accordion-header my-3">Địa chỉ cụ thể gia sư tại nhà sẽ
                đến
                dạy <span class="text-danger"> *</span></label>
              <input type="text" class="form-control" name="teaching_address"
                placeholder="Nhập địa chỉ của bạn ..." value="{{ old('teaching_address') }}">
              @error('teaching_address')
                <span class="text-danger">{{ $message }}</span>
              @enderror
            </div>
          </div>
        </div>
        <div class="row my-4">
          <div class="col d-flex justify-content-center"><button class="btn btn-danger" type="submit">Xác
              nhận</button>
          </div>
        </div>

        </form>
      </div>
      </div>
    </section>
  </section>
@endsection

@push('script')
  @vite('resources/js/find_tutors.js')
  <script>
    var scheduleBlade = {!! json_encode(getScheduleData($schedules)) !!};
  </script>
  @vite(['resources/js/schedule-selected-student.js', 'resources/js/choose_tutor.js'])
@endpush