@extends('admin.layout.master')

@section('pageTitle', (isset($pageTitle)) ? $pageTitle : config('app.APP_NAME') )

@section('pageDescription', (isset($pageDescription)) ? $pageDescription : config('app.APP_NAME') )

@section('content')
    <h4 class="font-weight-bold">
        {!! __('admin/customer.address.listing.title') !!}
        <a href="{{route('admin.user.customers.index')}}" class="btn btn-light float-right ml-1 "
           type="button">{{__('admin/customer.address.listing.labels.back')}}</a>
        <a href="{{route('admin.user.customers.address.create', $customer->id)}}" class="btn btn-primary float-right"
           type="button">{{__('admin/customer.address.listing.labels.add-new')}}</a>
    </h4>
    @include('admin.shared.table-header', ['model' => $customerAddresses, 'filterAttributes' => $filterAttributes])
    <div class="container px-0 table-responsive">
        <table class="table table-bordered table-hover fs-14">
            <thead class="thead-light">
            <tr>
                <th>{!!__('admin/customer.address.listing.labels.id')!!}</th>
                <th>{!!__('admin/customer.address.listing.labels.name')!!}</th>
                <th>{!!__('admin/customer.address.listing.labels.email')!!}</th>
                <th>{!!__('admin/customer.address.listing.labels.phone')!!}</th>
                <th>{!!__('admin/customer.address.listing.labels.city')!!}</th>
                <th>{!!__('admin/customer.address.listing.labels.state')!!}</th>
                <th>{!!__('admin/customer.address.listing.labels.country')!!}</th>
                <th>{!!__('admin/customer.address.listing.labels.action')!!}</th>
            </tr>
            </thead>
            <tbody>
            @forelse($customerAddresses as $key => $address)
                <tr>
                    <td>{{$address->id}}</td>
                    <td>{{$address->name}}</td>
                    <td>{{$address->email}}</td>
                    <td>{{$address->phone}}</td>
                    <td>{{$address->city}}</td>
                    <td>{{$address->state}}</td>
                    <td>{{$address->country}}</td>
                    <td>
                        <div class="btn-group">
                            <a role="button" class="btn btn-sm"
                               href="{{route('admin.user.customers.address.edit', [$customer->id, $address->id])}}"
                               title="{{__('admin/customer.address.listing.labels.edit')}}"><i
                                    class="fa fa-edit"></i></a>
                            <form action="{{route('admin.user.customers.address.delete', [$customer->id, $address->id])}}" method="POST">
                                @csrf
                                @method('DELETE')
                                <button type="submit" onclick="return confirm('{{__('admin/customer.address.listing.messages.delete-warning')}}')"
                                        role="button" class="btn btn-sm"
                                        title="{{__('admin/customer.address.listing.labels.remove')}}"><i class="fa fa-close"></i></button>
                            </form>
                        </div>
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="8" align="center">{{__('admin/customer.address.listing.messages.no-records')}}</td>
                </tr>
            @endforelse
            </tbody>
        </table>
    </div>
    <div class="col-12">
        @include('shared.pagination', ['paginator' => $customerAddresses])
    </div>
@endsection