@extends('layouts.main') <!-- Use your layout -->

@section('content')
<div class="container">
    <h2 class="mb-4 mt-4">My Addresses</h2>
    @if (session('success'))
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        <strong>{{ session('success') }}</strong>
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
@endif

<!-- Add New Address Button -->
@if (Auth::user()->addresses()->count() < getSetting('max_address',5))
    <div class="d-flex justify-content-end mb-4">
        <a href="{{ route('user.newaddress') }}" class="btn btn-success">
            <i class="fas fa-plus-circle"></i> Add New Address
        </a>
    </div>
@endif

    <!-- Display Addresses -->
    <div class="row">
        @forelse($addresses as $address)
            <div class="col-md-6 col-lg-4 mb-4">
                <div class="card shadow-sm">
                    <div class="card-body">
                        <h5 class="card-title">{{ $address->label_text }}</h5>

                        <p class="card-text">
                            <strong>Address Line 1:</strong> {{ $address->line1 }}<br>
                            @if($address->line2)
                                <strong>Address Line 2:</strong> {{ $address->line2 }}<br>
                            @endif
                            <strong>City:</strong> {{ $address->city }}<br>
                            <strong>District:</strong> {{ $address->district }}<br>
                            <strong>State:</strong> {{ $address->state }}<br>
                            <strong>Pincode:</strong> {{ $address->pincode }}<br>
                            <strong>Country:</strong> {{ $address->country }}<br>
                        </p>

                        <div class="d-flex justify-content-between align-items-center">
                            <a href="{{ route('addresses.edit', $address->id) }}" class="text-primary" title="Edit">
                                <i class="fas fa-edit fa-lg"></i>
                            </a>

                            <form action="{{ route('user.addressDelete', $address->id) }}" method="POST" onsubmit="return confirm('Are you sure to delete this address?');">
                                @csrf
                                @method('DELETE')
                                <button class="btn btn-link text-danger p-0 m-0" title="Delete">
                                    <i class="fas fa-trash-alt fa-lg"></i>
                                </button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        @empty
            <!-- No Addresses Available Section -->
            <div class="col-12 text-center">
                <div class="alert alert-info">
                    <i class="fas fa-exclamation-circle fa-3x mb-3"></i>
                    <h4 class="alert-heading">No Addresses Found</h4>
                    <p class="lead">It looks like you haven't added any addresses yet.</p>
                    <p>Please click the button below to add a new address.</p>
                    <a href="{{ route('user.newaddress') }}" class="btn btn-success">
                        <i class="fas fa-plus-circle"></i> Add New Address
                    </a>
                </div>
            </div>
        @endforelse
    </div>
</div>

@endsection