@extends('layouts.index')

@section('content')

    <div class="content pt-3 container-fluid">
        {{-- Breadcrumb Section --}}
        @php
            $pages = [] ; $page = [] ;
            $page['title'] = __('lang.home') ; $page['route'] = route('home') ; $page['color'] = 'text_3' ;
            $pages[] = $page ;
            $page['title'] = __('lang.myAccount') ; $page['route'] = 'javascript:void(0)' ; $page['color'] = 'text_3' ;
            $pages[] = $page ;
            $page['title'] = __('lang.myAddresses') ; $page['route'] = 'javascript:void(0)' ; $page['color'] = 'text_1' ;
            $pages[] = $page ;
        @endphp
        @include('components.breadcrumb',$pages)

        <div class="container mb-5 ">
            <div class="row delivery-information">
                <div class="col-lg-3 col-12">
                    @include('auth.account-menu',['activePage'=>'my_addresses','route'=>'getCstomerAddresses'])
                </div>
                <div class="col-lg-9  col-12">
                    <div class="card px-3   border-raduis-btm-0">
                        <div class="card-body ">
                            <div class="py-4">
                                <h5 class="card-title text_7 font-20 fb-700 mb-2">{{ __('lang.deliveryInformation') }}</h5>
                                <h6 class="card-title text_1 font-17">{{ __('lang.deliveryInformationDesc') }}</h6>
                            </div>
                        </div>
                    </div>
                    <div class="card px-3 border-raduis-top-0 mb-3">
                        <div class="card-body ">
                            <h5 class="card-title text_1 font-20 fb-700 mt-3 mb-1">{{ __('lang.deliveryAddress') }}</h5>
                            <div class="row ">
                                <div class="col-lg-4  col-md-6 p-4 my-2 text-center align-items-center justify-content-center height-300">
                                    <div class=" border-2 card row p-3 h-100 text-center align-items-center justify-content-center">
                                        <a aria-label="go to add new address page" href="{{ route('addCutomerAddress') }}" class="col-12 text-center">
                                            <i class="fas fa-plus text_7 fa-3x"></i> <br/>  <span class="text_7 font-20 "> {{ __('lang.addNew') }}</span>
                                        </a>
                                    </div>
                                </div>

                                @foreach ($addresses as $address)
                                <div class="col-lg-4 col-md-6 p-4 my-2 height-300">
                                    <div class=" card  border-2 row h-100 p-3  ">
                                        <div class="col-12 mb-3">
                                            <h4 class="text_3 font-20 fb-700"> {{ $address->customer_addresses_name }}</h4>
                                        </div>
                                        <div class="col-12 text_3 font-17"> {{ $address->customer_addresses_address }}</div>
                                        <div class="col-12 text_3 font-17 ">{{ $address->customer_addresses_phone }}</div>
                                        @if (isset($address->is_country_allowed) && $address->is_country_allowed === false)
                                            {{-- Address country is not one of the account's allowed countries --}}
                                            <div class="col-12 text-danger font-15 mt-2">{{ __('lang.addressCountryNotAvailable') }}</div>
                                        @endif

                                        <div class="col-12 row m-0 mt-5 align-items-end justify-content-end">
                                            <div class="col-7 text-end">
                                                {{-- <a aria-label="go to edit address page" href="{{ route('editAddress',$address->customer_addresses_id) }}" class="btn d-block text-end background_2 text_1"> {{ __('lang.delete') }} </a> --}}
                                                {{-- <form method="POST" action="{{route('deleteCutomerAddress')}}" class="d-inline text-end" >
                                                    @csrf
                                                    <input type="hidden" name="accountId" value="{{env('accountId')}}" >
                                                    <input type="hidden" name="addresses_id" value="{{isset($address) ? $address->customer_addresses_id :''}}" >
                                                    <button type="submit"  class="btn text-end background_2 text_1" > {{__('lang.delete')}}</button>
                                                </form> --}}
                                                <button type="button" class="btn text-end background_2 text_1" data-bs-toggle="modal" data-bs-target="#deleteAddress-{{ $address->customer_addresses_id }}">{{__('lang.delete')}}</button>

                                            </div>

                                            <div class="modal fade" id="deleteAddress-{{ $address->customer_addresses_id }}" aria-hidden="true" aria-labelledby="exampleModalToggleLabel" tabindex="-1">
                                                <div class="modal-dialog modal-dialog-centered">
                                                  <div class="modal-content">
                                                    <div class="modal-body p-5">
                                                        <div class="row text-center align-items-center justify-content-center">
                                                            <div class="col-12 text-center align-items-center justify-content-center">
                                                                <h3>{{ __('lang.DeleteThisAddress?') }}</h3>
                                                            </div>
                                                            <div class="col-12 mt-5 text-center align-items-center justify-content-center">
                                                                <button type="button" class="btn background_2 text_1 mx-3 fb-700" data-bs-dismiss="modal" aria-label="Close"> {{ __('lang.cancel') }}</button>
                                                                <form method="POST" action="{{route('deleteCutomerAddress')}}" class="d-inline text-end" >
                                                                    @csrf
                                                                    <input type="hidden" name="accountId" value="{{env('accountId')}}" >
                                                                    <input type="hidden" name="addresses_id" value="{{isset($address) ? $address->customer_addresses_id :''}}" >
                                                                    <button type="submit"  class="btn text-end btn-danger px-5 py-3 mx-3" > {{__('lang.delete')}}</button>
                                                                </form>
                                                            </div>
                                                        </div>

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

                                            <div class="col-5 text-end">
                                                <a aria-label="go to edit address page" href="{{ route('editCutomerAddress',$address->customer_addresses_id) }}" class="btn background_3 text_2"> {{ __('lang.edit') }} </a>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                                @endforeach 

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

            </div>


        </div>
    </div>
@endsection

@section('script')

@endsection