@extends('layouts.admin')

@section('title','Create Consignment')

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

    <div class="flex items-center justify-between mb-6">
        <div>
            <h1 class="text-3xl font-bold text-gray-900">✈️ Create International Consignment</h1>
            <p class="text-gray-500">Nigeria ➝ United Kingdom (All paid shipments)</p>
        </div>
        <span class="bg-green-100 text-green-700 px-4 py-2 rounded-full text-sm font-semibold">
            Route: NG → UK
        </span>
    </div>

    @if ($errors->any())
<div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4">
    <ul class="list-disc list-inside">
        @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
        @endforeach
    </ul>
</div>
@endif

@if (session('error'))
<div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4">
    {{ session('error') }}
</div>
@endif


    <form action="{{ route('admin.consignments.store') }}" method="POST"
          class="bg-white rounded-2xl shadow-xl border border-gray-200 p-8 space-y-8">
        @csrf

        <!-- Route Info -->
        <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
            <div>
                <label class="font-semibold text-gray-700">Departure Hub (Fixed)</label>
                <input readonly value="Nigeria Central Warehouse"
                       class="w-full bg-gray-100 border rounded-lg px-4 py-2">
                <input type="hidden" name="departure_location" value="Nigeria Central Warehouse">
            </div>

            <div>
                <label for="dropoff_location" class="block font-medium text-gray-700">Drop-off Location</label>
                <select name="dropoff_location" id="dropoff_location" class="w-full bg-gray-100 border rounded-lg px-4 py-2">
                    <option value="">Select a drop-off location</option>
                    @foreach($dropOffLocations as $location)
                        <option value="{{ $location->id }}">
                            {{ $location->name }} - {{ $location->address }}
                        </option>
                    @endforeach
                </select>
            </div>

            <div>
                <label class="font-semibold text-gray-700">Departure Date</label>
                <input type="datetime-local" name="departure_date"
                       class="w-full border rounded-lg px-4 py-2">
            </div>
        </div>

        <!-- Auto Barcode Info -->
        <div class="bg-blue-50 border border-blue-200 rounded-xl p-4 text-blue-800">
            📦 A unique <strong>Consignment Code & Barcode</strong> will be automatically generated once saved.
        </div>

        <!-- Shipment Selector -->
        <div>
            <h3 class="text-xl font-semibold mb-2">Paid Shipments Ready for UK Export</h3>
            <p class="text-gray-500 mb-4">Select all parcels to bundle into this air consignment.</p>

            <div class="border rounded-xl overflow-hidden">
                <div class="max-h-96 overflow-y-auto divide-y">

                    @foreach($availableShipments as $shipment)
                    <label class="flex items-center justify-between p-4 hover:bg-gray-50 cursor-pointer">
                        <div class="flex items-center gap-4">
                            <input type="checkbox" name="shipment_ids[]" value="{{ $shipment->id }}"
                                   class="w-5 h-5 text-blue-600 rounded">

                            <div>
                                <p class="font-mono text-sm font-semibold">{{ $shipment->tracking_number }}</p>
                                <p class="text-xs text-gray-500">
                                    Receiver: {{ $shipment->receiver_name }}
                                </p>

                                <!-- View Shipment Details -->
                                <a href="{{ route('admin.shipments.show', $shipment->id) }}"
                                   target="_blank"
                                   class="text-xs text-blue-600 hover:underline font-medium">
                                    View Full Shipment Details →
                                </a>
                            </div>
                        </div>

                        <span class="px-3 py-1 text-xs rounded-full bg-green-100 text-green-700">
                            PAID
                        </span>
                    </label>
                    @endforeach

                    @if($availableShipments->isEmpty())
                        <div class="p-6 text-center text-gray-500">
                            No paid shipments available for consignment.
                        </div>
                    @endif

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

        <!-- Action -->
        <div class="pt-6 border-t flex justify-end">
            <button type="submit"
                class="bg-gradient-to-r from-blue-600 to-indigo-600 text-white px-8 py-3 rounded-xl font-semibold shadow-lg hover:scale-105 transition">
                🚚 Create Consignment & Generate Barcode
            </button>
        </div>

    </form>
</div>
@endsection