@extends('layouts.admin')

@section('title', 'Shipment Addresses')

@section('content')
<div class="p-6 max-w-7xl mx-auto">

    {{-- Header --}}
    <div class="flex flex-col sm:flex-row justify-between items-start sm:items-center mb-6 gap-3">
        <h1 class="text-2xl font-bold text-gray-900">Shipment Addresses</h1>
        <a href="{{ route('admin.shipment-address.create') }}"
           class="px-4 py-2 rounded-xl bg-indigo-600 text-white hover:bg-indigo-700 shadow transition">
           + Add Address
        </a>
    </div>

    {{-- Table Wrapper --}}
    <div class="overflow-x-auto bg-white rounded-2xl shadow border">
        <table class="min-w-full text-sm divide-y">
            <thead class="bg-gray-100">
                <tr>
                    <th class="px-4 py-3 text-left font-medium text-gray-700">Name</th>
                    <th class="px-4 py-3 text-left font-medium text-gray-700">Address</th>
                    <th class="px-4 py-3 text-left font-medium text-gray-700">Actions</th>
                </tr>
            </thead>
            <tbody class="divide-y">
                @forelse($addresses as $address)
                <tr class="hover:bg-gray-50">
                    <td class="px-4 py-3">{{ $address->name }}</td>
                    <td class="px-4 py-3">{{ $address->address }}</td>
                    <td class="px-4 py-3 flex flex-wrap gap-2">

                        <a href="{{ route('admin.shipment-address.edit', $address->id) }}"
                           class="px-3 py-1 bg-blue-600 text-white rounded hover:bg-blue-700 transition">
                           Edit
                        </a>

                        <form action="{{ route('admin.shipment-address.destroy', $address->id) }}" method="POST" onsubmit="return confirm('Delete this address?');">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="px-3 py-1 bg-red-600 text-white rounded hover:bg-red-700 transition">
                                Delete
                            </button>
                        </form>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="3" class="text-center py-6 text-gray-500">
                        No addresses found.
                    </td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    {{-- Pagination --}}
    <div class="mt-4">
        {{ $addresses->links() }}
    </div>

</div>
@endsection