@if($formType === 'edit')
    @method('PUT')
@endif

{{--@if($errors->any())
    {{ implode('', $errors->all('<div>:message</div>')) }}
@endif--}}
@csrf
<div class="title title-xs title-wth-divider text-primary text-uppercase my-4"><span>{{ __('clients.user_info_title') }}</span></div>
<div class="row gx-3">
    <x-form.select col="col-sm-12"
                   name="zone_id"
                   label="{{ __('clients.fields.service_zone_id') }}"
                   default-option="{{ __('enum.UserServiceZoneEnumPlaceholder') }}"
                   required="true"
                   default-option-value="">
        @foreach(\App\Models\Zone::getZonesByUserType() as $row)
            <option value="{{ $row->id }}" @selected(old('zone_id',optional($client)->zone_id) == $row->id)>{{ $row->name . ' - ' . $row->nation . ' - ' . $row->administrative_region }}</option>
        @endforeach
    </x-form.select>
    <x-form.select col="col-sm-6"
                   name="user_id"
                   label="{{ __('clients.fields.user_id') }}"
                   default-option="{{ __('enum.UserIdForUserEnumPlaceholder') }}"
                   required="true"
                   default-option-value="">
        @foreach($agents as $row)
            <option value="{{ $row->id }}" data-zone="{{ $row->zone_id }}" @selected(old('user_id',optional($client)->user_id) == $row->id)>{{ $row->name.' '.$row->last_name .' ('.$row->email.')' }}</option>
        @endforeach
    </x-form.select>
    <x-form.select col="col-sm-6"
                   name="role"
                   label="{{ __('clients.fields.role') }}"
                   required="true"
                   default-option-value="">
        @foreach(\App\Enum\UserRoleEnum::clientRoles() as $role)
            <option value="{{ $role->value }}" @selected(old('role',optional($client->role)->value) == $role->value)>{{ $role->getLangLabel() }}</option>
        @endforeach
    </x-form.select>
    <x-form.select col="col-sm-6"
                   name="gender"
                   label="{{ __('clients.fields.gender') }}"
                   default-option="{{ __('enum.UserGenderEnumPlaceholder') }}"
                   required="true"
                   default-option-value="">
        @foreach(\App\Enum\UserGenderEnum::cases() as $enum)
            <option value="{{ $enum->value }}" @selected(old('gender',optional($client->gender)->value) == $enum->value)>{{ $enum->getLangLabel() }}</option>
        @endforeach
    </x-form.select>
    <x-form.input
        col="col-sm-6"
        name="name"
        label="{{ __('clients.fields.name') }}"
        placeholder="{{ __('clients.fields.name') }}"
        :value="old('name',$client->name)"
        required="true" />
    <x-form.input
        col="col-sm-6"
        name="last_name"
        label="{{ __('clients.fields.last_name') }}"
        placeholder="{{ __('clients.fields.last_name') }}"
        :value="old('last_name',$client->last_name)"
        required="true" />
    <x-form.input
        col="col-sm-6"
        name="date_of_birth"
        autocomplete="off"
        label="{{ __('clients.fields.date_of_birth') }}"
        placeholder="{{ __('clients.fields.date_of_birth') }}"
        :value="old('date_of_birth',$client->date_of_birth?$client->date_of_birth->format('Y-m-d'):'')"
        required="true" />

    <x-form.select col="col-sm-6"
                   name="status"
                   label="{{ __('clients.fields.status') }}"
                   default-option="{{ __('enum.UserStatusEnumPlaceholder') }}"
                   required="true"
                   default-option-value="">
        @foreach(\App\Enum\UserStatusEnum::cases() as $enum)
            <option value="{{ $enum->value }}" @selected(old('status',optional($client->status)->value) == $enum->value)>{{ $enum->getLangLabel() }}</option>
        @endforeach
    </x-form.select>

    <x-form.select col="col-sm-6"
                   name="born_zone_id"
                   label="{{ __('clients.fields.born_zone_id') }}"
                   default-option="{{ __('enum.UserBornZoneEnumPlaceholder') }}"
                   required="true"
                   default-option-value="">
        @foreach(\App\Models\Zone::all() as $row)
            <option value="{{ $row->id }}" @selected(old('born_zone_id',optional($client)->born_zone_id) == $row->id)>{{ $row->name }}</option>
        @endforeach
    </x-form.select>

    <x-form.select col="col-sm-6"
                   name="native_languages[]"
                   id="native_languages"
                   label="{{ __('clients.fields.native_languages') }}"
                   required="true"
                   multiple="true"
                   default-option-value="">
        @foreach(\App\Enum\UserNativeLanguageEnum::cases() as $enum)
            <option value="{{ $enum->value }}" @selected(in_array($enum->value,old('native_languages',optional($client)->native_languages??[])))>{{ $enum->getLangLabel() }}</option>
        @endforeach
    </x-form.select>
    <x-form.select col="col-sm-6"
                   name="spoken_languages[]"
                   id="spoken_languages"
                   label="{{ __('clients.fields.spoken_languages') }}"
                   required="true"
                   multiple="true"
                   default-option-value="">
        @foreach(\App\Enum\UserNativeLanguageEnum::cases() as $enum)
            <option value="{{ $enum->value }}" @selected(in_array($enum->value,old('spoken_languages',optional($client)->spoken_languages??[])))>{{ $enum->getLangLabel() }}</option>
        @endforeach
    </x-form.select>
    <x-form.select col="col-sm-6"
                   name="hobbies[]"
                   id="hobbies"
                   label="{{ __('clients.fields.hobbies') }}"
                   required="true"
                   multiple="true"
                   default-option-value="">
        @foreach(old('hobbies',optional($client)->hobbies??[]) as $hobby)
            <option value="{{ $hobby }}" @selected(true)>{{ $hobby }}</option>
        @endforeach
    </x-form.select>
    <x-form.select col="col-sm-6"
                   name="driver_license[]"
                   id="driver_license"
                   label="{{ __('clients.fields.driver_license') }}"
                   required="true"
                   multiple="true"
                   default-option-value="">
        @foreach(old('driver_license',optional($client)->driver_license??[]) as $dl)
            <option value="{{ $dl }}" @selected(true)>{{ $dl }}</option>
        @endforeach
    </x-form.select>
    <x-form.input
        col="col-sm-6"
        name="phone"
        label="{{ __('clients.fields.phone') }}"
        placeholder="{{ __('clients.fields.phone') }}"
        :value="old('phone',$client->phone)"/>
    <x-form.input
        col="col-sm-6"
        name="phone_2"
        label="{{ __('clients.fields.phone_2') }}"
        placeholder="{{ __('clients.fields.phone_2') }}"
        :value="old('phone_2',$client->phone_2)"/>
    <x-form.input
        col="col-sm-6"
        name="bande_number"
        required="true"
        label="{{ __('clients.fields.bande_number') }}"
        placeholder="{{ __('clients.fields.bande_number') }}"
        :value="old('bande_number',$client->bande_number)"/>


    <div class="col-sm-12">
        <div class="form-group">
            <label for="image" class="form-label">{{ __('clients.fields.image_label') }}</label>
            <input class="form-control" name="image"  type="file" id="image">
        </div>
    </div>

    <x-form.textarea
        col="col-sm-12"
        name="expert_biography"
        label="{{ __('clients.fields.biography') }}"
        placeholder="{{ __('clients.fields.biography') }}"
        :value="old('expert_biography',$client->expert_biography)"
        />

    <div class="col-sm-6">
        <div class="row">
            <label>{{__('clients.fields.confirm_receipt')}}</label>
        </div>
        <div class="row">
            @foreach (\App\Enum\UserConfirmReceiptEnum::forClient() as $enum)
                <div class="col-sm-12">
                    <input type="checkbox" name="confirm_receipt[{{$enum->value}}]" id="{{$enum->value}}" @checked(in_array($enum->value, old('confirm_receipt',optional($client)->confirm_receipt??[])))>
                    <label for="{{$enum->value}}" class="checkbox-inline">{{ $enum->getLangLabel() }}</label>
                </div>
            @endforeach
        </div>
    </div>

