@extends('layouts.front')

@section('title')@lang('Shipping Addresses') - {{config('app.name')}}@endsection

@section('styles')
    <style>
        table a:not(.btn), .table a:not(.btn) {
            text-decoration: none;
        }

        .shipin-addres h4 {
            border-bottom: 1px solid #ccc;
            padding-bottom: 10px;
        }

        .shipin-addres strong {
            padding: 10px 0px;
            line-height: 30px;
            font-size: 15px;
        }

        .shipping-address {
            border: 1px solid #a02a8b;
            padding: 15px;
            margin-bottom: 30px;
        }

        .btn-area {
            border-top: 1px solid #ccc;
            padding-top: 15px;
            margin-top: 14px;
        }

        .btn-area .btn {
            padding: 4px 10px;
        }
        .add-adrs-btn{
            float:right;
            margin-top: -27px;
        }
        .add-adrs-btn:hover{
            float:right;
            margin-top: -27px !important;
        }
    </style>
    <link href="{{asset('css/front-sidebar-content.css')}}" rel="stylesheet">
@endsection

@section('content')
    <div class="wrapper wrapper-sticky col-md-12">
        @include('partials.front.sidebar')
        <div class="main_content_bg col-md-9">
            <div class="page-title">
                <h2 class="text-left">@lang('Your Addresses')</h2>
                <a href="{{ route(('front.addresses.add')) }}"><button class="btn btn-primary add-adrs-btn"><i class="ti-plus"></i> Add Address</button></a>
            </div>
            @if(session()->has('address_deleted'))
                <div class="alert alert-danger alert-dismissible" role="alert">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    {{session('address_deleted')}}
                </div>
            @endif
            @if($customers->count() > 0)
            @foreach($customers as $key => $customer)
                <div class="col-md-6 mt-20">
                    <div class="shipping-address">
                        <h4>{{$key+1}}. @lang('Shipping Address')</h4>
                        <strong>{{$customer->first_name . ' ' . $customer->last_name}}</strong>,<br>
                        {{$customer->address}}<br>
                        {{$customer->city . ', ' . $customer->state . ' - ' . $customer->zip}}<br>
                        {{$customer->country}}.<br>
                        <strong>@lang('Phone:')</strong> {{$customer->phone}}<br>
                        <strong>@lang('Email:')</strong> {{$customer->email}}<br>
                        <div class="btn-area">
                            <a class="btn btn-green btn-xs pull-left"
                               href="{{route('front.addresses.edit', $customer->id)}}">@lang('Edit')</a>
                            {!! Form::model($customer, ['method'=>'delete', 'action'=>['FrontCustomersController@destroy', $customer->id], 'id'=> 'delete-form-'.$customer->id, 'style'=>'display: none;']) !!}
                            {!! Form::close() !!}
                            <a href="" class='btn btn-xs btn-red pull-right'
                               onclick="
                                       if(confirm('@lang('Are you sure you want to delete this?')')) {
                                       event.preventDefault();
                                       $('#delete-form-{{$customer->id}}').submit();
                                       } else {
                                       event.preventDefault();
                                       }
                                       "
                            ><i class="fa fa-trash"></i></a>
                            <div class="clearfix"></div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            @endforeach
            @else
            <div class="col-md-6 mt-20">
                <p>Address not found</p>
            </div>
            @endif
        </div>
    </div>
@endsection