@extends(Theme::getThemeNamespace() . '::views.ecommerce.customers.master')

@section('content')

    <div class="row">
        @forelse($addresses as $address)
            <div class="col-lg-6 dashboard-address-item @if ($address->is_default) is-address-default @endif">
                <div class="card h-100 mb-3 mb-lg-0 mb-2">
                    <div class="card-header">
                        <h5 class="mb-0">{{ $address->name }}
                            @if ($address->is_default)
                                <small class="badge bg-primary">{{ __('Default') }}</small>
                            @endif
                        </h5>
                    </div>
                    <div class="card-body">
                        <address>
                            {{ $address->address }}<br> {{ $address->city }},<br> {{ $address->state }}
                            @if (EcommerceHelper::isUsingInMultipleCountries())
                                <p>{{ $address->country_name }}</p>
                            @endif
                            @if (EcommerceHelper::isZipCodeEnabled())
                                <p>{{ $address->zip_code }}</p>
                            @endif
                        </address>
                        @if ($address->phone)
                            <p>
                                <i class="fas fa-phone-square-alt"></i>
                                <span class="ml-1">{{ $address->phone }}</span>
                            </p>
                        @endif
                        @if ($address->email)
                            <p>
                                <i class="fas fa-envelope-square"></i>
                                <span class="ml-1">{{ $address->email }}</span>
                            </p>
                        @endif

                    </div>
                    <div class="card-footer border-top-0">
                        <div class="row">
                            <div class="col-auto me-auto">
                                <a href="{{ route('customer.address.edit', $address->id) }}">{{ __('Edit') }}</a>
                            </div>
                            <div class="col-auto">
                                <a class="text-danger btn-trigger-delete-address"
                                   href="#" data-url="{{ route('customer.address.destroy', $address->id) }}">{{ __('Remove') }}</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @empty
            <div class="col-12">
                <div class="alert alert-dark d-flex align-items-center" role="alert">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-exclamation-triangle-fill flex-shrink-0 me-2" viewBox="0 0 16 16" role="img" aria-label="Info:">
                        <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"/>
                    </svg>

                    <div>{!! BaseHelper::clean(__('You don\'t have an address book, you can create it <a href=":here">here</a>', ['here' => route('customer.address.create')])) !!}</div>
                </div>
            </div>
        @endforelse
        <div class="col-12 m-2">
            <a class="add-address" href="{{ route('customer.address.create') }}">
                <i class="fa fa-plus"></i>
                <span>{{ __('Add a new address') }}</span>
            </a>
        </div>
    </div>

    <div class="modal fade" id="confirm-delete-modal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-xs">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title"><strong>{{ __('Confirm delete') }}</strong></h4>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <p>{{ __('Do you really want to delete this address?') }}</p>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-small btn-secondary" type="button" data-bs-dismiss="modal">{{ __('Cancel') }}</button>
                    <button class="btn btn-small btn-danger btn-confirm-delete" type="submit">{{ __('Delete') }}</button>
                </div>
            </div>
        </div>
    </div><!-- /.modal -->
@endsection