@extends('frontend.layouts.app')

@section('title', app_name() . ' | ' . __('navs.frontend.dashboard') )

@section('content')


    <div class="page-section sp-inner-page">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="row">
                        <!-- My Account Tab Menu Start -->
                        @include('frontend.user.account._menu')
                        <!-- My Account Tab Menu End -->

                        <!-- My Account Tab Content Start -->
                        <div class="col-lg-9 col-12 mt-lg-0">
                            <div class="tab-content" id="myaccountContent">
                                <!-- Single Tab Content Start -->
                                <div class="tab-pane fade show active" id="dashboad" role="tabpanel">
                                    <div class="myaccount-content">

                                        <h3>My Addresses</h3>


                                        <div class="row">

                                        <div class="col-md-12 order-2 order-sm-1">

                                            <div class="float-right mb-2"><button class="btn btn-info" onclick="location.href='{{ route('frontend.user.addresses.create') }}';"><i class="fa fa-plus"></i> &nbsp; Create Address</button></div>

                                            <div class="clearfix"></div>

                                            @include('includes.partials.messages')

                                            @if(sizeof($data['addresses']) > 0)

                                                <div !class="table-responsive">
                                                    <table class="table table-hover table-striped">
                                                        <tbody>
                                                        <tr>
                                                            <th width="18%">Name</th>
                                                            <th width="15%">Company</th>
                                                            <th width="30%">Address</th>
                                                            <th width="11%">Phone</th>
                                                            <th width="10%">Default Shipping</th>
                                                            <th width="16%">Actions</th>
                                                        </tr>
                                                        @foreach($data['addresses'] as $address)
                                                            <tr>
                                                                <td>{{ $address->first_name . ' ' . $address->last_name }}</td>
                                                                <td>@if(trim($address->company) != null) {{ $address->company }} @else N/A @endif</td>
                                                                <td>{{ $address->address1.' '.$address->address2.', '.$address->city.', '. \App\Models\State::get_state_name($address->state) .', '.$address->zip.', '. \App\Models\Country::get_country_name($address->country) }}</td>
                                                                <td>@if(trim($address->phone) != null) {{ $address->phone }} @else N/A @endif</td>
                                                                <td>@if($address->default_shipping == 'Y') <span class="badge badge-success">Yes</span> @else <span class="badge badge-warning">No</span> @endif</td>
                                                                <td nowrap>
                                                                    <a class="btn btn-primary btn-sm" style="width: auto;" href="{{ route('frontend.user.addresses.edit', [$address->id]) }}"><i class="fa fa-pencil"></i></a>
                                                                    <form method="POST" style="display: inline-block" action="{{ route('frontend.user.addresses.destroy', [$address->id]) }}" onsubmit="return window.confirm('Are you sure, you want to delete this address?');">
                                                                        @method('DELETE')
                                                                        @csrf
                                                                        <button type="submit" class="btn btn-danger btn-sm" style="width: auto;"><i class="fa fa-trash "></i></button>
                                                                    </form>
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                        </tbody>
                                                    </table>
                                                </div>


                                                <div class="clearfix">
                                                    <div class="pagination pagination-sm no-margin pull-right">
                                                        {!! $data['addresses']->render() !!}
                                                    </div>

                                                </div>

                                            @else
                                                <strong>Sorry!</strong>, no addresses found.
                                            @endif

                                        </div><!--col-md-8-->

                                        </div>


                                    </div>
                                </div>
                                <!-- Single Tab Content End -->


                            </div>
                        </div>
                        <!-- My Account Tab Content End -->
                    </div>

                </div>
            </div>
        </div>
    </div>

@endsection