@extends('layouts.app')
@section('title', 'Shipments')
@section('heading', 'Import shipments')

@section('content')
<form method="GET" class="grid gap-3 sm:grid-cols-4" role="search">
    <div class="sm:col-span-2"><label for="q" class="mb-1 block text-xs font-medium text-muted">Search reference, Bill of Lading, container or vessel</label>
        <input id="q" name="q" value="{{ $filters['q'] ?? '' }}" class="field"></div>
    <div><label for="view" class="mb-1 block text-xs font-medium text-muted">Show</label>
        <select id="view" name="view" class="field"><option value="open" @selected(($filters['view'] ?? 'open') === 'open')>Open shipments</option><option value="all" @selected(($filters['view'] ?? '') === 'all')>All shipments</option></select></div>
    <div class="flex items-end gap-2"><button class="btn-primary">Apply</button>@can('shipments.manage')<a href="{{ route('shipments.create') }}" class="btn-quiet">New shipment</a>@endcan</div>
</form>

<div class="mt-4 overflow-x-auto rounded-lg border border-line bg-panel">
    <table class="min-w-full text-left text-sm">
        <caption class="sr-only">Import shipments</caption>
        <thead class="border-b border-line bg-ground text-xs text-muted"><tr>
            <th scope="col" class="px-3 py-2 font-medium">Reference</th><th scope="col" class="px-3 py-2 font-medium">Supplier / route</th>
            <th scope="col" class="px-3 py-2 font-medium">BL / container</th><th scope="col" class="px-3 py-2 font-medium">ETA</th>
            <th scope="col" class="px-3 py-2 font-medium">Status</th><th scope="col" class="px-3 py-2 text-right font-medium">Vehicles</th>
        </tr></thead>
        <tbody class="divide-y divide-line">
        @forelse ($shipments as $s)
            <tr class="hover:bg-ground/60">
                <td class="px-3 py-2 font-medium"><a class="underline decoration-line underline-offset-2" href="{{ route('shipments.show', $s) }}">{{ $s->reference }}</a></td>
                <td class="px-3 py-2">{{ $s->supplier?->name ?? 'No supplier' }}<span class="block text-xs text-muted">{{ $s->origin_port ?: ($s->origin_country ? config('inventory.countries')[$s->origin_country] ?? $s->origin_country : 'Origin not set') }} → {{ $s->destination_port }}</span></td>
                <td class="px-3 py-2">{{ $s->bill_of_lading_no ?: 'No BL yet' }}<span class="block text-xs text-muted">{{ $s->container_no ?: ($s->shipping_method === 'roro' ? 'RoRo' : 'No container no.') }}</span></td>
                <td class="px-3 py-2">
                    {{ $s->eta?->format('d M Y') ?? 'Not set' }}
                    @if ($s->is_overdue)<span class="block text-xs font-semibold text-stop">{{ abs($s->days_to_eta) }} days late</span>
                    @elseif ($s->days_to_eta !== null && $s->days_to_eta <= 7)<span class="block text-xs text-amber-800">in {{ $s->days_to_eta }} {{ Str::plural('day', $s->days_to_eta) }}</span>@endif
                    @if ($s->demurrage_risk)<span class="block text-xs font-semibold text-stop">Free storage ends {{ $s->port_free_until->format('d M') }}</span>@endif
                </td>
                <td class="px-3 py-2"><span class="inline-flex rounded-full border px-2.5 py-0.5 text-xs font-semibold {{ $s->status->badge() }}">{{ $s->status->label() }}</span></td>
                <td class="px-3 py-2 text-right">{{ $s->vehicles_count }}</td>
            </tr>
        @empty
            <tr><td colspan="6" class="px-3 py-10 text-center text-muted">No shipments found.</td></tr>
        @endforelse
        </tbody>
    </table>
</div>
<div class="mt-3">{{ $shipments->links() }}</div>
@endsection