@extends('documents.procurement._layout', [
    'documentTitle' => 'Packing / Loading List',
    'reference'     => $shipment->shipment_reference,
    'documentDate'  => now()->format('d M Y'),
])

@section('header-meta')
    <div style="font-size: 9pt; color: #444; margin-top: 4px;">
        Mode: <strong>{{ strtoupper($shipment->mode) }}</strong>
    </div>
    @if($shipment->originPort && $shipment->destinationPort)
        <div style="font-size: 9pt; color: #444;">
            {{ $shipment->originPort->code }} → {{ $shipment->destinationPort->code }}
        </div>
    @endif
@endsection

@section('content')

    {{-- Key identifiers --}}
    <table style="margin-bottom: 20px; border:none;">
        <tbody>
            @if($shipment->container_number)
                <tr>
                    <td style="border:none; padding:4px 8px 4px 0; font-weight:bold; width:180px;">Container</td>
                    <td style="border:none; padding:4px 0;" class="font-mono">{{ $shipment->container_number }}</td>
                </tr>
            @endif
            @if($shipment->bill_of_lading_number)
                <tr>
                    <td style="border:none; padding:4px 8px 4px 0; font-weight:bold;">Bill of Lading</td>
                    <td style="border:none; padding:4px 0;" class="font-mono">{{ $shipment->bill_of_lading_number }}</td>
                </tr>
            @endif
            <tr>
                <td style="border:none; padding:4px 8px 4px 0; font-weight:bold;">Origin</td>
                <td style="border:none; padding:4px 0;">{{ $shipment->originPort?->name ?? '—' }}</td>
            </tr>
            <tr>
                <td style="border:none; padding:4px 8px 4px 0; font-weight:bold;">Destination</td>
                <td style="border:none; padding:4px 0;">{{ $shipment->destinationPort?->name ?? '—' }}</td>
            </tr>
        </tbody>
    </table>

    {{-- Item list --}}
    <table>
        <thead>
            <tr>
                <th style="width:40px;">#</th>
                <th>Product Name</th>
                <th>SKU / Code</th>
                <th style="text-align:right;">Qty Shipped</th>
                <th>UoM</th>
                <th style="text-align:center; width:80px;">Physical Count</th>
            </tr>
        </thead>
        <tbody>
            @foreach($shipment->items as $i => $item)
                <tr class="avoid-break-inside" style="height: 28pt;">
                    <td>{{ $i + 1 }}</td>
                    <td>{{ $item->sourcingTripItem?->product?->name ?? '—' }}</td>
                    <td class="font-mono" style="font-size:9pt;">{{ $item->sourcingTripItem?->product?->sku ?? '—' }}</td>
                    <td style="text-align:right;" class="font-mono">{{ number_format($item->quantity_shipped, 0) }}</td>
                    <td>{{ $item->quantity_uom ?? $item->sourcingTripItem?->product?->uom ?? '—' }}</td>
                    <td style="text-align:center; border: 1px solid #000;"></td>
                </tr>
            @endforeach
            {{-- Blank rows for handwritten additions --}}
            @for($j = 0; $j < 3; $j++)
                <tr style="height: 28pt;">
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td style="border: 1px solid #000;"></td>
                </tr>
            @endfor
        </tbody>
        <tfoot>
            <tr style="font-weight:bold;">
                <td colspan="3" style="text-align:right;">Total Items</td>
                <td style="text-align:right;" class="font-mono">{{ $shipment->items->sum('quantity_shipped') }}</td>
                <td colspan="2"></td>
            </tr>
        </tfoot>
    </table>

    {{-- Signature block --}}
    <div style="margin-top: 48pt; page-break-inside: avoid;">
        <table style="border:none;">
            <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: 40pt;">
                        <strong>Driver / Loader Sign-Out</strong><br>
                        <span style="font-size:9pt; color:#666;">Name: ___________________________</span><br>
                        <span style="font-size:9pt; color:#666;">Date: ___________________________</span><br>
                        <span style="font-size:9pt; color:#666;">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: 40pt;">
                        <strong>Warehouse Manager Sign-In</strong><br>
                        <span style="font-size:9pt; color:#666;">Name: ___________________________</span><br>
                        <span style="font-size:9pt; color:#666;">Date: ___________________________</span><br>
                        <span style="font-size:9pt; color:#666;">Signature: ______________________</span>
                    </div>
                </td>
            </tr>
        </table>
    </div>

@endsection