@extends('customer.layout.master')

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

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

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

@section('content')
    <div class="col-12 d-flex py-3">
        <div class="d-none d-md-block d-lg-block col-md-3 col-lg-3">
            @include('customer.layout.side-bar')
        </div>
        <div class="col-lg-9 col-md-9 col-sm-12 px-0" id="ctm-address-list">
            <div class="col-12 px-0">
                <div class="d-inline-block h5">
                    {{ __('customer/address.labels.address-text') }}
                </div>
                <div class="d-inline-block h5 float-right">
                    @include('customer.common.add-address', ['countries' => $countries, 'user' => $user])
                </div>
            </div>

            <div class="col-12 mt-2 mb-2 border border-top-0 border-basic"></div>

            <div class="col-12 px-0 address-tile-block">
                @foreach($addresses as $address)
                    <div class="col-12 p-2">
                        <div class="card px-0">
                            <div class="card-body">
                                <h4 class="card-title">{{$address->name}}</h4>
                                <p class="card-text">
                                    {{implode(', ', [$address->address, $address->city, $address->state, $address->country, '('.$address->postcode.')'])}}
                                </p>
                                @if($address->company_name)
                                    <p class="card-text font-weight-normal">
                                        <i title="{{ __('customer/order.labels.company-details') }}" class="fa fa-building-o mr-2" aria-hidden="true"></i>{{$address->company_name . ' ('.$address->gst_no.')'}}
                                    </p>
                                @endif
                                <p class="card-text font-weight-bold">
                                    <i class="fa fa-phone mr-2" aria-hidden="true"></i>{{$address->phone}}
                                </p>
                            </div>
                            <div class="card-footer btn-group p-0">
                                <a href="{{route('customer.address.edit', $address->id)}}"
                                   class="btn btn-sm btn-primary"><i
                                        aria-hidden="true"
                                        class="fa fa-pencil-square-o"></i>
                                    {{ __('customer/address.labels.edit-btn') }}</a>
                                <a onclick="return deleteItem()"
                                   href="{{route('customer.address.delete', $address->id)}}"
                                   class="btn btn-sm btn-danger"><i
                                        aria-hidden="true"
                                        class="fa fa-trash"></i>
                                    {{ __('customer/address.labels.delete-btn') }}
                                </a>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>

    <script>
        function deleteItem() {
            return confirm("Are you sure, you want to remove this Address?");
        }
    </script>
@endsection