@extends('documents.procurement._layout', [
    'documentTitle' => 'Material Picking List',
    'reference'     => $order->production_reference,
    'documentDate'  => now()->format('d M Y'),
])

@section('header-meta')
    <div style="font-size:9pt; margin-top:4px; padding:2px 8px; display:inline-block; background:#fef9c3; border:1px solid #ca8a04; font-weight:bold; color:#92400e;">
        {{ strtoupper(str_replace('_', ' ', $order->status)) }}
    </div>
    <div style="font-size:9pt; color:#444; margin-top:4px;">
        Product: <strong>{{ $order->product?->name ?? '—' }}</strong>
    </div>
    <div style="font-size:9pt; color:#444; margin-top:2px;">
        Planned Qty: <strong>{{ number_format($order->planned_quantity) }} {{ $order->quantity_uom ?? $order->product?->uom ?? '' }}</strong>
    </div>
@endsection

@section('content')

@php
    $estimatedConsumptions = $order->materialConsumptions->filter(fn ($c) => $c->consumed_at === null);
    $hasConsumptions = $estimatedConsumptions->isNotEmpty();
    $hasBomItems     = $order->bom && $order->bom->items->isNotEmpty();
@endphp

{{-- Location + Date block --}}
<table style="margin-bottom:20px; border:none;">
    <tr>
        <td style="border:none; width:50%; vertical-align:top; padding:0 20px 0 0;">
            <strong style="font-size:10pt;">Production Location:</strong><br>
            <strong>{{ $order->location?->name ?? '—' }}</strong>
        </td>
        <td style="border:none; width:50%; vertical-align:top;">
            <strong style="font-size:10pt;">Production Date:</strong><br>
            <strong>{{ \Carbon\Carbon::parse($order->production_date)->format('d M Y') }}</strong><br>
            @if($order->bom)
                BOM: <span style="font-family:monospace;">{{ $order->bom->bom_reference }}</span>
                @if($order->bom->name) — {{ $order->bom->name }} @endif
            @endif
        </td>
    </tr>
</table>

{{-- Picking rows — prefer materialConsumptions (estimated) if available, else fall back to BOM items --}}
@if($hasConsumptions)
<h2>Materials to Pick</h2>
<p style="font-size:9pt; color:#666; margin-bottom:6px;">Pre-populated from Bill of Materials. Tick each line when picked.</p>
<table class="table-compact">
    <thead>
        <tr>
            <th>#</th>
            <th>Raw Material</th>
            <th>SKU</th>
            <th>Inventory Lot</th>
            <th style="text-align:right;">Est. Quantity</th>
            <th>UoM</th>
            <th style="text-align:center; width:60px;">Picked ✓</th>
        </tr>
    </thead>
    <tbody>
        @foreach($estimatedConsumptions->values() as $i => $c)
            <tr class="avoid-break-inside">
                <td>{{ $i + 1 }}</td>
                <td><strong>{{ $c->product?->name ?? '—' }}</strong></td>
                <td class="font-mono" style="font-size:8pt;">{{ $c->product?->sku ?? '—' }}</td>
                <td class="font-mono">{{ $c->lot?->lot_number ?? '— any lot —' }}</td>
                <td style="text-align:right;" class="font-mono"><strong>{{ number_format((float) ($c->estimated_quantity ?? 0), 4) }}</strong></td>
                <td>{{ $c->quantity_uom ?? $c->product?->uom ?? '—' }}</td>
                <td style="text-align:center;">□</td>
            </tr>
        @endforeach
    </tbody>
</table>

@elseif($hasBomItems)
<h2>Materials to Pick</h2>
<p style="font-size:9pt; color:#666; margin-bottom:6px;">Calculated from BOM — quantities include wastage allowance.</p>
<table class="table-compact">
    <thead>
        <tr>
            <th>#</th>
            <th>Raw Material</th>
            <th>SKU</th>
            <th style="text-align:right;">Qty / Unit</th>
            <th style="text-align:right;">Wastage %</th>
            <th style="text-align:right;">Total Required</th>
            <th>UoM</th>
            <th style="text-align:center; width:60px;">Picked ✓</th>
        </tr>
    </thead>
    <tbody>
        @foreach($order->bom->items as $i => $item)
            @php
                $effPerUnit = (float) $item->quantity_per_unit * (1 + ($item->wastage_pct ?? 0) / 100);
                $totalRequired = $effPerUnit * $order->planned_quantity;
            @endphp
            <tr class="avoid-break-inside">
                <td>{{ $i + 1 }}</td>
                <td><strong>{{ $item->componentProduct?->name ?? '—' }}</strong></td>
                <td class="font-mono" style="font-size:8pt;">{{ $item->componentProduct?->sku ?? '—' }}</td>
                <td style="text-align:right;" class="font-mono">{{ number_format((float) $item->quantity_per_unit, 4) }}</td>
                <td style="text-align:right;" class="font-mono">{{ number_format((float) ($item->wastage_pct ?? 0), 2) }}%</td>
                <td style="text-align:right;" class="font-mono"><strong>{{ number_format($totalRequired, 4) }}</strong></td>
                <td>{{ $item->quantity_uom ?? $item->componentProduct?->uom ?? '—' }}</td>
                <td style="text-align:center;">□</td>
            </tr>
        @endforeach
    </tbody>
</table>

@else
<p style="color:#666; font-style:italic;">No material requirements found. Please populate from BOM before printing.</p>
@endif

{{-- Confirmation block --}}
<table style="margin-top:40px; border:none;">
    <tr>
        <td style="border:none; width:33%; vertical-align:bottom; padding:0 20px 0 0; text-align:center;">
            <div style="border-top:1px solid #000; padding-top:4px; margin-top:40px;">
                Requested by<br>
                <span style="font-size:9pt; color:#666;">{{ $order->submittedBy?->name ?? '—' }}</span>
            </div>
        </td>
        <td style="border:none; width:33%; vertical-align:bottom; padding:0 20px; text-align:center;">
            <div style="border-top:1px solid #000; padding-top:4px; margin-top:40px;">
                Picked by (Store)<br>
                <span style="font-size:9pt; color:#666;">Name &amp; Date</span>
            </div>
        </td>
        <td style="border:none; width:33%; vertical-align:bottom; text-align:center;">
            <div style="border-top:1px solid #000; padding-top:4px; margin-top:40px;">
                Received by (Production)<br>
                <span style="font-size:9pt; color:#666;">Name &amp; Date</span>
            </div>
        </td>
    </tr>
</table>

@endsection