@extends('frontend.layouts.frontend_app')
@push('style')
    <style>
        span.badge.primary-address-badge {
            position: absolute;
            right: 0;
            bottom: 0;
            margin: 3px;
        }
    </style>
@endpush
@section('content')
    <section id="custom_dashboard">
        <div class="container" data-aos="fade-up">
            <div class="row">
                @include('frontend.pages.customer.includes.sidebar')
                <div class="col-lg-9">
                    <div class="card p-0 border-0">
                        <div class="card-header bg-transparent d-flex justify-content-between align-items-center">
                            <div class="card-title h4 m-0">{{__('pages.Delivery Address')}}</div>
                            <a href="{{ route('customer.address.create') }}" class="btn btn-default">
                                {{__('pages.Add Address')}}
                            </a>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                @forelse($addresses as $address)
                                    <div class="col-lg-4 mb-3">
                                        <div class="card p-0 h-100">
                                            <div class="card-header d-flex justify-content-between align-items-center bg-transparent border-0">
                                                <span class="text-capitalize">{{ $address->address_type }}</span>
                                                @if($address->is_primary)
                                                    <span class="badge bg-warning">{{__('pages.Primary Address')}}</span>
                                                @endif
                                                <div class="">
                                                    <a href="{{ route('customer.address.edit',$address->id) }}"><i class="fa fa-edit text-warning"></i></a>
                                                    <a onclick="return confirm('Are you sure to delete?')" href="{{ route('customer.address.delete',$address->id) }}"><i class="fa fa-trash text-danger"></i></a>
                                                </div>
                                            </div>
                                            <div class="card-body pt-0">
                                                <p class="mb-0"><b>{{__('pages.Name')}}: </b> {{ $address->name }}</p>
                                                <p><b>{{__('pages.Phone')}}: </b> {{ $address->phone }}</p>
                                                <p><b>{{__('pages.Address')}}: </b> {{ $address->address }}</p>
                                            </div>
                                        </div>
                                    </div>
                                @empty
                                    <div class="col-lg-12">
                                        <h5 class="text-center my-5">{{__('pages.Address not available')}}!</h5>
                                    </div>
                                @endforelse
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection