@extends('layouts.app')
@section('title', $shipment->reference)
@section('heading', $shipment->reference)

@section('content')
@php $s = $shipment; $statuses = \App\Enums\ShipmentStatus::cases(); @endphp

<div class="flex flex-wrap items-start justify-between gap-3">
    <div>
        <p class="flex flex-wrap items-center gap-3 text-sm">
            <span class="inline-flex rounded-full border px-2.5 py-0.5 text-xs font-semibold {{ $s->status->badge() }}">{{ $s->status->label() }}</span>
            <span class="text-muted">{{ $s->supplier?->name ?? 'No supplier' }}</span>
            @if ($s->is_overdue)<span class="font-semibold text-stop">ETA passed {{ abs($s->days_to_eta) }} days ago</span>@endif
            @if ($s->demurrage_risk)<span class="font-semibold text-stop">Free storage ends {{ $s->port_free_until->format('d M Y') }}</span>@endif
        </p>
    </div>
    @can('shipments.manage')
    <div class="flex flex-wrap gap-2">
        <a href="{{ route('shipments.edit', $s) }}" class="btn-quiet">Edit</a>
        @if (in_array($s->status, [\App\Enums\ShipmentStatus::Cleared, \App\Enums\ShipmentStatus::Delivered]) && $s->vehicles->where('status', \App\Enums\VehicleStatus::InTransit)->count())
            <form method="POST" action="{{ route('shipments.receive', $s) }}">@csrf<button class="btn-primary">Receive {{ $s->vehicles->where('status', \App\Enums\VehicleStatus::InTransit)->count() }} vehicle(s) into stock</button></form>
        @endif
    </div>
    @endcan
</div>

@can('shipments.manage')
@unless ($s->status->isFinal())
<form method="POST" action="{{ route('shipments.status', $s) }}" class="mt-4 flex flex-wrap items-end gap-3 rounded-lg border border-line bg-panel p-4">
    @csrf
    <div><label for="st" class="mb-1 block text-xs font-medium">Update status</label>
        <select id="st" name="status" class="field">@foreach ($statuses as $st)<option value="{{ $st->value }}" @selected($st === $s->status)>{{ $st->label() }}</option>@endforeach</select></div>
    <div><label for="st_date" class="mb-1 block text-xs font-medium">Date it happened</label><input id="st_date" type="date" name="date" max="{{ today()->toDateString() }}" value="{{ today()->toDateString() }}" class="field"></div>
    <button class="btn-primary">Save status</button>
</form>
@endunless
@endcan

<section class="mt-5 rounded-lg border border-line bg-panel p-4" aria-labelledby="ship-h">
    <h2 id="ship-h" class="text-sm font-semibold">Shipping details</h2>
    <dl class="mt-3 grid gap-x-6 gap-y-3 text-sm sm:grid-cols-4">
        @foreach ([
            'Method' => config('inventory.shipping_methods')[$s->shipping_method] ?? $s->shipping_method,
            'Route' => trim(($s->origin_port ?: (config('inventory.countries')[$s->origin_country] ?? 'Origin not set')).' → '.$s->destination_port),
            'Bill of Lading' => $s->bill_of_lading_no ?: 'Not set', 'Container' => $s->container_no ?: ($s->shipping_method === 'roro' ? 'RoRo, none' : 'Not set'),
            'Shipping line' => $s->shipping_line ?: 'Not set', 'Vessel / voyage' => trim(($s->vessel_name ?: 'Not set').' '.($s->voyage_no ? '· '.$s->voyage_no : '')),
            'Clearing agent' => trim(($s->clearing_agent ?: 'Not set').' '.($s->clearing_agent_phone ? '· '.$s->clearing_agent_phone : '')),
            'Booked' => $s->booked_on?->format('d M Y') ?? 'Not set', 'ETD' => $s->etd?->format('d M Y') ?? 'Not set', 'ETA' => $s->eta?->format('d M Y') ?? 'Not set',
            'Arrived at port' => $s->arrived_at?->format('d M Y') ?? 'Not yet', 'Cleared' => $s->cleared_at?->format('d M Y') ?? 'Not yet',
            'Free port days' => $s->port_free_days !== null ? $s->port_free_days.' days'.($s->port_free_until ? ' (to '.$s->port_free_until->format('d M').')' : '') : 'Not set',
        ] as $label => $value)<div><dt class="text-xs text-muted">{{ $label }}</dt><dd class="font-medium">{{ $value }}</dd></div>@endforeach
    </dl>
</section>

<section class="mt-5 rounded-lg border border-line bg-panel p-4" aria-labelledby="veh-h">
    <h2 id="veh-h" class="text-sm font-semibold">Vehicles on this shipment ({{ $s->vehicles->count() }})</h2>
    <div class="mt-3 overflow-x-auto"><table class="min-w-full text-left text-sm">
        <caption class="sr-only">Vehicles</caption>
        <thead class="border-b border-line text-xs text-muted"><tr><th scope="col" class="py-2 pr-3 font-medium">Stock ID</th><th scope="col" class="py-2 pr-3 font-medium">Vehicle</th><th scope="col" class="py-2 pr-3 font-medium">Status</th>@can('vehicles.view_cost')<th scope="col" class="py-2 text-right font-medium">Landed cost</th>@endcan</tr></thead>
        <tbody class="divide-y divide-line">
        @forelse ($s->vehicles as $v)
            <tr><td class="py-2 pr-3 font-medium"><a class="underline" href="{{ route('vehicles.show', $v) }}">{{ $v->stock_id }}</a></td><td class="py-2 pr-3">{{ $v->display_name }}<span class="block text-xs text-muted">{{ $v->vin }}</span></td>
                <td class="py-2 pr-3"><x-status-badge :status="$v->status" /></td>@can('vehicles.view_cost')<td class="py-2 text-right">@include('partials.kes', ['amount' => $v->landed_cost])</td>@endcan</tr>
        @empty
            <tr><td colspan="4" class="py-6 text-center text-muted">No vehicles yet. Choose this shipment on a vehicle's form to add it.</td></tr>
        @endforelse
        </tbody></table></div>
</section>

