@extends('layout')
@section('title', 'Edit Customer')
@section('content')
<nav aria-label="breadcrumb" class="mt-2">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="/account">{{ __('text.dashboard') }}</a></li>
    <li class="breadcrumb-item active" aria-current="page"> {{ __('text.edit') }} {{ __('text.profile')}}</li>
  </ol>
</nav>
<div class="container">
     @if (session()->has('success'))
                                <div class="alert alert-success alert-dismissible fade show mb-2" role="alert">
                                    <i class="fa fa-exclamation-circle me-2"></i><strong>{{ __('text.succes') }}</strong> {{ session()->get('success') }}.
                                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                                </div>
                            @endif
                        
                            @if (session()->has('error'))
                                <div class="alert alert-danger alert-dismissible fade show mb-2" role="alert">
                                    <i class="fa fa-exclamation-circle me-2"></i><strong>{{ __('text.eror') }}</strong> {{ session()->get('error') }}.
                                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                                </div>
                            @endif
    <div class="card mx-auto" style="max-width: 750px;">
        <div class="card-body">
            <h1 class="text-center">{{ __('text.update') }} {{ __('text.profile') }}</h1>
            <div class="card-body">
                <form id="registerForm" action="{{ route('customer_update', $customer->customer_id) }}" method="POST">
                    @csrf
                    @method('PUT')
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="firstname">{{ __('text.firstname') }}<span class="text-danger">*</span></label>
                                <input type="text" class="form-control" placeholder="Enter {{ __('text.firstname') }}" name="firstname" id="firstname" value="{{ old('firstname', $customer->firstname) }}">
                                @error('firstname')
                                    <p class="text-danger">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="lastname">{{ __('text.lastname') }}<span class="text-danger">*</span></label>
                                <input type="text" class="form-control" placeholder="Enter {{ __('text.lastname') }}" name="lastname" id="lastname" value="{{ old('lastname', $customer->lastname) }}">
                                @error('lastname')
                                    <p class="text-danger">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="telephone">{{ __('text.phone') }}<span class="text-danger">*</span></label>
                                <input type="text" class="form-control" placeholder="Enter {{ __('text.phone') }}" name="telephone" id="telephone" value="{{ old('telephone', $customer->telephone) }}">
                                @error('telephone')
                                    <p class="text-danger">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="email">{{ __('text.email') }}<span class="text-danger">*</span></label>
                                <input type="email" class="form-control" placeholder="Enter {{ __('text.email') }}" name="email" id="email"
                                value="{{ old('email', $customer->email) }}">
                                @error('email')
                                    <p class="text-danger">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>
                         <div class="col-md-6">
                            <div class="form-group">
                                <label for="address">{{ __('text.address') }}:</label>
                                <textarea class="form-control" id="address" name="address" required>{{ old('address', $customer->address) }}</textarea>
                            </div>
                        </div>
                        <!-- Country -->
                      <!-- Country -->
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="country" style="margin-top: 10px;">{{ __('text.country') }}:</label>
                                @php
                                    $selectedCountry = $data->where('setting_name', 'country')->first()->setting_value ?? old('country', $customer->country);
                                @endphp
                                <select id="country" name="country" class="form-control">
                                    @foreach ($countries as $country)
                                        <option value="{{ $country->country_id }}" {{ $country->name == $selectedCountry ? 'selected' : '' }}>
                                            {{ $country->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <!-- State -->
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="state" style="margin-top: 10px;">{{ __('text.state') }}:</label>
                                <select id="state" name="state" class="form-control">
                                    <option value="{{ old('state', $customer->state) }}">{{ old('state', $customer->state) }}</option>
                                     <option id="{{ $country->country_id }}" 
                              value="{{ $data->where('setting_name', 'state')->first()->setting_value ?? old('store_name') }}">
                                {{ $data->where('setting_name', 'state')->first()->setting_value ?? old('store_name') }}</option>
                                </select>
                            </div>
                        </div>

                        <!-- City -->
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="city">{{ __('text.city') }}:</label>
                                <input type="text" class="form-control" id="city" name="city" value="{{ old('city', $customer->city) }}" required>
                            </div>
                        </div>
                        </div>
                        <!-- Zip Code -->
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="zipcode">{{ __('text.zip_code') }}:</label>
                                <input type="text" class="form-control" id="zip_code" name="zip_code" value="{{ old('zip_code', $customer->zip_code) }}" required>
                            </div>
                        </div>
                    </div>
                    <div class="form-group text-right">
                        <button type="submit" class="btn btn-primary">{{ __('text.update') }}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
    $("#country").change(function(){
        var state = $(this).val();
 
        $.ajax({
            url: "/register_AjaxCall", 
            type: "POST",
            dataType: 'json', 
            data: {
                data: state, 
                _token: '{{ csrf_token() }}' 
            },
            
            success: function(res){
         
                $('#state').empty();

                $.each(res, function(index, val) {
                    $('#state').append($("<option>", {
                        value: val, 
                        text: val 
                    }));
                });
            }
        });  
    });
});


</script>
@endsection