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

@section('header-meta')
    <div style="font-size: 9pt; color: #444; margin-top: 4px;">
        Status: <strong>{{ ucwords(str_replace('_', ' ', $shipment->status)) }}</strong>
    </div>
    @if($shipment->haulageRecords->count())
        <div style="font-size: 9pt; color: #444;">
            Haulage Records: {{ $shipment->haulageRecords->count() }}
        </div>
    @endif
@endsection

@section('content')

    @if($shipment->haulageRecords->isEmpty())
        <p style="color:#666;">No haulage records have been created for this shipment yet.</p>
    @else

    @foreach($shipment->haulageRecords as $idx => $haul)
        @if($idx > 0)
            <div class="page-break-before"></div>
        @endif

        {{-- Haulage header --}}
        <h2>Delivery Note — {{ $haul->haulage_reference ?? "Haulage #".($idx+1) }}</h2>

        <table style="margin-bottom: 20px; border:none;">
            <tbody>
                @if($haul->haulageCompany)
                    <tr>
                        <td style="border:none; padding:4px 8px 4px 0; font-weight:bold; width:200px;">Haulage Company</td>
                        <td style="border:none; padding:4px 0;">{{ $haul->haulageCompany->name }}</td>
                    </tr>
                @endif
                @if($haul->driver_name)
                    <tr>
                        <td style="border:none; padding:4px 8px 4px 0; font-weight:bold;">Driver Name</td>
                        <td style="border:none; padding:4px 0;">{{ $haul->driver_name }}</td>
                    </tr>
                @endif
                @if($haul->driver_contact)
                    <tr>
                        <td style="border:none; padding:4px 8px 4px 0; font-weight:bold;">Driver Contact</td>
                        <td style="border:none; padding:4px 0;">{{ $haul->driver_contact }}</td>
                    </tr>
                @endif
                @if($haul->vehicle_registration)
                    <tr>
                        <td style="border:none; padding:4px 8px 4px 0; font-weight:bold;">Vehicle Registration</td>
                        <td style="border:none; padding:4px 0;" class="font-mono">{{ $haul->vehicle_registration }}</td>
                    </tr>
                @endif
                @if($haul->external_waybill_number)
                    <tr>
                        <td style="border:none; padding:4px 8px 4px 0; font-weight:bold;">Waybill Number</td>
                        <td style="border:none; padding:4px 0;" class="font-mono">{{ $haul->external_waybill_number }}</td>
                    </tr>
                @endif
            </tbody>
        </table>

        {{-- Route --}}
        <table style="margin-bottom: 20px;">
            <thead>
                <tr>
                    <th>From (Origin)</th>
                    <th>To (Destination Warehouse)</th>
                    <th>Departure Date</th>
                    <th>Arrival Date</th>
                    <th>Status</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>{{ $haul->originPort?->name ?? '—' }}
                        @if($haul->originPort?->code)
                            <span class="font-mono" style="font-size:9pt;"> ({{ $haul->originPort->code }})</span>
                        @endif
                    </td>
                    <td>{{ $haul->destinationLocation?->name ?? '—' }}</td>
                    <td>{{ $haul->departure_date ? \Carbon\Carbon::parse($haul->departure_date)->format('d M Y') : '—' }}</td>
                    <td>{{ $haul->arrival_date ? \Carbon\Carbon::parse($haul->arrival_date)->format('d M Y') : '—' }}</td>
                    <td>{{ ucwords(str_replace('_', ' ', $haul->status ?? '')) }}</td>
                </tr>
            </tbody>
        </table>

        {{-- Items being delivered --}}
        <table>
            <thead>
                <tr>
                    <th>#</th>
                    <th>Product</th>
                    <th>SKU</th>
                    <th style="text-align:right;">Qty Shipped</th>
                    <th>UoM</th>
                    <th style="text-align:center; width:80px;">Received</th>
                </tr>
            </thead>
            <tbody>
                @foreach($shipment->items as $i => $item)
                    <tr class="avoid-break-inside" style="height: 26pt;">
                        <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="border: 1px solid #000; text-align:center;"></td>
                    </tr>
                @endforeach
            </tbody>
        </table>

        {{-- Signature block --}}
        <div style="margin-top: 40pt; page-break-inside: avoid;">
            <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>Driver 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: 32pt;">
                            <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>
    @endforeach

    @endif

@endsection