</div>
<div class="title title-xs title-wth-divider text-primary text-uppercase my-4"><span>{{ __('clients.address_info_title') }}</span></div>
<div class="row gx-3">
    <x-form.input
        col="col-sm-6"
        name="address_line_1"
        required="true"
        label="{{ __('clients.fields.address_line_1') }}"
        placeholder="{{ __('clients.fields.address_line_1') }}"
        :value="old('address_line_1',$client->address_line_1)"/>
    <x-form.input
        col="col-sm-6"
        name="address_line_2"
        label="{{ __('clients.fields.address_line_2') }}"
        placeholder="{{ __('clients.fields.address_line_2') }}"
        :value="old('address_line_2',$client->address_line_2)"/>
    <x-form.input
        col="col-sm-6"
        name="city"
        required="true"
        label="{{ __('clients.fields.city') }}"
        placeholder="{{ __('clients.fields.city') }}"
        :value="old('city',$client->city)"/>
    {{--<x-form.input
        col="col-sm-6"
        name="state"
        required="true"
        label="{{ __('clients.fields.state') }}"
        placeholder="{{ __('clients.fields.state') }}"
        :value="old('state',$client->state)"/>--}}
    <x-form.select col="col-sm-6"
                   name="state"
                   label="{{ __('clients.fields.state') }}"
                   default-option="{{ __('enum.UserStateEnumPlaceholder') }}"
                   required="true"
                   default-option-value="">
        @foreach(\App\Enum\UserStateEnum::cases() as $enum)
            <option value="{{ $enum->value }}" @selected(old('state',optional($client->state)->value) == $enum->value)>{{ $enum->getLangLabel() }}</option>
        @endforeach
    </x-form.select>
    <x-form.input
        col="col-sm-6"
        name="postal_code"
        required="true"
        label="{{ __('clients.fields.postal_code') }}"
        placeholder="{{ __('clients.fields.postal_code') }}"
        :value="old('postal_code',$client->postal_code)"/>
