@extends('layouts.frontend')
@section('content')

<div class="container p-5">
    <div class="row">
        <div class="col-md-4 mb-3">
            @include('partials.frontend.profile.nav')
        </div>
        <div class="col-md-8">
            <div class="card mb-3 bg-primary">
                <div class="card-header">
                    {{ trans('global.my_profile') }}
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route("frontend.profile.update") }}">
                        @csrf
                        <div class="row">
                            <div class="col-sm-3">
                              <h6 class="mb-0">{{ trans('cruds.customer.fields.name') }}</h6>
                            </div>
                            <div class="col-sm-9 text-secondary">
                                <input class="form-control {{ $errors->has('name') ? 'is-invalid' : '' }}" type="text" name="name" id="name" value="{{ old('name', auth()->user()->name) }}" required>
                                @if($errors->has('name'))
                                    <div class="invalid-feedback">
                                        {{ $errors->first('name') }}
                                    </div>
                                @endif
                            </div>
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-sm-3">
                              <h6 class="mb-0">{{ trans('cruds.customer.fields.email') }}</h6>
                            </div>
                            <div class="col-sm-9 text-secondary">
                                <input class="form-control {{ $errors->has('email') ? 'is-invalid' : '' }}" type="email" name="email" id="email" value="{{ old('email', auth()->user()->email) }}" required>
                                @if($errors->has('email'))
                                    <div class="invalid-feedback">
                                        {{ $errors->first('email') }}
                                    </div>
                                @endif
                            </div>
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-sm-3">
                              <h6 class="mb-0">{{ trans('cruds.customer.fields.phone') }}</h6>
                            </div>
                            <div class="col-sm-9 text-secondary">
                                <input class="form-control {{ $errors->has('phone') ? 'is-invalid' : '' }}" type="number" name="phone" id="phone" value="{{ old('phone', auth()->user()->phone) }}" required>
                                @if($errors->has('phone'))
                                    <div class="invalid-feedback">
                                        {{ $errors->first('phone') }}
                                    </div>
                                @endif
                            </div>
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-sm-3">
                              <h6 class="mb-0">{{ trans('cruds.customer.fields.identity_card_number') }}</h6>
                            </div>
                            <div class="col-sm-9 text-secondary">
                                <input class="form-control {{ $errors->has('identity_card_number') ? 'is-invalid' : '' }}" type="text" name="identity_card_number" id="identity_card_number" value="{{ old('identity_card_number', auth()->user()->identity_card_number) }}" required>
                                @if($errors->has('identity_card_number'))
                                    <div class="invalid-feedback">
                                        {{ $errors->first('identity_card_number') }}
                                    </div>
                                @endif
                            </div>
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-sm-3">
                              <h6 class="mb-0">{{ trans('cruds.customer.fields.dob') }}</h6>
                            </div>
                            <div class="col-sm-9 text-secondary">
                                <input class="form-control date {{ $errors->has('dob') ? 'is-invalid' : '' }}" type="text" name="dob" id="dob" value="{{ old('dob', auth()->user()->dob) }}" required>
                                @if($errors->has('dob'))
                                    <div class="invalid-feedback">
                                        {{ $errors->first('dob') }}
                                    </div>
                                @endif
                            </div>
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-sm-3">
                              <h6 class="mb-0">{{ trans('cruds.customer.fields.shipping_address') }}</h6>
                            </div>
                            <div class="col-sm-9 text-secondary">
                                <input class="form-control {{ $errors->has('shipping_address') ? 'is-invalid' : '' }}" type="text" name="shipping_address" id="shipping_address" value="{{ old('shipping_address', auth()->user()->shipping_address) }}" required>
                                @if($errors->has('shipping_address'))
                                    <div class="invalid-feedback">
                                        {{ $errors->first('shipping_address') }}
                                    </div>
                                @endif
                            </div>
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-sm-3">
                              <h6 class="mb-0">{{ trans('cruds.customer.fields.state') }}</h6>
                            </div>
                            <div class="col-sm-9 text-secondary">
                                <select class="custom-select select2 {{ $errors->has('state_id') ? 'is-invalid' : '' }}" name="state_id" id="state_id" required>
                                    @foreach($states as $id => $entry)
                                        <option value="{{ $id }}" {{ (old('state_id') ? old('state_id') : auth()->user()->state_id ?? '') == $id ? 'selected' : '' }}>{{ $entry }}</option>
                                    @endforeach
                                </select>
                                @if($errors->has('state_id'))
                                    <div class="invalid-feedback">
                                        {{ $errors->first('state_id') }}
                                    </div>
                                @endif
                            </div>
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-sm-3">
                              <h6 class="mb-0">{{ trans('cruds.customer.fields.city') }}</h6>
                            </div>
                            <div class="col-sm-9 text-secondary">
                                <select class="custom-select select2 {{ $errors->has('city_id') ? 'is-invalid' : '' }}" name="city_id" id="city_id" required>
                                    @foreach($cities as $id => $entry)
                                        <option value="{{ $id }}" {{ (old('city_id') ? old('city_id') : auth()->user()->city_id ?? '') == $id ? 'selected' : '' }}>{{ $entry }}</option>
                                    @endforeach
                                </select>
                                @if($errors->has('city_id'))
                                    <div class="invalid-feedback">
                                        {{ $errors->first('city_id') }}
                                    </div>
                                @endif
                            </div>
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-sm-3">
                              <h6 class="mb-0">{{ trans('cruds.customer.fields.postal_code') }}</h6>
                            </div>
                            <div class="col-sm-9 text-secondary">
                                <input class="form-control {{ $errors->has('postal_code') ? 'is-invalid' : '' }}" type="number" name="postal_code" id="postal_code" value="{{ old('postal_code', auth()->user()->postal_code) }}" required>
                                @if($errors->has('postal_code'))
                                    <div class="invalid-feedback">
                                        {{ $errors->first('postal_code') }}
                                    </div>
                                @endif
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12">
                                <button class="btn btn-primary" type="submit">{{ trans('global.save') }}</button>
                                <a class="btn btn-danger " href="{{ route('frontend.profile.index') }}">{{ trans('global.back') }}</a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script>
// Select Dependent Dropdowns
$("#state_id").change(function(){
    $.ajax({
        url: "{{ route('cities.get_by_state') }}?state=" + $(this).val(),
        method: 'GET',
        success: function(data) {
            $('#city_id').html(data.html);
        }
    });
});
</script>
@endsection