@extends('layouts.main', ['title' => 'Cộng tác viên | Profile'])

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

@section('content')
  <section class="tutor-wrap">
    <div class="breadcrumb-tutor-wrap pb-2 pt-3">
      <nav aria-label="breadcrumb-tutor">
        <ol class="breadcrumb-tutor d-flex">
          <li class="breadcrumb-tutor-item">
            <a href="{{ route('agencies.dashboard') }}"
              class="breadcrumb-tutor-link text-capitalize text-decoration-none ms-4">Dashboard</a>
          </li>
          <span class="breadcrumb-tutor-separation fw-light">/</span>
          <li class="breadcrumb-tutor-item active fw-semibold text-capitalize text-decoration-none text-neutral-05"
            aria-current="page">
            Hồ sơ cá nhân
          </li>
        </ol>
      </nav>
    </div>
    <section class="tutor-content-wrap">
      <div class="tutor-container">
        <div class="row bg-white">
          <div class="col-xl-3 profile-card-group px-0">
            @include('agency.agency_profile_card')
          </div>
          <div class="col-xl-9">
            <section class="register-infor container pt-5">
              <div>
                @include('custom_errors.session-errors')
                <form action="" method="post" enctype="multipart/form-data">
                  @csrf
                  <div class="personal-infor">
                    <label class="regisLabel regisLabelFs20">Thông tin cá nhân</label>
                    <div>
                      <div class="row personal-row">
                        <div class="col-6 personal-item">
                          <label>Họ tên đầy đủ <span class="requireStar">*</span></label>
                          <input type="text" name="fullname" placeholder="Ho ten" value="{{ $agencyData->fullname }}">
                          @error('fullname')
                            <span class="text-danger">{{ $message }}</span>
                          @enderror
                        </div>
                        <div class="col-6 personal-item">
                          <label>Ngày sinh</label>
                          <input type="date" name="date_birth" placeholder="01/01/1991"
                            value="{{ $agencyData->date_birth }}">
                          @error('date_birth')
                            <span class="text-danger">{{ $message }}</span>
                          @enderror
                        </div>
                      </div>
                      <div class="row personal-row">
                        <div class="col-6 personal-item">
                          <label>Giới tính</label>
                          <select name="gender">
                            <option value="" selected>Choose</option>
                            <option value="1" {{ $agencyData->gender === 1 ? 'selected' : '' }}>
                              Nam
                            </option>
                            <option value="0" {{ $agencyData->gender === 0 ? 'selected' : '' }}>
                              Nữ
                            </option>
                          </select>
                          @error('gender')
                            <span class="text-danger">{{ $message }}</span>
                          @enderror
                        </div>
                        <div class="col-6 personal-item">
                          <label>Số điện thoại <span class="requireStar">*</span></label>
                          <input type="number" name="phone" placeholder="0969696969" value="{{ $agencyData->phone }}">
                          @error('phone')
                            <span class="text-danger">{{ $message }}</span>
                          @enderror
                        </div>
                      </div>

                      <div class="row personal-row">
                        <div class="col-6 personal-item">
                          <label>Số CCCD <span class="requireStar">*</span></label>
                          <input type="number" name="citizen_identification" placeholder="Số CCCD"
                            value="{{ $agencyData->citizen_identification }}">
                          @error('citizen_identification')
                            <span class="text-danger">{{ $message }}</span>
                          @enderror
                        </div>
                        <div class="col-6 personal-item">
                          <label>Tỉnh/ Thành phố <span class="requireStar">*</span></label>
                          <select name="province_id" id="provinceSelect">
                            <option value="" selected>Choose</option>
                            @foreach ($provinceData as $province)
                              <option value="{{ $province->id }}"
                                {{ $agencyData->province_id == $province->id ? 'selected' : '' }}>
                                {{ $province->name }}
                              </option>
                            @endforeach
                          </select>
                          @error('province_id')
                            <span class="text-danger">{{ $message }}</span>
                          @enderror
                        </div>
                      </div>

                      <div class="row personal-row">
                        <div class="col-6 personal-item">
                          <label>Quận/ Huyện <span class="requireStar">*</span></label>
                          <select name="district_id" id="districtSelect">
                            <option value="{{ $agencyData->district_id }}" selected>Choose</option>
                          </select>
                          @error('district_id')
                            <span class="text-danger">{{ $message }}</span>
                          @enderror
                        </div>
                        <div class="col-6 personal-item">
                          <label>Phường/ Xã <span class="requireStar">*</span></label>
                          <select name="ward_id" id="wardSelect">
                            <option value="{{ $agencyData->ward_id }}" selected>Choose</option>
                          </select>
                          @error('ward_id')
                            <span class="text-danger">{{ $message }}</span>
                          @enderror
                        </div>
                      </div>
                    </div>
                  </div>

                  <div class="personal-skill">
                    <label class="regisLabel regisLabelFs20">Thông tin học vấn/Kinh nghiệm</label>
                    <div>
                      <div class="row personal-row">
                        <div class="col-6 personal-item">
                          <label>Hiện là</label>
                          <input type="text" name="current_job" placeholder="Bạn đang làm gì?"
                            value="{{ $agencyData->current_job }}">
                          @error('current_job')
                            <span class="text-danger">{{ $message }}</span>
                          @enderror
                        </div>
                        <div class="col-6 personal-item">
                          <label>Đơn vị công tác</label>
                          <input type="text" name="work_place" placeholder="Bạn học tập/ làm việc ở đâu?"
                            value="{{ $agencyData->work_place }}">
                          @error('work_place')
                            <span class="text-danger">{{ $message }}</span>
                          @enderror
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="personal-skill">
                    <label class="regisLabel regisLabelFs20">Thông Tin Tài Khoản Ngân Hàng</label>
                    <div>
                      <div class="row personal-row">
                        <div class="col-4 personal-item">
                          <label>Ngân Hàng <span class="requireStar">*</span></label>
                          <select name="bank_id" id="bankSelect">
                            <option value="" selected>Chọn ngân hàng</option>
                            @foreach ($bankData as $bank)
                              <option value="{{ $bank->id }}"
                                {{ $agencyData->bank_id == $bank->id ? 'selected' : '' }}>
                                {{ $bank->short_name }}
                              </option>
                            @endforeach
                          </select>
                          @error('bank_id')
                            <span class="text-danger">{{ $message }}</span>
                          @enderror
                        </div>
                        <div class="col-4 personal-item">
                          <label>Số Tài Khoản <span class="requireStar">*</span></label>
                          <input type="number" name="account_number" value="{{ $agencyData->account_number }}">
                          @error('account_number')
                            <span class="text-danger">{{ $message }}</span>
                          @enderror
                        </div>
                        <div class="col-4 personal-item">
                          <label>Tên Tài Khoản <span class="requireStar">*</span></label>
                          <input type="text" name="account_name" value="{{ $agencyData->account_name }}">
                          @error('account_name')
                            <span class="text-danger">{{ $message }}</span>
                          @enderror
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="d-flex justify-content-center">
                    <button class="btn-submit btn-edit-profile btn-fill-primary fw-500" type="submit">
                      <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24"
                        fill="none">
                        <path
                          d="M19.5003 20.0008H5.5003C5.23508 20.0008 4.98073 20.1062 4.79319 20.2937C4.60565 20.4813 4.5003 20.7356 4.5003 21.0008C4.5003 21.2661 4.60565 21.5204 4.79319 21.7079C4.98073 21.8955 5.23508 22.0008 5.5003 22.0008H19.5003C19.7655 22.0008 20.0199 21.8955 20.2074 21.7079C20.3949 21.5204 20.5003 21.2661 20.5003 21.0008C20.5003 20.7356 20.3949 20.4813 20.2074 20.2937C20.0199 20.1062 19.7655 20.0008 19.5003 20.0008ZM5.5003 18.0008H5.5903L9.7603 17.6208C10.2171 17.5753 10.6443 17.3741 10.9703 17.0508L19.9703 8.05083C20.3196 7.6818 20.5084 7.18934 20.4953 6.68137C20.4822 6.1734 20.2682 5.69134 19.9003 5.34083L17.1603 2.60083C16.8027 2.26493 16.3341 2.07219 15.8436 2.05929C15.3532 2.04638 14.8751 2.2142 14.5003 2.53083L5.5003 11.5308C5.17706 11.8568 4.9758 12.284 4.9303 12.7408L4.5003 16.9108C4.48683 17.0573 4.50583 17.2049 4.55596 17.3432C4.60608 17.4815 4.6861 17.607 4.7903 17.7108C4.88374 17.8035 4.99455 17.8768 5.11639 17.9266C5.23823 17.9764 5.36869 18.0016 5.5003 18.0008ZM15.7703 4.00083L18.5003 6.73083L16.5003 8.68083L13.8203 6.00083L15.7703 4.00083ZM6.8703 12.9108L12.5003 7.32083L15.2003 10.0208L9.6003 15.6208L6.6003 15.9008L6.8703 12.9108Z"
                          fill="white" />
                      </svg>
                      <span class="ms-1">
                        Sửa thông tin
                      </span>
                    </button>
                  </div>
                </form>
              </div>
            </section>
          </div>
        </div>
      </div>
    </section>
    @include('modals.crop-image')
  </section>
@endsection
@push('script')
  @vite('resources/js/tutor.js')
  @vite('resources/js/register-information.js')
  @vite('resources/js/register-information-edit-profile.js')
@endpush