</div>
<div class="title title-xs title-wth-divider text-primary text-uppercase my-4"><span>{{ __('clients.login_info_title') }}</span></div>
<div class="row gx-3">
    <x-form.input
        col="col-sm-6"
        name="email"
        label="{{ __('clients.fields.email') }}"
        placeholder="{{ __('clients.fields.email') }}"
        :value="old('email',$client->email)"
        required="true" />
</div>
<div class="row gx-3">
    <x-form.input
        col="col-sm-6"
        type="password"
        name="password"
        label="{{ __('clients.fields.password') }}"
        placeholder="{{ __('clients.fields.password') }}"
        :required="$formType == 'create'"
    />
    <x-form.input
        col="col-sm-6"
        type="password"
        name="password_confirmation"
        label="{{ __('clients.fields.confirm_password') }}"
        placeholder="{{ __('clients.fields.confirm_password') }}"
        :required="$formType == 'create'"
    />
</div>
<div class="row gx-3">
    <x-form.select col="col-md-6"
                   name="approved_status"
                   label="{{ __('clients.fields.approved_status') }}"
                   required="true">
            @foreach(\App\Enum\UserApprovedStatusEnum::cases() as $enum)
                <option value="{{ $enum->value }}" @selected(old('approved_status',optional($client->approved_status)->value) == $enum->value)>{{ $enum->getLangLabel() }}</option>
            @endforeach
    </x-form.select>
</div>
@section('plugin_css')
    <link rel="stylesheet" type="text/css" href="{{ asset('vendors/daterangepicker/daterangepicker.css') }}" />
@endsection
@section('plugins_js')
    <!-- Daterangepicker JS -->
    <script src="{{ asset('vendors/moment/min/moment.min.js') }}"></script>
    <script src="{{ asset('vendors/daterangepicker/daterangepicker.js') }}"></script>
    <script>
        window.addEventListener("load", (event) => {
            $("#zone_id,#born_zone_id,#status,#gender,#native_languages,#state,#spoken_languages,#approved_status").select2();
            $("#hobbies,#driver_license").select2({
                tags: true,
            });
            $('input[name="date_of_birth"]').daterangepicker({
                singleDatePicker: true,
                showDropdowns: true,
                minYear: 1901,
                maxYear: {{ now()->subYears(18)->format('Y') }},
                "cancelClass": "btn-secondary",
                locale: {
                    format: 'YYYY-MM-DD'
                }
            });
            @if($formType == 'create')
                $('input[name="date_of_birth"]').val('');
            @endif
        });

    </script>
@endsection