@can('shipments.manage_charges')
<section class="mt-5 rounded-lg border border-line bg-panel p-4" aria-labelledby="chg-h">
    <div class="flex flex-wrap items-center justify-between gap-2">
        <h2 id="chg-h" class="text-sm font-semibold">Shipment charges (freight, port, clearing, duty)</h2>
        <p class="text-sm">Total: <strong>KSh {{ number_format((float) $s->totalChargesKes(), 2) }}</strong></p>
    </div>
    <div class="mt-3 overflow-x-auto"><table class="min-w-full text-left text-sm">
        <caption class="sr-only">Charges</caption>
        <thead class="border-b border-line text-xs text-muted"><tr><th scope="col" class="py-2 pr-3 font-medium">Date</th><th scope="col" class="py-2 pr-3 font-medium">Type</th><th scope="col" class="py-2 pr-3 font-medium">Description</th><th scope="col" class="py-2 pr-3 text-right font-medium">Original</th><th scope="col" class="py-2 pr-3 text-right font-medium">KES</th><th scope="col" class="py-2 pr-3 font-medium">Split</th><th scope="col" class="py-2 pr-3 font-medium">Allocated</th><th scope="col" class="py-2"><span class="sr-only">Actions</span></th></tr></thead>
        <tbody class="divide-y divide-line">
        @forelse ($s->charges as $c)
            <tr>
                <td class="py-2 pr-3">{{ $c->incurred_on->format('d M Y') }}</td><td class="py-2 pr-3">{{ $c->charge_type->label() }}</td><td class="py-2 pr-3 text-muted">{{ $c->description }}</td>
                <td class="py-2 pr-3 text-right">{{ $c->currency_code }} {{ number_format($c->amount, 2) }}</td><td class="py-2 pr-3 text-right font-medium">{{ number_format($c->amount_kes, 2) }}</td>
                <td class="py-2 pr-3">{{ $c->allocation_method === 'value' ? 'By value' : 'Equally' }}</td>
                <td class="py-2 pr-3">{{ $c->allocated_at ? $c->allocated_at->format('d M, H:i') : 'Not yet' }}</td>
                <td class="py-2 text-right"><form method="POST" action="{{ route('shipments.charges.destroy', [$s, $c]) }}" onsubmit="return confirm('Remove this charge and take it off the vehicles?')">@csrf @method('DELETE')<button class="text-xs text-stop underline">Remove</button></form></td>
            </tr>
        @empty
            <tr><td colspan="8" class="py-6 text-center text-muted">No charges recorded.</td></tr>
        @endforelse
        </tbody></table></div>

    @if ($s->charges->count())
    <form method="POST" action="{{ route('shipments.allocate', $s) }}" class="mt-3">@csrf
        <button class="btn-quiet">Allocate to vehicles</button>
        <span class="ml-2 text-xs text-muted">Run again after adding or removing vehicles or charges. Earlier allocations are replaced.</span>
    </form>
    @endif

    <form method="POST" action="{{ route('shipments.charges.store', $s) }}" x-data="{ cur: 'KES', rates: @js($rates) }" class="mt-4 grid gap-3 border-t border-line pt-4 sm:grid-cols-6">
        @csrf
        <div><label class="mb-1 block text-xs font-medium" for="c_type">Type</label>
            <select id="c_type" name="charge_type" class="field">@foreach (\App\Enums\CostType::forShipments() as $t)<option value="{{ $t->value }}">{{ $t->label() }}</option>@endforeach</select></div>
        <div class="sm:col-span-2"><label class="mb-1 block text-xs font-medium" for="c_desc">Description</label><input id="c_desc" name="description" maxlength="255" class="field" placeholder="e.g. KPA port charges"></div>
        <div><label class="mb-1 block text-xs font-medium" for="c_amt">Amount</label><input id="c_amt" name="amount" type="number" step="0.01" min="0.01" required class="field"></div>
        <div><label class="mb-1 block text-xs font-medium" for="c_cur">Currency</label>
            <select id="c_cur" name="currency_code" x-model="cur" class="field">@foreach ($currencies as $cur)<option>{{ $cur->code }}</option>@endforeach</select></div>
        <div><label class="mb-1 block text-xs font-medium" for="c_date">Date</label><input id="c_date" name="incurred_on" type="date" required value="{{ today()->toDateString() }}" max="{{ today()->toDateString() }}" class="field"></div>
        <div x-show="cur !== 'KES'" x-cloak><label class="mb-1 block text-xs font-medium" for="c_rate">KES per 1 <span x-text="cur"></span></label>
            <input id="c_rate" name="exchange_rate" type="number" step="0.00000001" min="0" :placeholder="rates[cur] ? 'Stored: ' + rates[cur] : 'Enter the rate'" class="field"></div>
        <div><label class="mb-1 block text-xs font-medium" for="c_split">Split across vehicles</label>
            <select id="c_split" name="allocation_method" class="field"><option value="equal">Equally</option><option value="value">By purchase price</option></select></div>
        <div><label class="mb-1 block text-xs font-medium" for="c_paid">Paid on</label><input id="c_paid" name="paid_on" type="date" class="field"></div>
        <div><label class="mb-1 block text-xs font-medium" for="c_ref">Payment ref.</label><input id="c_ref" name="payment_reference" maxlength="60" class="field"></div>
        <div class="sm:col-span-6"><button class="btn-primary">Add charge</button></div>
    </form>
</section>
@endcan
@endsection