@extends('layouts.admin')

@section('title', 'Add Shipment Address')

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

    {{-- Breadcrumb --}}
    <div class="text-sm text-gray-500 mb-4">
        <a href="{{ route('admin.shipment-address.index') }}" class="hover:underline">Shipment Addresses</a>
        <span class="mx-1">/</span>
        <span class="font-semibold text-gray-800">Add New Address</span>
    </div>

    {{-- Page Header --}}
    <div class="bg-white rounded-2xl shadow-md p-6 mb-6">
        <h1 class="text-2xl font-bold text-gray-900">Add New Shipment Address</h1>
        <p class="text-gray-500 mt-1">Fill in the details below to create a new shipment address.</p>
    </div>

    {{-- Form Card --}}
    <div class="bg-white rounded-2xl shadow-md p-6">

        @if ($errors->any())
            <div class="mb-4 p-4 bg-red-100 text-red-700 rounded-lg">
                <ul class="list-disc pl-5">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <form action="{{ route('admin.shipment-address.store') }}" method="POST" class="space-y-5">
            @csrf

            {{-- Name --}}
            <div>
                <label for="name" class="block text-gray-700 font-medium mb-1">Address Name</label>
                <input type="text" name="name" id="name" value="{{ old('name') }}"
                    class="w-full border rounded-xl px-4 py-2 focus:ring-2 focus:ring-indigo-500 focus:outline-none"
                    placeholder="e.g., Warehouse A, Lagos Branch" required>
            </div>

            {{-- Address --}}
            <div>
                <label for="address" class="block text-gray-700 font-medium mb-1">Full Address</label>
                <textarea name="address" id="address" rows="4"
                    class="w-full border rounded-xl px-4 py-2 focus:ring-2 focus:ring-indigo-500 focus:outline-none"
                    placeholder="Street, City, State, Country" required>{{ old('address') }}</textarea>
            </div>

            {{-- Buttons --}}
            <div class="flex gap-3 justify-end mt-4">
                <a href="{{ route('admin.shipment-address.index') }}"
                    class="px-5 py-2 rounded-xl bg-gray-300 hover:bg-gray-400 text-gray-800 font-medium transition">
                    Cancel
                </a>
                <button type="submit"
                    class="px-5 py-2 rounded-xl bg-indigo-600 hover:bg-indigo-700 text-white font-medium transition">
                    Add Address
                </button>
            </div>
        </form>

    </div>
</div>
@endsection