@section('title','Edit Customer')

@push('vendor-style')
<link rel="stylesheet" type="text/css" href="{{asset('vendors/select2/select2.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/select2/select2-materialize.css')}}">
@endpush

@push('style')
<link rel="stylesheet" href="{{asset('css/admin/customer/editCustomer.css')}}">
@endpush

@push('vendor-script')
<script src="{{asset('vendors/select2/select2.full.min.js')}}"></script>
<script src="{{asset('vendors/jquery-validation/jquery.validate.min.js')}}"></script>
@endpush

@push('script')
<script src="{{asset('js/admin/customer/editCustomer.js')}}"></script>
@endpush
<x-admin-layout>

    <x-breadcrumbs :breadcrumbs="$breadcrumbs">
    </x-breadcrumbs>
    <div class="col s12">
        <div class="container">
            {{-- Content --}}
            <div class="section">
                <div class="card">
                    <div class="card-content">
                        <div class="row">
                            <div class="col s12">
                                <form action="{{route('admin_customer_update')}}" method="post" enctype="multipart/form-data" autocomplete="off" id="customerForm">
                                    <input type="hidden" name="id" value="{{$customer->id}}">
                                    @csrf
                                    <div class="row justify-content-md-center">
                                        <div class="input-field col m4 s12">
                                            <input type="text" value="{{old('first_name', $customer->first_name)}}" name="first_name" id="first_name">
                                            <label for="first_name">
                                                @lang(' First Name') <span class="red-text">*</span>
                                            </label>
                                            @error('first_name')<small class="form-text red-text text-danger">{{ $message }}</small>@enderror
                                        </div>
                                        <div class="input-field col m4 s12">
                                            <input type="text" value="{{old('last_name', $customer->last_name)}}" name="last_name" id="last_name">
                                            <label for="last_name">
                                                @lang(' Last Name') <span class="red-text">*</span>
                                            </label>
                                            @error('last_name')<small class="form-text red-text text-danger">{{ $message }}</small>@enderror
                                        </div>
                                        <div class="input-field col m4 s12">
                                            <input type="text" value="{{old('email', $customer->email)}}" name="email" id="email">
                                            <label for="email">
                                                @lang(' Email')
                                            </label>
                                            @error('email')<small class="form-text red-text text-danger">{{ $message }}</small>@enderror
                                        </div>
                                    </div>
                                    <div class="row justify-content-md-center">
                                        <div class="input-field col m1 s12">
                                            <label class="active" for="country_code">
                                                @lang('Country Code')
                                            </label>
                                            <select class="select2 phoneCountry" id="country_code_id" name="country_code_id" data-placeholder="Select country code" data-error="#country_code_id-error-div">
                                                @foreach($countries as $country)
                                                <option value="{{$country->id}}" data-image="{{Storage::disk('jazeera')->url($country->flag)}}" {{ (old('country_code_id', $customer->country_code_id) == $country->id) ? "selected" :""}}>
                                                    +{{$country->country_code}} </option>
                                                @endforeach
                                            </select>
                                            @error('country_code_id')<small class="form-text red-text text-danger">{{ $message }}</small>@enderror
                                            <div id="country_code_id-error-div"></div>
                                        </div>
                                        <div class="input-field col m3 s12">
                                            <input type="text" value="{{old('phone', $customer->phone)}}" name="phone" id="phone">
                                            <label for="phone">
                                                @lang('Phone') <span class="red-text">*</span>
                                            </label>
                                            @error('phone')<small class="form-text red-text text-danger">{{ $message }}</small>@enderror
                                        </div>
                                        <div class="input-field col m4 s12">
                                            <label class="active" for="country_id">
                                                @lang('Country') <span class="red-text">*</span>
                                            </label>
                                            <select class="select2" id="country_id" name="country_id" data-placeholder="Select country" data-error="#country_id-error-div">
                                                @foreach($countries as $country)
                                                <option value="{{$country->id}}" @if(old('country_id', $customer->country_id)==$country->id || (!old('country_id', $customer->country_id) && $country->country_code == '965')) selected
                                                    @endif>{{$country->short_name}}</option>
                                                @endforeach
                                            </select>
                                            @error('country_id')<small class="form-text red-text text-danger">{{ $message }}</small>@enderror
                                            <div id="country_id-error-div"></div>
                                        </div>
                                        <div class="input-field col m4 s12">
                                            <label class="active" for="nationality">
                                                @lang('Nationality') <span class="red-text">*</span>
                                            </label>
                                            <select class="select2" id="nationality" name="nationality" data-placeholder="Select Nationality" data-error="#nationality-error-div">
                                                @foreach($countries as $country)
                                                <option value="{{$country->id}}" @if(old('nationality', $customer->nationality)==$country->id || (!old('nationality', $customer->nationality) && $country->country_code == '965')) selected
                                                    @endif>{{$country->short_name}}
                                                </option>
                                                @endforeach
                                            </select>
                                            @error('nationality')<small class="form-text red-text text-danger">{{ $message }}</small>@enderror
                                            <div id="nationality-error-div"></div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="input-field col s12">
                                            <textarea id="address" name="address" class="materialize-textarea">{{old('address', $customer->address)}}</textarea>
                                            <label for="address">Address</label>
                                        </div>
                                    </div>
                                    <div class="row justify-content-md-center">
                                        <div class="input-field col m6 s12">
                                            <div class="switch">
                                                <label for="status">
                                                    @lang('Status')<span class="red-text">*</span>
                                                </label>
                                                <label>
                                                    <input class="with-gap" name="status" type="radio" value="1" {{$customer->status ? "checked" : ""}} />
                                                    <span>Active</span>
                                                </label>
                                                <label>
                                                    <input class="with-gap" name="status" type="radio" value="0" {{!$customer->status ? "checked" : ""}} />
                                                    <span>Inactive</span>
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <button class="btn cyan waves-effect waves-light right mr-4" type="submit" name="action">
                                            Submit
                                            <i class="material-icons right">send</i></button>
                                        <button class="btn red waves-effect waves-light btn-reset right mr-4" type="reset">
                                            <i class="material-icons left">refresh</i>
                                            @lang('Reset')
                                        </button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</x-admin-layout>