@extends('dashboard.layout.content')

@section('customTitle')
{{ __('general.edit_user', ['user' => $user->name]) }}
@endsection

@section('customStyle')
<link href='{{ asset("dashboard/$locale/assets/css/elements/alert.css") }}' rel="stylesheet" type="text/css" />
@endsection

@section('customBody')
<div id="content" class="main-content">
    <div class="container">
        <div class="container">
            <div class="row">
                <div id="flStackForm" class="col-12 layout-spacing layout-top-spacing">
                    <div class="statbox widget box box-shadow">
                        <div class="widget-header">
                            <div class="row">
                                <div class="col-12">
                                    <h4>{{ __('general.edit_user', ['user' => $user->name]) }}</h4>
                                </div>
                            </div>
                        </div>
                        <div class="widget-content widget-content-area">
                            <form class="uroad-form" action="{{ route('dashboard.user.update', ['user' => $user->id]) }}" method="POST" enctype="multipart/form-data">
                                @method('PATCH')
                                @csrf
                                <div class="form-row mb-4">

                                    <x-fields.input placeholder="{{ __('validation.attributes.name') }}" cID="name" name="name" value="{{ $user->name }}" required="required" />

                                    <x-fields.input placeholder="{{ __('validation.attributes.email') }}" cID="email" type="email" name="email" value="{{ $user->email }}" required="required" />

                                    <x-fields.input placeholder="{{ __('validation.attributes.mobile') }}" cID="mobile" name="mobile" value="{{ $user->mobile }}" required="required" />
                                    
                                    <x-fields.input placeholder="{{ __('validation.attributes.identification_number') }}" cID="identification_number" type="number" name="identification_number" value="{{ $user->identification_number }}" required="required" />

                                    <x-fields.input placeholder="{{ __('validation.attributes.date_of_birth') }}" cID="date_of_birth" cClass="form-control basicFlatpickr" type="date" name="date_of_birth" value="{{ $user->date_of_birth }}" required="required" />
                                    
                                    <x-fields.select placeholder="{{ __('validation.attributes.gender') }}" cID="gender" cClass="form-control basic" name="gender" required="required">
                                        <x-fields.select.option placeholder="{{ __('validation.attributes.gender') }}" selected="selected" />
                                        <x-fields.select.option placeholder="{{ __('validation.attributes.male') }}" value="male" :selected="$user->gender === 'male' ? 'selected' : ''" />
                                        <x-fields.select.option placeholder="{{ __('validation.attributes.female') }}" value="female" :selected="$user->gender === 'female' ? 'selected' : ''"/>
                                    </x-fields.select>
                                    
                                    <x-fields.select placeholder="{{ __('validation.attributes.country') }}" cID="country_id" cClass="form-control basic" name="country_id" required="required">
                                        <x-fields.select.option placeholder="{{ $user->country->name }}" value="{{ $user->country->id }}" selected="selected" />
                                    </x-fields.select>
    
                                    <x-fields.select placeholder="{{ __('validation.attributes.city') }}" cID="city_id" cClass="form-control basic" name="city_id" required="required">
                                        <x-fields.select.option placeholder="{{ $user->city->name }}" value="{{ $user->city->id }}" selected="selected" />
                                    </x-fields.select>
    
                                    <x-fields.select placeholder="{{ __('validation.attributes.language') }}" cID="language" cClass="form-control basic" name="language" required="required">
                                        <x-fields.select.option placeholder="{{ __('general.arabic') }}" value="ar" :selected=" $user->language === 'ar' ? 'selected' : null" />
                                        <x-fields.select.option placeholder="{{ __('general.english') }}" value="ar" :selected="$user->language === 'en' ? 'selected' : null" />
                                    </x-fields.select>

                                <input type="submit" class="btn btn-primary mt-3" value="{{ __('general.submit') }}">
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('customScript')
<script>
    $("#users-menu-box").attr("data-active", "true")

    $('#country_id').on('change', function () {
        $.ajax({
            url: "{{ route('dashboard.CityArrayDependsOnCountry') }}",
            type: 'GET',
            data: {
                country_id: $(this).val(),
            },
            success: function (result) {
                $('.jquery-city-result').html(result);
            },
        });
    });

    ajaxSelect2('#country_id','/dashboard/select2/country')

</script>

@endsection