@if(isset($countries) && isset($user))
<button data-toggle="modal" data-target="#newAddress" class="btn btn-outline-light text-dark">
    <i aria-hidden="true" class="fa fa-plus-circle"></i>&nbsp;{!! __('customer/address.labels.add-new-address-text') !!}
</button>
<div id="newAddress" data-keyboard="false" data-backdrop="static" class="modal fade" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <form id="login-form" action="{{ route('customer.address.create') }}" method="POST">
                @method('POST')
                @csrf()
                <div class="modal-header"><h4 class="modal-title">{!! __('customer/address.labels.add-new-address-text') !!}</h4>
                    <button type="button" data-dismiss="modal" class="close">×</button>
                </div>
                <div class="modal-body fs-14 text-left">
                    <div class="form-row">
                        <div class="col-md-6 col-lg-6 col-12 pb-2 ">
                            <label for="name" class="pull-left">{!! __('customer/address.labels.name') !!}</label>
                            <input type="text" id="name" name="name" class="form-control" value="{{ old('name') ?? $user->full_name }}">
                            @if($errors->has('name'))
                                {!! __('shared.error.show', ['errorMessage' => $errors->first('name')]) !!}
                            @endif
                        </div>
                        <div class="col-md-6 col-lg-6 col-12 pb-2 ">
                            <label for="email" class="pull-left">{!! __('customer/address.labels.email') !!}</label>
                            <input type="text" id="email" name="email" class="form-control" value="{{ old('email') ?? $user->email }}">
                            @if($errors->has('email'))
                                {!! __('shared.error.show', ['errorMessage' => $errors->first('email')]) !!}
                            @endif
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="col-md-6 col-lg-6 col-12 pb-2 ">
                            <label for="phone" class="pull-left">{!! __('customer/address.labels.phone') !!}</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <div
                                        class="input-group-text">{!! __('customer/address.labels.phone-country-code') !!}</div>
                                </div>
                                <input type="text" id="phone" name="phone" class="form-control"
                                       value="{{ old('phone') ?? $user->phone }}">
                            </div>
                            @if($errors->has('phone'))
                                {!! __('shared.error.show', ['errorMessage' => $errors->first('phone')]) !!}
                            @endif
                        </div>
                        <div class="col-md-6 col-lg-6 col-12 pb-2 ">
                            <label for="address1"
                                   class="pull-left">{!! __('customer/address.labels.address') !!}</label>
                            <input type="text" id="address" name="address" class="form-control"
                                   value="{{ old('address') }}">
                            @if($errors->has('address'))
                                {!! __('shared.error.show', ['errorMessage' => $errors->first('address')]) !!}
                            @endif
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="col-md-6 col-lg-6 col-12 pb-2 ">
                            <label for="country" class="pull-left">{!! __('customer/address.labels.country') !!}</label>
                            <select
                                type="text" id="country"
                                name="country"
                                value="{{__('customer/address.labels.country-option-india.value')}}"
                                class="form-control">
                                @foreach($countries as $country)
                                    <option
                                        value="{{$country->code}}">{{$country->name}}</option>
                                @endforeach
                            </select>
                            @if($errors->has('country'))
                                {!! __('shared.error.show', ['errorMessage' => $errors->first('country')]) !!}
                            @endif
                        </div>
                        <div class="col-md-6 col-lg-6 col-12 pb-2 ">
                            <label for="state" class="pull-left">{!! __('customer/address.labels.state') !!}</label>
                            <select
                                name="state"
                                class="form-control styled-select">
                                <option value="">{!! __('customer/address.labels.please-select') !!}</option>
                                @foreach(@$countries[0]->states as $state)
                                    <option