@extends('documents.inventory._layout', [
    'documentTitle' => 'Dispatch Note',
    'reference'     => $order->transfer_reference,
    'documentDate'  => $order->dispatched_date ? \Carbon\Carbon::parse($order->dispatched_date)->format('d M Y') : now()->format('d M Y'),
])

@section('header-meta')
    <div class="text-sm" style="color:#444;margin-top:4px;">
        Status: <strong>{{ ucwords(str_replace('_', ' ', $order->status)) }}</strong>
    </div>
@endsection

@section('content')

    {{-- Route summary --}}
    <table style="margin-bottom:20px;border:none;">
        <tbody>
            <tr>
                <td style="border:none;padding:4px 8px 4px 0;font-weight:bold;width:200px;">From</td>
                <td style="border:none;padding:4px 0;">{{ $order->fromLocation?->name ?? '—' }} ({{ $order->fromLocation?->type ?? '' }})</td>
            </tr>
            <tr>
                <td style="border:none;padding:4px 8px 4px 0;font-weight:bold;">To</td>
                <td style="border:none;padding:4px 0;">{{ $order->toLocation?->name ?? '—' }} ({{ $order->toLocation?->type ?? '' }})</td>
            </tr>
            <tr>
                <td style="border:none;padding:4px 8px 4px 0;font-weight:bold;">Dispatched By</td>
                <td style="border:none;padding:4px 0;">{{ $order->dispatchedBy?->name ?? '—' }}</td>
            </tr>
            @if($order->dispatch_date)
            <tr>
                <td style="border:none;padding:4px 8px 4px 0;font-weight:bold;">Dispatch Date</td>
                <td style="border:none;padding:4px 0;">{{ \Carbon\Carbon::parse($order->dispatched_date)->format('d M Y') }}</td>
            </tr>
            @endif
            @if($order->dispatcher_comment)
            <tr>
                <td style="border:none;padding:4px 8px 4px 0;font-weight:bold;">Dispatcher Notes</td>
                <td style="border:none;padding:4px 0;font-style:italic;">{{ $order->dispatcher_comment }}</td>
            </tr>
            @endif
        </tbody>
    </table>

    {{-- Items dispatched --}}
    <h2>Items Dispatched</h2>
    <table class="table-compact">
        <thead>
            <tr class="bg-header">
                <th style="color:#fff;width:30px;">#</th>
                <th style="color:#fff;">Product</th>
                <th style="color:#fff;">Lot</th>
                <th style="color:#fff;text-align:right;">Requested</th>
                <th style="color:#fff;text-align:right;">Dispatched</th>
                <th style="color:#fff;">UoM</th>
            </tr>
        </thead>
        <tbody>
            @foreach($order->items as $i => $item)
                @php
                    $hasVariance = $item->dispatched_quantity !== null && $item->dispatched_quantity < $item->requested_quantity;
                @endphp
                <tr class="avoid-break-inside {{ $hasVariance ? 'bg-amber' : '' }}">
                    <td>{{ $i + 1 }}</td>
                    <td>
                        {{ $item->product?->name ?? '—' }}
                        @if($item->product?->sku)<br><span class="font-mono text-sm text-gray">{{ $item->product->sku }}</span>@endif
                    </td>
                    <td class="font-mono text-sm">{{ $item->lot?->lot_number ?? 'Any' }}</td>
                    <td class="text-right font-mono">{{ number_format($item->requested_quantity) }}</td>
                    <td class="text-right font-mono {{ $hasVariance ? 'font-bold' : '' }}">
                        {{ $item->dispatched_quantity !== null ? number_format($item->dispatched_quantity) : '—' }}
                    </td>
                    <td>{{ $item->quantity_uom ?? $item->product?->uom ?? '' }}</td>
                </tr>
                @if($hasVariance && $item->dispatch_variance_reason)
                    <tr>
                        <td colspan="6" style="font-size:9pt;color:#92400e;background:#fef3c7;">
                            ⚠ Variance reason: {{ $item->dispatch_variance_reason }}
                        </td>
                    </tr>
                @endif
            @endforeach
        </tbody>
        <tfoot>
            <tr style="font-weight:bold;">
                <td colspan="3" class="text-right">Totals</td>
                <td class="text-right font-mono">{{ number_format($order->items->sum('requested_quantity')) }}</td>
                <td class="text-right font-mono">{{ number_format($order->items->sum('dispatched_quantity')) }}</td>
                <td></td>
            </tr>
        </tfoot>
    </table>

    {{-- Signature block --}}
    <div style="margin-top:40pt;" class="avoid-break-inside">
        <table style="border:none;width:100%;">
            <tr>
                <td style="border:none;width:45%;vertical-align:bottom;padding:0 20px 0 0;">
                    <div style="border-top:1px solid #000;padding-top:6px;margin-top:32pt;">
                        <strong>Dispatched by</strong><br>
                        <span class="text-sm text-gray">Name: {{ $order->dispatchedBy?->name ?? '___________________________' }}</span><br>
                        <span class="text-sm text-gray">Date: ___________________________</span><br>
                        <span class="text-sm text-gray">Signature: ______________________</span>
                    </div>
                </td>
                <td style="border:none;width:10%;"></td>
                <td style="border:none;width:45%;vertical-align:bottom;">
                    <div style="border-top:1px solid #000;padding-top:6px;margin-top:32pt;">
                        <strong>Received at Destination</strong><br>
                        <span class="text-sm text-gray">Name: ___________________________</span><br>
                        <span class="text-sm text-gray">Date: ___________________________</span><br>
                        <span class="text-sm text-gray">Signature: ______________________</span>
                    </div>
                </td>
            </tr>
        </table>
    </div>

@endsection