@extends('layouts.master')
@section('title') {{ $requisition->reference_no }} @endsection
@section('content')
@component('components.breadcrumb')
@slot('li_1') <a href="{{ route('requisitions.index') }}">Requisitions</a> @endslot
@slot('title') {{ $requisition->reference_no }} @endslot
@endcomponent

@if(session('success'))
<div class="alert alert-success alert-dismissible fade show" role="alert">
    {{ session('success') }}
    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
@endif
@if($errors->any())
<div class="alert alert-danger alert-dismissible fade show" role="alert">
    {{ $errors->first() }}
    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
@endif

@if($hint = $requisition->action_hint)
@php $overdue = app(\App\Services\SlaService::class)->overdue($requisition); @endphp
<div class="alert alert-{{ $overdue ? 'danger' : 'info' }} d-flex align-items-center mb-3" role="alert">
    <i class="ri-time-line fs-18 me-2"></i>
    <div>
        <strong>Awaiting {{ $hint['actor'] }}</strong> — to {{ $hint['action'] }}.
        <span class="text-muted">Current status: {{ $requisition->status_label }}.</span>
        @if($overdue)
        <span class="badge bg-danger ms-1"><i class="ri-alarm-warning-line"></i> Overdue — {{ $overdue['elapsed_days'] }}d elapsed vs {{ $overdue['target_days'] }}d target ({{ $overdue['label'] }})</span>
        @endif
    </div>
</div>
@endif

{{-- Emergency + restricted-item flags --}}
@if($requisition->isEmergency() || $requisition->hasRestrictedItems())
<div class="d-flex flex-wrap gap-2 mb-3">
    @if($requisition->isEmergency())
    <span class="badge bg-danger fs-11 p-2"><i class="ri-flashlight-line align-bottom me-1"></i> Emergency / Urgent — fast-track</span>
    @endif
    @if($requisition->hasRestrictedItems())
    <span class="badge bg-dark fs-11 p-2"><i class="ri-shield-keyhole-line align-bottom me-1"></i> Restricted items — extra authorisation: {{ implode(', ', $requisition->restrictedItemNames()) }}</span>
    @endif
</div>
@endif

{{-- Required approvals — derived from the value-based Approval Matrix --}}
@php $matrix = app(\App\Services\ApprovalMatrixService::class)->progress($requisition); @endphp
@if(!empty($matrix['steps']))
<div class="card mb-3">
    <div class="card-body py-2">
        <div class="d-flex align-items-center flex-wrap gap-2">
            <span class="text-muted me-1"><i class="ri-shield-check-line align-bottom"></i> Required approvals:</span>
            @foreach($matrix['steps'] as $i => $step)
                @php $c = ['done' => 'success', 'current' => 'warning', 'pending' => 'secondary'][$step['state']]; @endphp
                <span class="badge bg-{{ $c }}-subtle text-{{ $c }}">
                    @if($step['state']==='done')<i class="ri-check-line"></i>@elseif($step['state']==='current')<i class="ri-loader-2-line"></i>@endif
                    {{ $step['label'] }}
                </span>
                @if(!$loop->last)<i class="ri-arrow-right-s-line text-muted"></i>@endif
            @endforeach
            <span class="ms-auto text-muted small">
                @if($matrix['tier'])Tier: <strong>{{ $matrix['tier']->label }}</strong> ({{ $matrix['tier']->band_label }})
                @else<em>default gates — no matching threshold tier</em>@endif
            </span>
        </div>
    </div>
</div>
@endif

@php $hasAuth = $requisition->approvals->where('decision','approved')->whereIn('level',['area','pal'])->isNotEmpty(); @endphp
@if($hasAuth)
<div class="d-flex justify-content-end mb-2">
    <a href="{{ route('requisitions.document', $requisition) }}" target="_blank" class="btn btn-soft-primary">
        <i class="ri-file-text-line align-bottom me-1"></i> View Approval Document
    </a>
</div>
@endif

<div class="row">
    <div class="col-xl-8">
        <div class="card">
            <div class="card-header d-flex align-items-center">
                <h5 class="card-title mb-0 flex-grow-1">{{ $requisition->title }}</h5>
                <span class="badge bg-{{ $requisition->status_color }}-subtle text-{{ $requisition->status_color }} fs-12">{{ $requisition->status_label }}</span>
            </div>
            <div class="card-body">
                <div class="row g-3 mb-3">
                    <div class="col-sm-4"><span class="text-muted d-block">Reference</span><span class="fw-medium">{{ $requisition->reference_no }}</span></div>
                    <div class="col-sm-4"><span class="text-muted d-block">Station</span>{{ $requisition->station?->name }}</div>
                    <div class="col-sm-4"><span class="text-muted d-block">End User</span>{{ $requisition->endUser ? $requisition->endUser->name.' ('.$requisition->endUser->type_label.')' : '—' }}</div>
                    <div class="col-sm-4"><span class="text-muted d-block">Area</span>{{ $requisition->area?->name }}</div>
                    <div class="col-sm-4"><span class="text-muted d-block">Priority</span><span class="text-capitalize">{{ $requisition->priority }}</span></div>
                    <div class="col-sm-4"><span class="text-muted d-block">Needed By</span>{{ optional($requisition->needed_by_date)->format('d M Y') ?? '—' }}</div>
                    <div class="col-sm-4"><span class="text-muted d-block">Raised By</span>{{ $requisition->creator?->name }}</div>
                    <div class="col-sm-4"><span class="text-muted d-block">Procurement Method</span>{{ $requisition->procurementMethod ? $requisition->procurementMethod->name.($requisition->procurementMethod->short_name ? ' ('.$requisition->procurementMethod->short_name.')' : '') : '—' }}</div>
                    @if($requisition->formationStation)
                    <div class="col-sm-8"><span class="text-muted d-block">Formation (Station)</span><span class="fw-medium">{{ $requisition->formationStation->path }}</span></div>
                    @endif
                </div>
                @if($requisition->description)
                <p class="mb-2"><span class="text-muted d-block">Description</span>{{ $requisition->description }}</p>
                @endif
                @if($requisition->justification)
                <p class="mb-2"><span class="text-muted d-block">Justification</span>{{ $requisition->justification }}</p>
                @endif
                @if($requisition->procurement_justification)
                <p class="mb-0"><span class="text-muted d-block">Method Justification</span>{{ $requisition->procurement_justification }}</p>
                @endif
            </div>
        </div>

        <div class="card">
            <div class="card-header"><h5 class="card-title mb-0">Line Items</h5></div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-sm align-middle mb-0">
                        <thead class="table-light">
                            <tr>
                                <th>Item / Description</th>
                                <th class="text-end">Qty</th>
                                <th>Unit</th>
                                <th class="text-end">Unit Cost</th>
                                <th class="text-end">Line Total</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($requisition->items as $line)
                            <tr>
                                <td>{{ $line->item?->name ?? $line->description ?? '—' }}
                                    @if($line->item && $line->description)<small class="text-muted d-block">{{ $line->description }}</small>@endif
                                </td>
                                <td class="text-end">{{ rtrim(rtrim(number_format($line->quantity,2),'0'),'.') }}</td>
                                <td>{{ $line->uom?->abbreviation }}</td>
                                <td class="text-end">{{ $line->estimated_unit_cost !== null ? number_format($line->estimated_unit_cost,2) : '—' }}</td>
                                <td class="text-end">{{ number_format($line->estimated_line_total ?? 0,2) }}</td>
                            </tr>
                            @endforeach
                        </tbody>
                        <tfoot>
                            <tr>
                                <th colspan="4" class="text-end">Estimated Total</th>
                                <th class="text-end">{{ number_format($requisition->estimated_total,2) }}</th>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>

        @if($requisition->quotes->isNotEmpty() || $canPalProcess)
        <div class="card">
            <div class="card-header d-flex align-items-center">
                <h5 class="card-title mb-0 flex-grow-1">Quotes</h5>
                @if($canPalProcess)
                <button type="button" class="btn btn-sm btn-soft-primary" data-bs-toggle="modal" data-bs-target="#quoteModal">
                    <i class="ri-add-line align-bottom"></i> Add Quote
                </button>
                @endif
            </div>
            <div class="card-body">
                @forelse($requisition->quotes->sortByDesc('is_selected') as $quote)
                <div class="border rounded p-3 mb-2 {{ $quote->is_selected ? 'border-success bg-success-subtle' : '' }}">
                    <div class="d-flex align-items-center">
                        <div class="flex-grow-1">
                            <h6 class="mb-1">
                                {{ $quote->supplier->name }}
                                @if($quote->is_selected)<span class="badge bg-success ms-1">Selected</span>@endif
                            </h6>
                            <small class="text-muted">
                                {{ $quote->quote_reference ? $quote->quote_reference.' · ' : '' }}{{ $quote->quote_date->format('d M Y') }}
                                @if($quote->valid_until) · valid to {{ $quote->valid_until->format('d M Y') }}@endif
                            </small>
                            @if($quote->notes)<small class="d-block text-muted">{{ $quote->notes }}</small>@endif
                            @if($quote->attachment_path)
                            <a href="{{ asset('storage/'.$quote->attachment_path) }}" target="_blank" class="small text-primary"><i class="ri-attachment-2 align-bottom"></i> Original quote document</a>
                            @endif
                        </div>
                        <div class="text-end">
                            <div class="fw-semibold">{{ $quote->currency }} {{ number_format($quote->total, 2) }}</div>
                            <small class="text-muted">sub {{ number_format($quote->subtotal,2) }} + tax {{ number_format($quote->tax_total,2) }}</small>
                        </div>
                    </div>
                    @if($canPalProcess)
                    <div class="mt-2 d-flex gap-2">
                        @unless($quote->is_selected)
                        <form method="POST" action="{{ route('quotes.select', $quote) }}">@csrf
                            <button class="btn btn-sm btn-soft-success"><i class="ri-check-line align-bottom"></i> Select</button>
                        </form>
                        @endunless
                        <form method="POST" action="{{ route('quotes.destroy', $quote) }}" onsubmit="return confirm('Remove this quote?')">
                            @csrf @method('DELETE')
                            <button class="btn btn-sm btn-soft-danger"><i class="ri-delete-bin-line align-bottom"></i></button>
                        </form>
                    </div>
                    @endif
                </div>
                @empty
                <p class="text-muted mb-0">No quotes recorded yet.</p>
                @endforelse
            </div>
        </div>
        @endif

        {{-- Automated quote analysis (quality + costing) --}}
        @php $analysis = $requisition->quoteAnalysis; @endphp
        @if($analysis || ($canPalProcess && $requisition->quotes->count() >= 1))
        <div class="card">
            <div class="card-header d-flex align-items-center">
                <h5 class="card-title mb-0 flex-grow-1"><i class="ri-bar-chart-box-line align-bottom me-1"></i> Quote Analysis</h5>
                @php $ac = ['complete'=>'success','processing'=>'info','failed'=>'danger','pending'=>'warning'][$analysis->status ?? ''] ?? 'secondary'; @endphp
                @if($analysis)<span class="badge bg-{{ $ac }}-subtle text-{{ $ac }} text-capitalize me-2">{{ $analysis->status }}</span>@endif
                @if($canPalProcess)
                <form method="POST" action="{{ route('quotes.analyze', $requisition) }}">@csrf
                    <button class="btn btn-sm btn-soft-primary"><i class="ri-refresh-line align-bottom"></i> {{ $analysis ? 'Re-run' : 'Run analysis' }}</button>
                </form>
                @endif
            </div>
            <div class="card-body">
                @if(!$analysis || in_array($analysis->status, ['pending','processing']))
                <p class="text-muted mb-0"><i class="ri-time-line align-bottom"></i>
                    Analysis {{ $analysis->status ?? 'not run' }} — it runs automatically in the background once 2+ quotes exist
                    (process the queue with <code>php artisan queue:work</code>), or click <strong>Run analysis</strong> for an instant result.
                </p>
                @elseif($analysis->status === 'complete')
                <p class="mb-3">{{ $analysis->summary }}</p>
                <div class="table-responsive">
                    <table class="table table-sm align-middle mb-0">
                        <thead class="table-light">
                            <tr><th>#</th><th>Supplier</th><th class="text-end">Total</th><th class="text-center">Rating</th><th class="text-center">Cost</th><th class="text-center">Quality</th><th class="text-center">Value</th><th></th></tr>
                        </thead>
                        <tbody>
                            @foreach(($analysis->data['quotes'] ?? []) as $row)
                            <tr class="{{ $row['quote_id'] == $analysis->recommended_quote_id ? 'table-success' : '' }}">
                                <td>{{ $row['rank'] }}</td>
                                <td>{{ $row['supplier'] }}
                                    @if($row['quote_id'] == $analysis->recommended_quote_id)<span class="badge bg-success ms-1">Recommended</span>@endif
                                    @foreach($row['flags'] as $flag)<small class="badge bg-light text-muted ms-1">{{ $flag }}</small>@endforeach
                                </td>
                                <td class="text-end">{{ $row['currency'] }} {{ number_format($row['total'],2) }}</td>
                                <td class="text-center">{{ $row['rating'] !== null ? $row['rating'].'/5' : '—' }}</td>
                                <td class="text-center">{{ number_format($row['cost_score']*100) }}%</td>
                                <td class="text-center">{{ number_format($row['quality_score']*100) }}%</td>
                                <td class="text-center fw-semibold">{{ number_format($row['value_score']*100) }}%</td>
                                <td class="text-end">
                                    @if($canPalProcess && $row['quote_id'] != ($requisition->quotes->firstWhere('is_selected',true)?->id))
                                    <form method="POST" action="{{ route('quotes.select', $row['quote_id']) }}">@csrf
                                        <button class="btn btn-sm btn-soft-success">Select</button>
                                    </form>
                                    @endif
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <small class="text-muted d-block mt-2">{{ $analysis->data['method'] ?? '' }} · generated {{ optional($analysis->generated_at)->diffForHumans() }}</small>
                @else
                <p class="text-danger mb-0">{{ $analysis->summary }}</p>
                @endif
            </div>
        </div>
        @endif

        @foreach($requisition->purchaseOrders->where('status', '!=', \App\Models\PurchaseOrder::STATUS_CANCELLED)->sortByDesc('id') as $po)
        <div class="card">
            <div class="card-header d-flex align-items-center flex-wrap gap-2">
                <h5 class="card-title mb-0 flex-grow-1">Purchase Order {{ $po->po_number }}</h5>
                <span class="badge bg-success-subtle text-success text-uppercase">{{ $po->status_label }}</span>
                @php
                    $poLink   = \Illuminate\Support\Facades\URL::signedRoute('po.public', $po);
                    $poMsg    = 'Purchase Order '.$po->po_number.' from the Jamaica Constabulary Force (PAL Centre). View your Purchase Order and confirm receipt here: '.$poLink;
                    $waDigits = preg_replace('/\D/', '', (string) $po->supplier?->phone);
                    if (strlen($waDigits) === 10) $waDigits = '1'.$waDigits; // JA 10-digit -> 11
                    $waUrl    = 'https://wa.me/'.$waDigits.'?text='.rawurlencode($poMsg);
                    $mailUrl  = 'mailto:'.($po->supplier?->email ?? '').'?subject='.rawurlencode('Purchase Order '.$po->po_number.' — JCF').'&body='.rawurlencode($poMsg);
                @endphp
                <a href="{{ route('po.document', $po) }}" target="_blank" class="btn btn-sm btn-primary"><i class="ri-file-text-line align-bottom"></i> View / Download PO</a>
                <a href="{{ route('po.delivery-sheet', $po) }}" target="_blank" class="btn btn-sm btn-soft-success"><i class="ri-list-check-2 align-bottom"></i> Delivery Sheet</a>
                <a href="{{ $waUrl }}" target="_blank" rel="noopener" class="btn btn-sm btn-success"><i class="ri-whatsapp-line align-bottom"></i> WhatsApp</a>
                <a href="{{ $mailUrl }}" class="btn btn-sm btn-soft-primary"><i class="ri-mail-send-line align-bottom"></i> Email</a>
            </div>
            <div class="card-body">
                <div class="row g-3 mb-3">
                    <div class="col-sm-4"><span class="text-muted d-block">Supplier</span>{{ $po->supplier->name }}</div>
                    <div class="col-sm-4"><span class="text-muted d-block">Issued</span>{{ $po->issue_date->format('d M Y') }} by {{ $po->issuedBy?->name }}</div>
                    <div class="col-sm-4"><span class="text-muted d-block">Expected Delivery</span>{{ optional($po->expected_delivery_date)->format('d M Y') ?? '—' }}</div>
                    @if($po->sent_to_supplier_at)
                    <div class="col-sm-4"><span class="text-muted d-block">Sent to Supplier</span>{{ $po->sent_to_supplier_at->format('d M Y, g:i a') }}</div>
                    @endif
                </div>
                @php
                    $f = fn($n) => rtrim(rtrim(number_format((float)$n,2),'0'),'.');
                    // Quantities delivered but not yet confirmed (awaiting inspection) — "in transit".
                    $pendingByItem = [];
                    foreach ($requisition->deliveries as $del) {
                        if ($del->confirmed_at || $del->inspection_status === 'rejected') continue;
                        foreach ($del->items as $di) {
                            $pendingByItem[$di->purchase_order_item_id] = ($pendingByItem[$di->purchase_order_item_id] ?? 0) + (float) $di->quantity_delivered;
                        }
                    }
                    $poOutstanding = $po->items->sum(fn($i) => max(0, (float)$i->quantity - (float)$i->quantity_received));
                    $poPending     = array_sum(array_intersect_key($pendingByItem, $po->items->keyBy('id')->all()));
                @endphp
                <div class="table-responsive">
                    <table class="table table-sm align-middle mb-0">
                        <thead class="table-light">
                            <tr><th>Item</th><th class="text-end">Qty</th><th class="text-end">Received</th><th class="text-end">Pending</th><th class="text-end">Outstanding</th><th class="text-end">Unit</th><th class="text-end">Line Total</th></tr>
                        </thead>
                        <tbody>
                            @foreach($po->items as $pi)
                            @php
                                $out     = max(0, (float)$pi->quantity - (float)$pi->quantity_received);
                                $pending = (float) ($pendingByItem[$pi->id] ?? 0);
                            @endphp
                            <tr>
                                <td>{{ $pi->description }}</td>
                                <td class="text-end">{{ $f($pi->quantity) }}</td>
                                <td class="text-end">{{ $f($pi->quantity_received) }}</td>
                                <td class="text-end">@if($pending > 0.0001)<span class="text-info">{{ $f($pending) }}</span>@else <span class="text-muted">0</span>@endif</td>
                                <td class="text-end">@if($out > 0.0001)<span class="text-danger fw-medium">{{ $f($out) }}</span>@else<span class="text-success">0</span>@endif</td>
                                <td class="text-end">{{ number_format($pi->unit_price,2) }}</td>
                                <td class="text-end">{{ number_format($pi->line_total,2) }}</td>
                            </tr>
                            @endforeach
                        </tbody>
                        <tfoot>
                            <tr><th colspan="6" class="text-end">Total ({{ $po->currency }})</th><th class="text-end">{{ number_format($po->total,2) }}</th></tr>
                        </tfoot>
                    </table>
                </div>
                @if($poOutstanding > 0.0001)
                <div class="alert alert-warning d-flex align-items-center mt-2 mb-0 py-2">
                    <i class="ri-error-warning-line fs-5 me-2"></i>
                    <div><strong>{{ $f($poOutstanding) }}</strong> item(s) still outstanding on this PO.
                    @if($poPending > 0.0001)<strong>{{ $f($poPending) }}</strong> is in a delivery awaiting confirmation — it only counts as received once that delivery is inspected and confirmed.
                    @elseif($canDeliver)Use <strong>Record Delivery</strong> below to deliver the balance.
                    @else This order will reopen for delivery once the current delivery is confirmed.@endif</div>
                </div>
                @endif
                @if($po->terms)<p class="mt-2 mb-2"><span class="text-muted d-block">Terms</span>{{ $po->terms }}</p>@endif

                <div class="d-flex align-items-center gap-3 mt-2 pt-2 border-top">
                    @if($po->attachment_path)
                    <a href="{{ asset('storage/'.$po->attachment_path) }}" target="_blank" class="small text-primary"><i class="ri-attachment-2 align-bottom"></i> Attached PO document</a>
                    @endif
                    @if(in_array(auth()->user()->role, [\App\Models\User::ROLE_PROCUREMENT, \App\Models\User::ROLE_PAL, \App\Models\User::ROLE_ADMIN], true))
                    <form method="POST" action="{{ route('po.attach', $po) }}" enctype="multipart/form-data" class="d-flex align-items-center gap-2 ms-auto">
                        @csrf
                        <input type="file" name="attachment" class="form-control form-control-sm" style="max-width:240px" accept=".pdf,.jpg,.jpeg,.png,.doc,.docx" required>
                        <button class="btn btn-sm btn-soft-primary">{{ $po->attachment_path ? 'Replace' : 'Attach PO' }}</button>
                    </form>
                    @endif
                </div>
            </div>
        </div>
        @endforeach

        @php $activeDeliveries = $requisition->deliveries->filter(fn($d) => optional($d->purchaseOrder)->status !== \App\Models\PurchaseOrder::STATUS_CANCELLED); @endphp
        @if($activeDeliveries->isNotEmpty())
        <div class="card">
            <div class="card-header"><h5 class="card-title mb-0">Deliveries</h5></div>
            <div class="card-body">
                @foreach($activeDeliveries->sortByDesc('id') as $delivery)
                @php
                    $insClass = match($delivery->inspection_status) {
                        'accepted' => 'success', 'rejected' => 'danger', 'partial' => 'warning', default => 'secondary',
                    };
                @endphp
                <div class="border rounded p-3 mb-2">
                    <div class="d-flex align-items-center mb-2">
                        <div class="flex-grow-1">
                            <h6 class="mb-0">{{ $delivery->delivery_number }}
                                @if($delivery->confirmed_at)<span class="badge bg-success ms-1">Confirmed</span>@endif
                            </h6>
                            <small class="text-muted">Delivered {{ $delivery->delivered_at->format('d M Y, g:i a') }}</small>
                        </div>
                        <span class="badge bg-{{ $insClass }}-subtle text-{{ $insClass }} text-capitalize">{{ $delivery->inspection_status }}</span>
                    </div>

                    @php $fmt = fn($n) => rtrim(rtrim(number_format((float)$n, 2), '0'), '.'); @endphp
                    <div class="table-responsive mb-2">
                        <table class="table table-sm align-middle mb-0 small">
                            <thead class="table-light">
                                <tr><th>Item</th><th class="text-end">Ordered</th><th class="text-end">Delivered</th><th class="text-end">Variance</th></tr>
                            </thead>
                            <tbody>
                                @foreach($delivery->items as $di)
                                @php
                                    $ordered  = (float) ($di->purchaseOrderItem?->quantity ?? 0);
                                    $delivd   = (float) $di->quantity_delivered;
                                    $variance = $delivd - $ordered; // negative = short, positive = over
                                @endphp
                                <tr>
                                    <td>{{ $di->purchaseOrderItem?->description ?? 'Item' }}</td>
                                    <td class="text-end">{{ $fmt($ordered) }}</td>
                                    <td class="text-end">{{ $fmt($delivd) }}</td>
                                    <td class="text-end">
                                        @if(abs($variance) < 0.0001)
                                        <span class="text-success">0</span>
                                        @else
                                        <span class="text-{{ $variance < 0 ? 'danger' : 'warning' }}">{{ $variance > 0 ? '+' : '' }}{{ $fmt($variance) }} {{ $variance < 0 ? 'short' : 'over' }}</span>
                                        @endif
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>

                    @foreach($delivery->issues as $issue)
                    <div class="alert alert-{{ $issue->status === 'resolved' ? 'success' : 'danger' }} py-2 px-3 mb-2 small">
                        <strong class="text-capitalize">{{ str_replace('_',' ',$issue->issue_type) }}:</strong> {{ $issue->description }}
                        @if($issue->status === 'resolved')<div class="mt-1"><strong>Resolved:</strong> {{ $issue->resolution }}</div>@endif
                    </div>
                    @endforeach

                    @if($delivery->inspection_notes && $delivery->inspection_status === 'accepted')
                    <small class="text-muted d-block mb-2">Inspection note: {{ $delivery->inspection_notes }}</small>
                    @endif

                    <div class="d-flex gap-2">
                        @if(\App\Support\DeliveryGate::canInspect(auth()->user(), $delivery))
                        <button class="btn btn-sm btn-soft-primary" data-bs-toggle="modal" data-bs-target="#inspectModal-{{ $delivery->id }}">
                            <i class="ri-search-eye-line align-bottom"></i> Inspect
                        </button>
                        @endif
                        @if(\App\Support\DeliveryGate::canResolve(auth()->user(), $delivery))
                        <button class="btn btn-sm btn-soft-warning" data-bs-toggle="modal" data-bs-target="#resolveDeliveryModal-{{ $delivery->id }}">
                            <i class="ri-tools-line align-bottom"></i> Resolve Issue
                        </button>
                        @endif
                        @if(\App\Support\DeliveryGate::canConfirm(auth()->user(), $delivery))
                        <form method="POST" action="{{ route('deliveries.confirm', $delivery) }}">@csrf
                            <button class="btn btn-sm btn-success"><i class="ri-check-double-line align-bottom"></i> Confirm against PO</button>
                        </form>
                        @endif
                    </div>
                </div>
                @endforeach
            </div>
        </div>
        @endif

        @php $invoice = $requisition->invoices->sortByDesc('id')->first(); @endphp
        @if($invoice)
        <div class="card">
            <div class="card-header d-flex align-items-center">
                <h5 class="card-title mb-0 flex-grow-1">Invoice {{ $invoice->invoice_number }}</h5>
                @php $ic = match($invoice->status){'paid'=>'success','disputed'=>'danger','with_finance'=>'info','pal_verified'=>'primary',default=>'secondary'}; @endphp
                <span class="badge bg-{{ $ic }}-subtle text-{{ $ic }} text-uppercase">{{ str_replace('_',' ',$invoice->status) }}</span>
            </div>
            <div class="card-body">
                <div class="row g-3 mb-3">
                    <div class="col-sm-4"><span class="text-muted d-block">Supplier Ref</span>{{ $invoice->supplier_invoice_no ?? '—' }}</div>
                    <div class="col-sm-4"><span class="text-muted d-block">Invoice Date</span>{{ $invoice->invoice_date->format('d M Y') }}</div>
                    <div class="col-sm-4"><span class="text-muted d-block">Due</span>{{ optional($invoice->due_date)->format('d M Y') ?? '—' }}</div>
                </div>
                @if($invoice->verification_status === 'discrepancy' && $invoice->discrepancy_notes)
                <div class="alert alert-danger py-2 px-3 small"><strong>Discrepancy:</strong> {{ $invoice->discrepancy_notes }}</div>
                @endif
                <div class="table-responsive">
                    <table class="table table-sm align-middle mb-0">
                        <thead class="table-light"><tr><th>Item</th><th class="text-end">Qty</th><th class="text-end">Line Total</th></tr></thead>
                        <tbody>
                            @foreach($invoice->items as $ii)
                            <tr><td>{{ $ii->description }}</td><td class="text-end">{{ rtrim(rtrim(number_format($ii->quantity,2),'0'),'.') }}</td><td class="text-end">{{ number_format($ii->line_total,2) }}</td></tr>
                            @endforeach
                        </tbody>
                        <tfoot>
                            <tr><th colspan="2" class="text-end">Subtotal</th><th class="text-end">{{ number_format($invoice->subtotal,2) }}</th></tr>
                            <tr><th colspan="2" class="text-end">Tax</th><th class="text-end">{{ number_format($invoice->tax_total,2) }}</th></tr>
                            <tr><th colspan="2" class="text-end">Total ({{ $invoice->currency }})</th><th class="text-end">{{ number_format($invoice->total,2) }}</th></tr>
                        </tfoot>
                    </table>
                </div>

                <div class="d-flex flex-wrap align-items-center gap-2 mt-3 pt-2 border-top">
                    @if($invoice->attachment_path)
                    <a href="{{ asset('storage/'.$invoice->attachment_path) }}" target="_blank" class="btn btn-sm btn-soft-secondary"><i class="ri-attachment-2 align-bottom"></i> Supplier invoice document</a>
                    @endif
                    <a href="{{ route('invoices.certificate', $invoice) }}" target="_blank" class="btn btn-sm btn-soft-primary"><i class="ri-file-shield-2-line align-bottom"></i> Payment Certification Sheet</a>
                </div>

                {{-- Certification chain: PAL sighted original → Procurement approved for payment → Finance pays --}}
                <div class="row g-2 mt-1 small">
                    <div class="col-sm-6">
                        <div class="border rounded p-2 h-100">
                            <span class="text-muted d-block">Original sighted (PAL)</span>
                            @if($invoice->original_sighted_at)
                            <span class="text-success"><i class="ri-checkbox-circle-line"></i> {{ $invoice->original_sighted_by_name }}</span>
                            <span class="text-muted d-block">{{ $invoice->original_sighted_at->format('d M Y, g:i a') }}</span>
                            @else<span class="text-muted">Pending PAL certification</span>@endif
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="border rounded p-2 h-100">
                            <span class="text-muted d-block">Approved for payment (Procurement)</span>
                            @if($invoice->payment_approved_at)
                            <span class="text-success"><i class="ri-checkbox-circle-line"></i> {{ $invoice->payment_approved_by_name }}</span>
                            <span class="text-muted d-block">{{ $invoice->payment_approved_at->format('d M Y, g:i a') }}</span>
                            @else<span class="text-muted">Pending Procurement approval</span>@endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @endif

        @php $payment = $requisition->payments->sortByDesc('id')->first(); @endphp
        @if($payment)
        <div class="card">
            <div class="card-header d-flex align-items-center">
                <h5 class="card-title mb-0 flex-grow-1">Payment {{ $payment->payment_reference }}</h5>
                @php $pc = match($payment->status){'received'=>'success','confirmed'=>'primary','failed'=>'danger',default=>'secondary'}; @endphp
                <span class="badge bg-{{ $pc }}-subtle text-{{ $pc }} text-uppercase">{{ $payment->status }}</span>
            </div>
            <div class="card-body">
                <div class="row g-3">
                    <div class="col-sm-4"><span class="text-muted d-block">Amount</span><span class="fw-semibold">{{ $payment->currency }} {{ number_format($payment->amount,2) }}</span></div>
                    <div class="col-sm-4"><span class="text-muted d-block">Method</span>{{ ucwords(str_replace('_',' ',$payment->method)) }}</div>
                    <div class="col-sm-4"><span class="text-muted d-block">Date</span>{{ $payment->payment_date->format('d M Y') }}</div>
                    @if($payment->transaction_ref)<div class="col-sm-4"><span class="text-muted d-block">Txn Ref</span>{{ $payment->transaction_ref }}</div>@endif
                    @if($payment->confirmed_at)<div class="col-sm-4"><span class="text-muted d-block">Confirmed</span>{{ $payment->confirmed_at->format('d M Y') }}</div>@endif
                    @if($payment->receipt_confirmed_at)<div class="col-sm-4"><span class="text-muted d-block">Receipt Confirmed</span>{{ $payment->receipt_confirmed_at->format('d M Y') }}</div>@endif
                </div>
            </div>
        </div>
        @endif

        @php $rating = $requisition->ratings->sortByDesc('id')->first(); @endphp
        @if($rating)
        <div class="card">
            <div class="card-header d-flex align-items-center">
                <h5 class="card-title mb-0 flex-grow-1">Supplier Rating</h5>
                <span class="badge bg-primary fs-12">{{ number_format($rating->overall_rating, 2) }} / 5</span>
            </div>
            <div class="card-body">
                <div class="row g-3">
                    @foreach(['quality_rating'=>'Quality','timeliness_rating'=>'Timeliness','price_rating'=>'Price','communication_rating'=>'Communication'] as $field => $label)
                    <div class="col-6">
                        <span class="text-muted d-block">{{ $label }}</span>
                        <span class="text-warning">
                            @for($i=1;$i<=5;$i++)<i class="ri-star-{{ $i <= $rating->$field ? 'fill' : 'line' }}"></i>@endfor
                        </span>
                    </div>
                    @endforeach
                </div>
                @if($rating->comments)<p class="mt-3 mb-0"><span class="text-muted d-block">Comments</span>{{ $rating->comments }}</p>@endif
                <small class="text-muted d-block mt-2">Rated by {{ $rating->ratedBy?->name }} · {{ $rating->created_at->format('d M Y') }}</small>
            </div>
        </div>
        @endif

        {{-- Supplier satisfaction survey (opened when invoice is received) --}}
        @php $survey = $requisition->survey; $canSurvey = in_array(auth()->user()->role, [\App\Models\User::ROLE_PAL, \App\Models\User::ROLE_PROCUREMENT, \App\Models\User::ROLE_ADMIN], true); @endphp
        @if($survey && $canSurvey)
        <div class="card">
            <div class="card-header d-flex align-items-center">
                <h5 class="card-title mb-0 flex-grow-1"><i class="ri-survey-line align-bottom me-1"></i> Supplier Survey</h5>
                <span class="badge bg-{{ $survey->isCompleted() ? 'success' : 'warning' }}-subtle text-{{ $survey->isCompleted() ? 'success' : 'warning' }} text-capitalize">{{ $survey->status }}</span>
            </div>
            <div class="card-body">
                @if($survey->isCompleted())
                <div class="d-flex align-items-center gap-3">
                    <span style="font-size:34px">{{ $survey->sentiment === 'up' ? '👍' : '👎' }}</span>
                    <span class="text-warning fs-5">@for($i=1;$i<=5;$i++){{ $i <= $survey->rating ? '★' : '☆' }}@endfor</span>
                </div>
                @if($survey->comment)<p class="mt-2 mb-0 fst-italic">“{{ $survey->comment }}”</p>@endif
                <small class="text-muted d-block mt-2">Recorded {{ optional($survey->submitted_at)->format('d M Y') }} ({{ $survey->source }})</small>
                @else
                @php $surveyLink = \Illuminate\Support\Facades\URL::signedRoute('survey.respond', $survey); @endphp
                <p class="text-muted small mb-2">Awaiting the supplier's response. Share this link, or record their feedback on their behalf.</p>
                <div class="input-group input-group-sm mb-3">
                    <input type="text" class="form-control" value="{{ $surveyLink }}" id="survey-link" readonly>
                    <button class="btn btn-soft-primary" type="button" onclick="navigator.clipboard.writeText(document.getElementById('survey-link').value)">Copy</button>
                    <a class="btn btn-soft-success" href="{{ $surveyLink }}" target="_blank">Open</a>
                </div>
                <form method="POST" action="{{ route('surveys.record', $survey) }}">
                    @csrf
                    <label class="form-label mb-1">Record on behalf</label>
                    <div class="d-flex align-items-center gap-2 mb-2">
                        <div class="btn-group" role="group">
                            <input type="radio" class="btn-check" name="sentiment" value="up" id="s-up" required>
                            <label class="btn btn-outline-success" for="s-up">👍</label>
                            <input type="radio" class="btn-check" name="sentiment" value="down" id="s-down">
                            <label class="btn btn-outline-danger" for="s-down">👎</label>
                        </div>
                        <select name="rating" class="form-select form-select-sm" style="max-width:130px" required>
                            <option value="">Rating…</option>
                            @for($i=5;$i>=1;$i--)<option value="{{ $i }}">{{ str_repeat('★', $i) }} ({{ $i }})</option>@endfor
                        </select>
                    </div>
                    <textarea name="comment" class="form-control form-control-sm mb-2" rows="2" placeholder="Comment (optional)"></textarea>
                    <button class="btn btn-sm btn-primary">Save Response</button>
                </form>
                @endif
            </div>
        </div>
        @endif

        @include('requisitions._documents')
    </div>

    <div class="col-xl-4">
        @if($canEdit || $canReview || $canPalReceive || $canPalProcess || $canProcReview || $canPalResolve || $canPalSendPo || $canAcknowledge || $canDeliver || $canSubmitInvoice || $canReceiveInvoice || $canVerifyInvoice || $canForwardInvoice || $canProcessPayment || $canConfirmPayment || $canConfirmReceipt || $canRate || $canClose || $canReturn)
        <div class="card">
            <div class="card-header"><h5 class="card-title mb-0">Actions</h5></div>
            <div class="card-body d-grid gap-2">
                @if($canReview)
                <button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#approveModal">
                    <i class="ri-check-line align-bottom me-1"></i> Approve &amp; Forward to PAL
                </button>
                <button type="button" class="btn btn-soft-danger" data-bs-toggle="modal" data-bs-target="#rejectModal">
                    <i class="ri-arrow-go-back-line align-bottom me-1"></i> Return for Correction
                </button>
                @endif
                @if($canEmergencyFastTrack)
                <button type="button" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#fastTrackModal">
                    <i class="ri-flashlight-line align-bottom me-1"></i> Emergency Fast-Track to PAL
                </button>
                @endif
                @if($canEdit)
                <a href="{{ route('requisitions.edit', $requisition) }}" class="btn btn-primary">
                    <i class="ri-pencil-line align-bottom me-1"></i>
                    {{ $requisition->status === \App\Models\Requisition::STATUS_RETURNED_TO_STATION ? 'Correct & Resubmit' : 'Edit' }}
                </a>
                @endif
                @if($canPalReceive)
                <form method="POST" action="{{ route('requisitions.pal-start', $requisition) }}">
                    @csrf
                    <button type="submit" class="btn btn-primary w-100">
                        <i class="ri-inbox-unarchive-line align-bottom me-1"></i> Receive &amp; Start Processing
                    </button>
                </form>
                @endif
                @if($canPalProcess)
                <button type="button" class="btn btn-soft-primary" data-bs-toggle="modal" data-bs-target="#quoteModal">
                    <i class="ri-add-line align-bottom me-1"></i> Add Quote
                </button>
                @endif
                @if($requisition->status === \App\Models\Requisition::STATUS_PAL_PROCESSING)
                <button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#submitProcModal" {{ $requisition->quotes->firstWhere('is_selected', true) ? '' : 'disabled' }}>
                    <i class="ri-send-plane-line align-bottom me-1"></i> Submit to Procurement
                </button>
                @unless($requisition->quotes->firstWhere('is_selected', true))
                <small class="text-muted text-center">Select a quote to enable submission.</small>
                @endunless
                @endif
                @if($canPalResolve)
                <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#resolveModal">
                    <i class="ri-question-answer-line align-bottom me-1"></i> Resolve Query &amp; Resubmit
                </button>
                @endif
                @if($canProcReview)
                <button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#issuePoModal">
                    <i class="ri-file-add-line align-bottom me-1"></i> Approve &amp; Issue PO
                </button>
                <button type="button" class="btn btn-soft-danger" data-bs-toggle="modal" data-bs-target="#returnPalModal">
                    <i class="ri-arrow-go-back-line align-bottom me-1"></i> Return to PAL
                </button>
                @endif
                @if($canPalSendPo)
                <form method="POST" action="{{ route('requisitions.send-po', $requisition) }}">
                    @csrf
                    <button type="submit" class="btn btn-primary w-100">
                        <i class="ri-truck-line align-bottom me-1"></i> Receive &amp; Send PO to Supplier
                    </button>
                </form>
                @endif
                @if($canAcknowledge)
                <form method="POST" action="{{ route('deliveries.acknowledge', $requisition) }}">
                    @csrf
                    <button type="submit" class="btn btn-primary w-100">
                        <i class="ri-checkbox-circle-line align-bottom me-1"></i> Acknowledge Purchase Order
                    </button>
                </form>
                @endif
                @if($canDeliver)
                <button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#deliverModal">
                    <i class="ri-truck-line align-bottom me-1"></i> Record Delivery
                </button>
                @endif
                @if($canSubmitInvoice)
                <button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#invoiceModal">
                    <i class="ri-bill-line align-bottom me-1"></i> Submit Invoice
                </button>
                @endif
                @if($canReceiveInvoice)
                <form method="POST" action="{{ route('invoices.receive', $requisition) }}">@csrf
                    <button type="submit" class="btn btn-primary w-100"><i class="ri-inbox-line align-bottom me-1"></i> Mark Invoice Received</button>
                </form>
                @endif
                @if($canVerifyInvoice)
                <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#verifyInvoiceModal">
                    <i class="ri-check-double-line align-bottom me-1"></i> Verify Invoice
                </button>
                @endif
                @if($canForwardInvoice)
                <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#forwardInvoiceModal">
                    <i class="ri-send-plane-line align-bottom me-1"></i> Approve for Payment &amp; Forward
                </button>
                @endif
                @if($canProcessPayment)
                <button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#paymentModal">
                    <i class="ri-bank-card-line align-bottom me-1"></i> Process Payment
                </button>
                @endif
                @if($canConfirmPayment)
                <form method="POST" action="{{ route('payments.confirm', $requisition) }}">@csrf
                    <button type="submit" class="btn btn-success w-100"><i class="ri-checkbox-circle-line align-bottom me-1"></i> Confirm Payment</button>
                </form>
                @endif
                @if($canConfirmReceipt)
                <form method="POST" action="{{ route('payments.receipt', $requisition) }}">@csrf
                    <button type="submit" class="btn btn-success w-100"><i class="ri-hand-coin-line align-bottom me-1"></i> Confirm Payment Received</button>
                </form>
                @endif
                @if($canRate)
                <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#rateModal">
                    <i class="ri-star-line align-bottom me-1"></i> Rate Supplier
                </button>
                @endif
                @if($canClose)
                <form method="POST" action="{{ route('requisitions.close', $requisition) }}">@csrf
                    <button type="submit" class="btn btn-dark w-100"><i class="ri-archive-line align-bottom me-1"></i> Close &amp; Archive</button>
                </form>
                @endif
                @if($canReturn)
                <button type="button" class="btn btn-soft-warning" data-bs-toggle="modal" data-bs-target="#returnCorrectionModal">
                    <i class="ri-arrow-go-back-line align-bottom me-1"></i> Return to Earlier Step
                </button>
                @endif
            </div>
        </div>
        @endif

        <div class="card">
            <div class="card-header d-flex align-items-center">
                <h5 class="card-title mb-0 flex-grow-1">SLA Timeline</h5>
                @if($sla['any_breached'])<span class="badge bg-danger">SLA breached</span>@else<span class="badge bg-success-subtle text-success">On track</span>@endif
            </div>
            <div class="card-body">
                @foreach($sla['stages'] as $row)
                @php $sc = ['breached'=>'danger','on_time'=>'success','in_progress'=>'info','pending'=>'secondary'][$row['status']] ?? 'secondary'; @endphp
                <div class="d-flex align-items-center justify-content-between mb-2">
                    <div class="flex-grow-1">
                        <span class="d-block">{{ $row['label'] }}</span>
                        <small class="text-muted">Target {{ $row['target_days'] }}d @if($row['elapsed_days'] !== null)· {{ $row['elapsed_days'] }}d elapsed @endif</small>
                    </div>
                    <span class="badge bg-{{ $sc }}-subtle text-{{ $sc }} text-capitalize">{{ str_replace('_',' ',$row['status']) }}</span>
                </div>
                @endforeach
            </div>
        </div>

        <div class="card">
            <div class="card-header"><h5 class="card-title mb-0">Workflow Timeline</h5></div>
            <div class="card-body">
                @forelse($requisition->workflowLogs->sortByDesc('created_at') as $log)
                <div class="d-flex mb-3">
                    <div class="flex-shrink-0">
                        <div class="avatar-xs">
                            <span class="avatar-title rounded-circle bg-primary-subtle text-primary">{{ $log->step_number }}</span>
                        </div>
                    </div>
                    <div class="flex-grow-1 ms-3">
                        <h6 class="mb-1">{{ $log->action }}</h6>
                        <small class="text-muted d-block">Stage {{ $log->stage }} · {{ ucwords(str_replace('_',' ',$log->actor_role)) }}</small>
                        @if($log->to_status)<small class="text-muted">→ {{ ucwords(str_replace('_',' ',$log->to_status)) }}</small>@endif
                        <small class="text-muted d-block">{{ $log->user?->name }} · {{ $log->created_at->format('d M Y, g:i a') }}</small>
                    </div>
                </div>
                @empty
                <p class="text-muted mb-0">No activity recorded.</p>
                @endforelse
            </div>
        </div>
    </div>
</div>

@if($requisition->status === \App\Models\Requisition::STATUS_PAL_PROCESSING)
<!-- Submit to Procurement modal (PAL sign-off) -->
<div class="modal fade" id="submitProcModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <form method="POST" action="{{ route('requisitions.to-procurement', $requisition) }}" class="modal-content">
            @csrf
            <div class="modal-header">
                <h5 class="modal-title">Submit to Procurement</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <p>You are validating <strong>{{ $requisition->reference_no }}</strong> and forwarding it to Procurement. Your signature certifies the request and selected quote.</p>
                @php $palJustifyIds = $procurementMethods->where('requires_justification', true)->pluck('id')->all(); @endphp
                <div class="row g-2">
                    <div class="col-md-6 mb-2">
                        <label class="form-label">Procurement Method</label>
                        <select name="procurement_method_id" class="form-select proc-method @error('procurement_method_id') is-invalid @enderror"
                                data-justify-ids="{{ implode(',', $palJustifyIds) }}" data-target="pal-method-justify">
                            <option value="">— Select method —</option>
                            @foreach($procurementMethods as $m)
                            <option value="{{ $m->id }}" @selected($requisition->procurement_method_id == $m->id)>{{ $m->name }}{{ $m->short_name ? ' ('.$m->short_name.')' : '' }} · {{ $m->quote_rule }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-6 mb-2">
                        <label class="form-label">Cost Centre</label>
                        <select name="cost_centre_id" class="form-select @error('cost_centre_id') is-invalid @enderror">
                            <option value="">— Select cost centre —</option>
                            @foreach($costCentres as $cc)
                            <option value="{{ $cc->id }}" @selected($requisition->cost_centre_id == $cc->id)>{{ $cc->code }} — {{ $cc->name }}</option>
                            @endforeach
                        </select>
                        <small class="text-muted">Budget line checked before the PO is issued.</small>
                    </div>
                    <div class="col-12 mb-2 @if(! in_array($requisition->procurement_method_id, $palJustifyIds)) d-none @endif" id="pal-method-justify">
                        <label class="form-label">Method Justification <span class="text-danger">*</span></label>
                        <textarea name="procurement_justification" class="form-control" rows="2" placeholder="Why this method (e.g. only supplier, proprietary item, emergency)">{{ $requisition->procurement_justification }}</textarea>
                    </div>
                </div>
                <div class="mb-2">
                    <label class="form-label">Comments <span class="text-muted">(optional)</span></label>
                    <textarea name="comments" class="form-control" rows="2"></textarea>
                </div>
                @include('requisitions._signature_pad', ['prefix' => 'pal'])
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
                <button type="submit" class="btn btn-success">Sign &amp; Submit</button>
            </div>
        </form>
    </div>
</div>
@endif

@if($canPalProcess)
<!-- Add quote modal -->
<div class="modal fade" id="quoteModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <form method="POST" action="{{ route('quotes.store', $requisition) }}" class="modal-content" enctype="multipart/form-data" id="quote-form">
            @csrf
            <div class="modal-header">
                <h5 class="modal-title">Add Quote</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                {{-- Supplier typeahead --}}
                <div class="mb-2 position-relative">
                    <label class="form-label">Supplier <span class="text-danger">*</span></label>
                    <input type="text" id="supplier-search" class="form-control" autocomplete="off" placeholder="Search supplier or add new…">
                    <input type="hidden" name="supplier_id" id="supplier-id">
                    <div id="supplier-suggest" class="list-group position-absolute w-100 shadow-sm" style="z-index:7; display:none; max-height:220px; overflow:auto;"></div>
                </div>

                {{-- Inline "create supplier" panel (revealed from the typeahead) --}}
                <div id="new-supplier-panel" class="border rounded p-2 mb-3 bg-light d-none">
                    <div class="d-flex justify-content-between align-items-center mb-2">
                        <strong class="small">New supplier listing</strong>
                        <button type="button" class="btn-close btn-sm" id="new-supplier-cancel"></button>
                    </div>
                    <div id="new-supplier-errors" class="alert alert-danger py-1 px-2 small d-none"></div>
                    <div class="row g-2">
                        <div class="col-12"><input type="text" id="ns-name" class="form-control form-control-sm" placeholder="Supplier name *"></div>
                        <div class="col-6"><input type="text" id="ns-contact" class="form-control form-control-sm" placeholder="Contact name"></div>
                        <div class="col-6"><input type="email" id="ns-email" class="form-control form-control-sm" placeholder="Email"></div>
                        <div class="col-6"><input type="text" id="ns-phone" class="form-control form-control-sm" placeholder="Phone"></div>
                        <div class="col-6"><input type="text" id="ns-terms" class="form-control form-control-sm" placeholder="Payment terms"></div>
                        <div class="col-12"><input type="text" id="ns-address" class="form-control form-control-sm" placeholder="Address"></div>
                        <div class="col-12 text-end">
                            <button type="button" class="btn btn-sm btn-primary" id="new-supplier-save" data-url="{{ route('suppliers.store') }}">Save &amp; select supplier</button>
                        </div>
                    </div>
                </div>

                <div class="row g-2">
                    <div class="col-6 mb-3">
                        <label class="form-label">Quote Ref</label>
                        <input type="text" name="quote_reference" class="form-control" placeholder="Supplier ref">
                    </div>
                    <div class="col-6 mb-3">
                        <label class="form-label">Currency</label>
                        <input type="text" name="currency" class="form-control text-uppercase" value="JMD" maxlength="3">
                    </div>
                    <div class="col-6 mb-3">
                        <label class="form-label">Quote Date <span class="text-danger">*</span></label>
                        <input type="date" name="quote_date" class="form-control" value="{{ date('Y-m-d') }}" required>
                    </div>
                    <div class="col-6 mb-3">
                        <label class="form-label">Valid Until</label>
                        <input type="date" name="valid_until" class="form-control">
                    </div>
                    <div class="col-6 mb-3">
                        <label class="form-label">Subtotal <span class="text-danger">*</span></label>
                        <input type="number" step="0.01" min="0" name="subtotal" class="form-control" value="0" required>
                    </div>
                    <div class="col-6 mb-3">
                        <label class="form-label">Tax</label>
                        <input type="number" step="0.01" min="0" name="tax_total" class="form-control" value="0">
                    </div>
                </div>
                <div class="mb-3">
                    <label class="form-label">Original Quote Document <span class="text-muted">(PDF / image / Office, max 10 MB)</span></label>
                    <input type="file" name="attachment" class="form-control" accept=".pdf,.jpg,.jpeg,.png,.doc,.docx,.xls,.xlsx">
                </div>
                <div class="mb-3">
                    <label class="form-label">Notes</label>
                    <textarea name="notes" class="form-control" rows="2"></textarea>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" name="select" value="1" id="selectQuote" checked>
                    <label class="form-check-label" for="selectQuote">Mark as the selected quote</label>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
                <button type="submit" class="btn btn-primary">Add Quote</button>
            </div>
        </form>

        {{-- supplier list for the typeahead --}}
        <script type="application/json" id="supplier-data">@json($suppliers->map(fn($s) => ['id' => $s->id, 'name' => $s->name, 'code' => $s->code]))</script>
    </div>
</div>
@endif

@if($canProcReview)
<!-- Issue PO modal -->
<div class="modal fade" id="issuePoModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <form method="POST" action="{{ route('requisitions.issue-po', $requisition) }}" class="modal-content" enctype="multipart/form-data">
            @csrf
            <div class="modal-header">
                <h5 class="modal-title">Approve &amp; Issue Purchase Order</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                @php
                    $sel = $requisition->quotes->firstWhere('is_selected', true);
                    $threshold = (float) ($requisition->palOffice?->preparer_threshold ?? \App\Models\PalOffice::DEFAULT_THRESHOLD);
                    $palIsPreparer = $sel && (float) $sel->total <= $threshold;
                    $me = auth()->user();
                @endphp
                @if($sel)
                <p class="mb-2">A PO will be issued to <strong>{{ $sel->supplier->name }}</strong> for
                    <strong>{{ $sel->currency }} {{ number_format($sel->total, 2) }}</strong> (selected quote).</p>
                <div class="alert alert-{{ $palIsPreparer ? 'info' : 'warning' }} py-2 px-3 small">
                    @if($palIsPreparer)
                    Within the PAL threshold ({{ number_format($threshold, 0) }}) — <strong>PAL is the preparer</strong>; you sign as the <strong>authorising officer</strong>.
                    @else
                    Above the PAL threshold ({{ number_format($threshold, 0) }}) — <strong>Procurement prepares and authorises</strong> (two signatures required).
                    @endif
                </div>
                @else
                <div class="alert alert-warning">No quote is selected — PAL must select one first.</div>
                @endif

                {{-- Procurement confirms / sets the method & cost centre before issuing the PO --}}
                @php $poJustifyIds = $procurementMethods->where('requires_justification', true)->pluck('id')->all(); @endphp
                <div class="row g-2">
                    <div class="col-md-6 mb-2">
                        <label class="form-label">Procurement Method</label>
                        <select name="procurement_method_id" class="form-select proc-method @error('procurement_method_id') is-invalid @enderror"
                                data-justify-ids="{{ implode(',', $poJustifyIds) }}" data-target="po-method-justify">
                            <option value="">— Select method —</option>
                            @foreach($procurementMethods as $m)
                            <option value="{{ $m->id }}" @selected($requisition->procurement_method_id == $m->id)>{{ $m->name }}{{ $m->short_name ? ' ('.$m->short_name.')' : '' }} · {{ $m->quote_rule }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-6 mb-2">
                        <label class="form-label">Cost Centre</label>
                        <select name="cost_centre_id" class="form-select @error('cost_centre_id') is-invalid @enderror">
                            <option value="">— Select cost centre —</option>
                            @foreach($costCentres as $cc)
                            <option value="{{ $cc->id }}" @selected($requisition->cost_centre_id == $cc->id)>{{ $cc->code }} — {{ $cc->name }}</option>
                            @endforeach
                        </select>
                        <small class="text-muted">Budget panel below reflects the currently saved cost centre.</small>
                    </div>
                    <div class="col-12 mb-2 @if(! in_array($requisition->procurement_method_id, $poJustifyIds)) d-none @endif" id="po-method-justify">
                        <label class="form-label">Method Justification <span class="text-danger">*</span></label>
                        <textarea name="procurement_justification" class="form-control" rows="2" placeholder="Why this method (e.g. only supplier, proprietary item, emergency)">{{ $requisition->procurement_justification }}</textarea>
                    </div>
                </div>

                {{-- Budget check (warn-but-allow) --}}
                @php
                    $poTotal = $sel ? (float) $sel->total : 0.0;
                    $budgetRow = null; $available = null; $overBudget = false;
                    if ($requisition->cost_centre_id) {
                        $budgetRow = \App\Models\Budget::where('cost_centre_id', $requisition->cost_centre_id)
                            ->where('fiscal_year', \App\Models\Budget::currentFiscalYear())->first();
                        if ($budgetRow) {
                            $priorEnc = (float) $requisition->purchaseOrders()
                                ->whereNotIn('status', [\App\Models\PurchaseOrder::STATUS_CANCELLED, \App\Models\PurchaseOrder::STATUS_RECEIVED])->sum('total');
                            $available = $budgetRow->balance + $priorEnc;
                            $overBudget = $poTotal > $available;
                        }
                    }
                @endphp
                @if($requisition->cost_centre_id && $budgetRow)
                <div class="alert alert-{{ $overBudget ? 'danger' : 'success' }} py-2 px-3 small mb-2">
                    <strong>Budget — {{ $requisition->costCentre->code }}</strong> ({{ $budgetRow->fiscal_year }}):
                    available <strong>JMD {{ number_format($available, 2) }}</strong>, this PO <strong>JMD {{ number_format($poTotal, 2) }}</strong>.
                    @if($overBudget)<br><i class="ri-error-warning-line"></i> <strong>Over budget by JMD {{ number_format($poTotal - $available, 2) }}.</strong> An override reason is required to proceed.@endif
                </div>
                <div class="mb-3">
                    <label class="form-label">Budget Override Reason @if($overBudget)<span class="text-danger">*</span>@else<span class="text-muted">(only if over budget)</span>@endif</label>
                    <textarea name="budget_override_reason" class="form-control @error('budget_override_reason') is-invalid @enderror" rows="2" placeholder="Why proceed despite exceeding the budget?">{{ old('budget_override_reason') }}</textarea>
                    @error('budget_override_reason')<span class="invalid-feedback">{{ $message }}</span>@enderror
                </div>
                @elseif($requisition->cost_centre_id && ! $budgetRow)
                <div class="alert alert-warning py-2 px-3 small mb-2">No budget set for <strong>{{ $requisition->costCentre->code }}</strong> in {{ \App\Models\Budget::currentFiscalYear() }} — PO will issue without a budget check.</div>
                @endif

                {{-- Supplier compliance / blacklist gate --}}
                @if($sel)
                @php
                    $sup = $sel->supplier;
                    $supBlocks = array_values(array_filter($sup->complianceIssues(), fn($i) => $i['severity'] === 'block'));
                    $supWarns  = $sup->complianceWarnings();
                @endphp
                @if(!empty($supBlocks))
                <div class="alert alert-danger py-2 px-3 small mb-2">
                    <i class="ri-forbid-line"></i> <strong>Supplier blocked — {{ $sup->name }}:</strong> {{ collect($supBlocks)->pluck('message')->implode(' ') }}<br>A purchase order cannot be issued.
                </div>
                @elseif(!empty($supWarns))
                <div class="alert alert-warning py-2 px-3 small mb-2">
                    <i class="ri-error-warning-line"></i> <strong>Supplier compliance warning — {{ $sup->name }}:</strong> {{ collect($supWarns)->pluck('message')->implode(' ') }}
                </div>
                <div class="mb-3">
                    <label class="form-label">Supplier Compliance Override Reason <span class="text-danger">*</span></label>
                    <textarea name="supplier_override_reason" class="form-control @error('supplier_override_reason') is-invalid @enderror" rows="2" placeholder="Why proceed despite the supplier compliance warning?">{{ old('supplier_override_reason') }}</textarea>
                    @error('supplier_override_reason')<span class="invalid-feedback">{{ $message }}</span>@enderror
                </div>
                @endif
                @endif

                <div class="row g-2">
                    <div class="col-6 mb-3">
                        <label class="form-label">Expected Delivery Date</label>
                        <input type="date" name="expected_delivery_date" class="form-control" min="{{ date('Y-m-d') }}">
                    </div>
                    <div class="col-6 mb-3">
                        <label class="form-label">Attach PO Document <span class="text-muted">(optional)</span></label>
                        <input type="file" name="attachment" class="form-control" accept=".pdf,.jpg,.jpeg,.png,.doc,.docx">
                    </div>
                </div>
                <div class="mb-3">
                    <label class="form-label">PO Terms</label>
                    <textarea name="terms" class="form-control" rows="2" placeholder="Delivery & payment terms"></textarea>
                </div>
                <div class="mb-3">
                    <label class="form-label">Comments <span class="text-muted">(optional)</span></label>
                    <textarea name="comments" class="form-control" rows="2"></textarea>
                </div>

                @unless($palIsPreparer)
                {{-- Above threshold: Procurement preparer signature --}}
                <div class="border-top pt-2">
                    <label class="form-label fw-semibold mb-1">Prepared by (Procurement) <span class="text-danger">*</span>
                        <button type="button" class="btn btn-sm btn-link text-muted p-0 float-end sig-clear" data-pad="sig-po-prep">Clear</button>
                    </label>
                    <div class="border rounded bg-light"><canvas id="sig-po-prep" class="sig-pad w-100" width="520" height="120" style="cursor:crosshair;display:block;touch-action:none;"></canvas></div>
                    <input type="hidden" name="prepared_signature" class="sig-data" data-pad="sig-po-prep">
                    <div class="row g-2 mt-1">
                        <div class="col-7"><input type="text" name="prepared_by_name" class="form-control form-control-sm" placeholder="Preparer name" value="{{ $me->name }}"></div>
                        <div class="col-5"><input type="text" name="prepared_by_designation" class="form-control form-control-sm" placeholder="Designation" value="Procurement Officer"></div>
                    </div>
                </div>
                @endunless

                {{-- Authorising officer (Procurement) — always --}}
                <div class="border-top pt-2 mt-2">
                    <label class="form-label fw-semibold mb-1">Authorised by (Procurement) <span class="text-danger">*</span>
                        <button type="button" class="btn btn-sm btn-link text-muted p-0 float-end sig-clear" data-pad="sig-po-auth">Clear</button>
                    </label>
                    <div class="border rounded bg-light"><canvas id="sig-po-auth" class="sig-pad w-100" width="520" height="120" style="cursor:crosshair;display:block;touch-action:none;"></canvas></div>
                    <input type="hidden" name="authorized_signature" class="sig-data" data-pad="sig-po-auth">
                    <div class="row g-2 mt-1">
                        <div class="col-7"><input type="text" name="authorized_by_name" class="form-control form-control-sm" placeholder="Authoriser name" value="{{ $me->name }}"></div>
                        <div class="col-5"><input type="text" name="authorized_by_designation" class="form-control form-control-sm" placeholder="Designation" value="Procurement Officer"></div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
                <button type="submit" class="btn btn-success" {{ $sel ? '' : 'disabled' }}>Sign &amp; Issue PO</button>
            </div>
        </form>
    </div>
</div>

<!-- Return to PAL modal -->
<div class="modal fade" id="returnPalModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <form method="POST" action="{{ route('requisitions.return-to-pal', $requisition) }}" class="modal-content">
            @csrf
            <div class="modal-header">
                <h5 class="modal-title">Return to PAL</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                @include('requisitions._reason_code')
                <div class="mb-0">
                    <label class="form-label">Query / Reason <span class="text-danger">*</span></label>
                    <textarea name="comments" class="form-control" rows="3" required placeholder="What does PAL need to clarify or change?"></textarea>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
                <button type="submit" class="btn btn-danger">Return to PAL</button>
            </div>
        </form>
    </div>
</div>
@endif

@if($canPalResolve)
<!-- Resolve query modal -->
<div class="modal fade" id="resolveModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <form method="POST" action="{{ route('requisitions.resolve-query', $requisition) }}" class="modal-content">
            @csrf
            <div class="modal-header">
                <h5 class="modal-title">Resolve Query &amp; Resubmit</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                @if($requisition->rejection_reason)
                <div class="alert alert-warning"><strong>Procurement query:</strong> {{ $requisition->rejection_reason }}</div>
                @endif
                <p class="text-muted">Adjust quotes if needed, then resubmit to Procurement.</p>
                <div class="mb-0">
                    <label class="form-label">Resolution note <span class="text-muted">(optional)</span></label>
                    <textarea name="comments" class="form-control" rows="2"></textarea>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
                <button type="submit" class="btn btn-primary">Resubmit to Procurement</button>
            </div>
        </form>
    </div>
</div>
@endif

@if($canReturn)
<!-- Universal return-for-correction modal -->
<div class="modal fade" id="returnCorrectionModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <form method="POST" action="{{ route('requisitions.return-correction', $requisition) }}" class="modal-content">
            @csrf
            <div class="modal-header">
                <h5 class="modal-title">Return for Correction</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <p class="text-muted">Send this requisition back to an earlier step so the issue can be corrected. It will reappear in that team's queue with your note.</p>
                <div class="mb-3">
                    <label class="form-label">Return to <span class="text-danger">*</span></label>
                    <select name="target" class="form-select" required>
                        <option value="">Choose a step…</option>
                        @foreach($returnTargets as $t)
                        <option value="{{ $t['key'] }}">{{ $t['label'] }}</option>
                        @endforeach
                    </select>
                </div>
                @include('requisitions._reason_code')
                <div class="mb-0">
                    <label class="form-label">Reason / correction needed <span class="text-danger">*</span></label>
                    <textarea name="reason" class="form-control" rows="3" required placeholder="Describe what needs to be corrected…"></textarea>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
                <button type="submit" class="btn btn-warning"><i class="ri-arrow-go-back-line align-bottom me-1"></i> Return for Correction</button>
            </div>
        </form>
    </div>
</div>
@endif

@if($canDeliver)
@php $deliverPo = $requisition->purchaseOrders->where('status','!=',\App\Models\PurchaseOrder::STATUS_CANCELLED)->sortByDesc('id')->first(); @endphp
<!-- Record delivery modal — delivery sheet ticked against the PO lines -->
<div class="modal fade" id="deliverModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable">
        <form method="POST" action="{{ route('deliveries.deliver', $requisition) }}" class="modal-content">
            @csrf
            <div class="modal-header">
                <h5 class="modal-title">Delivery Sheet — {{ $deliverPo?->po_number }}</h5>
                <a href="{{ route('po.delivery-sheet', $deliverPo) }}" target="_blank" class="btn btn-sm btn-soft-secondary ms-auto me-2"><i class="ri-printer-line align-bottom"></i> Print blank sheet</a>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <p class="text-muted">Tick each line as received and confirm the quantity. Quantities default to the <strong>outstanding balance</strong> still owed. Lines left unticked are recorded as not delivered; any shortfall stays open so you can deliver the balance later.</p>
                <div class="table-responsive">
                    <table class="table table-sm align-middle">
                        <thead class="table-light">
                            <tr><th style="width:42px" class="text-center">✓</th><th>Item</th><th class="text-end">Ordered</th><th class="text-end">Already Recd</th><th class="text-end">Outstanding</th><th style="width:120px" class="text-end">Qty This Delivery</th><th class="text-end">Variance</th></tr>
                        </thead>
                        <tbody>
                            @foreach($deliverPo?->items ?? [] as $pi)
                            @php
                                $recd = (float) $pi->quantity_received;
                                $out  = max(0, (float) $pi->quantity - $recd);
                                $f    = fn($n) => rtrim(rtrim(number_format((float)$n,2),'0'),'.');
                            @endphp
                            <tr class="{{ $out <= 0 ? 'text-muted' : '' }}">
                                <td class="text-center"><input type="checkbox" class="form-check-input deliver-tick" name="lines[{{ $pi->id }}][received]" value="1" data-qty="{{ $out }}" {{ $out > 0 ? 'checked' : '' }}></td>
                                <td>{{ $pi->description }}</td>
                                <td class="text-end">{{ $f($pi->quantity) }} {{ $pi->uom?->abbreviation }}</td>
                                <td class="text-end">{{ $f($recd) }}</td>
                                <td class="text-end deliver-ordered" data-ordered="{{ $out }}">{{ $f($out) }}</td>
                                <td><input type="number" step="0.01" min="0" inputmode="decimal" onwheel="this.blur()" name="lines[{{ $pi->id }}][quantity]" class="form-control form-control-sm text-end deliver-qty" value="{{ $f($out) }}" {{ $out <= 0 ? 'disabled' : '' }}></td>
                                <td class="text-end deliver-variance text-success">0</td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <div class="mb-3">
                    <label class="form-label">Delivery note <span class="text-muted">(optional)</span></label>
                    <textarea name="notes" class="form-control" rows="2" placeholder="Driver, packages, reference…"></textarea>
                </div>

                @php
                    $u = auth()->user();
                    $canInspectNow = in_array($u->role, [\App\Models\User::ROLE_PAL, \App\Models\User::ROLE_ADMIN], true)
                        || ($u->role === \App\Models\User::ROLE_STATION && $u->station_id === $requisition->station_id);
                @endphp
                @if($canInspectNow)
                <div class="border-top pt-3">
                    <label class="form-label fw-medium">Inspection on receipt</label>
                    <div class="form-check">
                        <input class="form-check-input decision-radio" type="radio" name="inspect" value="accept" id="insp-accept" checked>
                        <label class="form-check-label" for="insp-accept">Inspect &amp; accept now — goods received in good order</label>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input decision-radio" type="radio" name="inspect" value="reject" id="insp-reject">
                        <label class="form-check-label" for="insp-reject">Flag an issue (damaged / short / wrong item)</label>
                    </div>
                    <div class="reject-fields d-none mt-2">
                        <div class="mb-2">
                            <label class="form-label">Issue type</label>
                            <select name="issue_type" class="form-select form-select-sm">
                                <option value="damaged">Damaged</option>
                                <option value="short">Short delivery</option>
                                <option value="wrong_item">Wrong item</option>
                                <option value="quality">Quality problem</option>
                                <option value="other">Other</option>
                            </select>
                        </div>
                        <textarea name="description" class="form-control form-control-sm" rows="2" placeholder="What is wrong with the delivery?"></textarea>
                    </div>
                    <small class="text-muted d-block mt-1">Accepting here records the delivery and inspection together — then just Confirm it against the PO.</small>
                </div>
                @endif
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
                <button type="submit" class="btn btn-success">Record Delivery</button>
            </div>
        </form>
    </div>
</div>
@endif

@foreach($requisition->deliveries->filter(fn($d) => optional($d->purchaseOrder)->status !== \App\Models\PurchaseOrder::STATUS_CANCELLED) as $delivery)
@if(\App\Support\DeliveryGate::canInspect(auth()->user(), $delivery))
<!-- Inspect modal -->
<div class="modal fade" id="inspectModal-{{ $delivery->id }}" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <form method="POST" action="{{ route('deliveries.inspect', $delivery) }}" class="modal-content">
            @csrf
            <div class="modal-header">
                <h5 class="modal-title">Inspect {{ $delivery->delivery_number }}</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <div class="mb-3">
                    <label class="form-label d-block">Decision <span class="text-danger">*</span></label>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input decision-radio" type="radio" name="decision" value="accept" id="acc-{{ $delivery->id }}" checked>
                        <label class="form-check-label" for="acc-{{ $delivery->id }}">Accept</label>
                    </div>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input decision-radio" type="radio" name="decision" value="reject" id="rej-{{ $delivery->id }}">
                        <label class="form-check-label" for="rej-{{ $delivery->id }}">Reject</label>
                    </div>
                </div>
                <div class="reject-fields d-none">
                    <div class="mb-3">
                        <label class="form-label">Issue type</label>
                        <select name="issue_type" class="form-select">
                            <option value="damaged">Damaged</option>
                            <option value="short">Short delivery</option>
                            <option value="wrong_item">Wrong item</option>
                            <option value="quality">Quality</option>
                            <option value="other">Other</option>
                        </select>
                    </div>
                    <div class="mb-0">
                        <label class="form-label">Description</label>
                        <textarea name="description" class="form-control" rows="2" placeholder="What is wrong with the delivery?"></textarea>
                    </div>
                </div>
                <div class="accept-fields mt-2">
                    <label class="form-label">Inspection note <span class="text-muted">(optional)</span></label>
                    <textarea name="notes" class="form-control" rows="2"></textarea>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
                <button type="submit" class="btn btn-primary">Submit Inspection</button>
            </div>
        </form>
    </div>
</div>
@endif
@if(\App\Support\DeliveryGate::canResolve(auth()->user(), $delivery))
<!-- Resolve delivery issue modal -->
<div class="modal fade" id="resolveDeliveryModal-{{ $delivery->id }}" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <form method="POST" action="{{ route('deliveries.resolve', $delivery) }}" class="modal-content">
            @csrf
            <div class="modal-header">
                <h5 class="modal-title">Resolve Issue — {{ $delivery->delivery_number }}</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                @foreach($delivery->issues->where('status','!=','resolved') as $issue)
                <div class="alert alert-danger py-2 px-3 small"><strong class="text-capitalize">{{ str_replace('_',' ',$issue->issue_type) }}:</strong> {{ $issue->description }}</div>
                @endforeach
                <div class="mb-0">
                    <label class="form-label">Resolution <span class="text-danger">*</span></label>
                    <textarea name="resolution" class="form-control" rows="3" required placeholder="How was this resolved? (re-delivery, replacement…)"></textarea>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
                <button type="submit" class="btn btn-warning">Mark Resolved</button>
            </div>
        </form>
    </div>
</div>
@endif
@endforeach

@if($canSubmitInvoice)
@php $poForInv = $requisition->purchaseOrders->where('status','!=',\App\Models\PurchaseOrder::STATUS_CANCELLED)->sortByDesc('id')->first(); @endphp
<!-- Submit invoice modal -->
<div class="modal fade" id="invoiceModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <form method="POST" action="{{ route('invoices.submit', $requisition) }}" enctype="multipart/form-data" class="modal-content">
            @csrf
            <div class="modal-header">
                <h5 class="modal-title">Submit Invoice</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <p class="text-muted">Invoicing against {{ $poForInv?->po_number }} for the confirmed delivery.</p>
                <div class="mb-3">
                    <label class="form-label">Invoice document <span class="text-danger">*</span></label>
                    <input type="file" name="invoice_file" class="form-control" accept=".pdf,.jpg,.jpeg,.png,.doc,.docx" required>
                    <small class="text-muted">Upload the supplier's invoice (PDF or image). The original is sighted &amp; certified separately by PAL.</small>
                </div>
                <div class="row g-2">
                    <div class="col-6 mb-3">
                        <label class="form-label">Your Invoice No.</label>
                        <input type="text" name="supplier_invoice_no" class="form-control" placeholder="e.g. INV-8841">
                    </div>
                    <div class="col-6 mb-3">
                        <label class="form-label">Invoice Date <span class="text-danger">*</span></label>
                        <input type="date" name="invoice_date" class="form-control" value="{{ date('Y-m-d') }}" required>
                    </div>
                    <div class="col-6 mb-3">
                        <label class="form-label">Due Date</label>
                        <input type="date" name="due_date" class="form-control">
                    </div>
                    <div class="col-6 mb-3">
                        <label class="form-label">Subtotal <span class="text-danger">*</span></label>
                        <input type="number" step="0.01" min="0" name="subtotal" class="form-control" value="{{ number_format((float)($poForInv?->subtotal ?? 0),2,'.','') }}" required>
                    </div>
                    <div class="col-6 mb-0">
                        <label class="form-label">Tax</label>
                        <input type="number" step="0.01" min="0" name="tax_total" class="form-control" value="{{ number_format((float)($poForInv?->tax_total ?? 0),2,'.','') }}">
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
                <button type="submit" class="btn btn-success">Submit Invoice</button>
            </div>
        </form>
    </div>
</div>
@endif

@if($canVerifyInvoice)
@php
    $inv = $requisition->invoices->sortByDesc('id')->first();
    $poForVerify = $requisition->purchaseOrders->where('status','!=',\App\Models\PurchaseOrder::STATUS_CANCELLED)->sortByDesc('id')->first();
    $deliveryConfirmed = $requisition->deliveries->firstWhere('confirmed_at', '!=', null) !== null;
    $totalsMatch = $inv && $poForVerify && (string)$inv->total === (string)$poForVerify->total;
@endphp
<!-- Verify invoice modal (3-way match) -->
<div class="modal fade" id="verifyInvoiceModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <form method="POST" action="{{ route('invoices.verify', $requisition) }}" class="modal-content">
            @csrf
            <div class="modal-header">
                <h5 class="modal-title">Verify Invoice</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <div class="table-responsive mb-3">
                    <table class="table table-sm mb-0">
                        <tr><td>PO total</td><td class="text-end">{{ $poForVerify?->currency }} {{ number_format((float)($poForVerify?->total ?? 0),2) }}</td></tr>
                        <tr><td>Invoice total</td><td class="text-end">{{ $inv?->currency }} {{ number_format((float)($inv?->total ?? 0),2) }}</td></tr>
                        <tr><td>Delivery confirmed</td><td class="text-end">{!! $deliveryConfirmed ? '<span class="text-success">Yes</span>' : '<span class="text-danger">No</span>' !!}</td></tr>
                        <tr><td>Totals match</td><td class="text-end">{!! $totalsMatch ? '<span class="text-success">Yes</span>' : '<span class="text-warning">No</span>' !!}</td></tr>
                    </table>
                </div>
                <div class="mb-3">
                    <label class="form-label d-block">Result <span class="text-danger">*</span></label>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input decision-radio" type="radio" name="result" value="matched" id="inv-matched" checked>
                        <label class="form-check-label" for="inv-matched">Matched</label>
                    </div>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input decision-radio" type="radio" name="result" value="discrepancy" id="inv-disc">
                        <label class="form-check-label" for="inv-disc">Discrepancy</label>
                    </div>
                </div>
                <div class="reject-fields d-none">
                    <label class="form-label">Discrepancy notes</label>
                    <textarea name="notes" class="form-control" rows="2" placeholder="What doesn't match?"></textarea>
                </div>
                <div class="accept-fields border-top pt-2 mt-2">
                    <label class="form-label fw-medium mb-0">Original invoice certification</label>
                    <p class="text-muted small mb-1">Sign to certify the <b>original invoice has been sighted</b>. This certificate (not the invoice) carries through to Procurement and Finance.</p>
                    @include('requisitions._signature_pad', ['prefix' => 'inv-sight', 'designation' => 'PAL Officer'])
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
                <button type="submit" class="btn btn-primary">Submit Verification</button>
            </div>
        </form>
    </div>
</div>
@endif

@if($canForwardInvoice)
@php $invForFwd = $requisition->invoices->sortByDesc('id')->first(); @endphp
<!-- Approve for payment modal — Procurement signs the certification sheet -->
<div class="modal fade" id="forwardInvoiceModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <form method="POST" action="{{ route('invoices.forward', $requisition) }}" class="modal-content">
            @csrf
            <div class="modal-header">
                <h5 class="modal-title">Approve for Payment</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <p class="text-muted small mb-2">Invoice <b>{{ $invForFwd?->invoice_number }}</b> · {{ $invForFwd?->currency }} {{ number_format((float)($invForFwd?->total ?? 0),2) }}. PAL certified the original was sighted
                    @if($invForFwd?->original_sighted_at)on {{ $invForFwd->original_sighted_at->format('d M Y') }} by {{ $invForFwd->original_sighted_by_name }}@endif.</p>
                <p class="text-muted small mb-1">Sign to <b>approve this invoice for payment</b> by the Budget / Finance Branch.</p>
                @include('requisitions._signature_pad', ['prefix' => 'inv-approve', 'designation' => 'Procurement Officer'])
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
                <button type="submit" class="btn btn-primary"><i class="ri-send-plane-line align-bottom me-1"></i> Approve &amp; Forward to Finance</button>
            </div>
        </form>
    </div>
</div>
@endif

@if($canProcessPayment)
@php $invForPay = $requisition->invoices->sortByDesc('id')->first(); @endphp
<!-- Process payment modal -->
<div class="modal fade" id="paymentModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <form method="POST" action="{{ route('payments.process', $requisition) }}" class="modal-content">
            @csrf
            <div class="modal-header">
                <h5 class="modal-title">Process Payment</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <div class="row g-2">
                    <div class="col-6 mb-3">
                        <label class="form-label">Amount <span class="text-danger">*</span></label>
                        <input type="number" step="0.01" min="0.01" name="amount" class="form-control" value="{{ number_format((float)($invForPay?->total ?? 0),2,'.','') }}" required>
                    </div>
                    <div class="col-6 mb-3">
                        <label class="form-label">Method <span class="text-danger">*</span></label>
                        <select name="method" class="form-select" required>
                            <option value="bank_transfer">Bank Transfer</option>
                            <option value="cheque">Cheque</option>
                            <option value="cash">Cash</option>
                            <option value="other">Other</option>
                        </select>
                    </div>
                    <div class="col-6 mb-3">
                        <label class="form-label">Payment Date <span class="text-danger">*</span></label>
                        <input type="date" name="payment_date" class="form-control" value="{{ date('Y-m-d') }}" required>
                    </div>
                    <div class="col-6 mb-0">
                        <label class="form-label">Transaction Ref</label>
                        <input type="text" name="transaction_ref" class="form-control" placeholder="Bank / cheque no.">
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
                <button type="submit" class="btn btn-success">Process Payment</button>
            </div>
        </form>
    </div>
</div>
@endif

@if($canRate)
<!-- Rate supplier modal -->
<div class="modal fade" id="rateModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <form method="POST" action="{{ route('requisitions.rate', $requisition) }}" class="modal-content">
            @csrf
            <div class="modal-header">
                <h5 class="modal-title">Rate {{ $requisition->supplier?->name }}</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                @foreach(['quality_rating'=>'Quality','timeliness_rating'=>'Timeliness','price_rating'=>'Price','communication_rating'=>'Communication'] as $field => $label)
                <div class="mb-3">
                    <label class="form-label">{{ $label }} <span class="text-danger">*</span></label>
                    <select name="{{ $field }}" class="form-select" required>
                        @for($i=5;$i>=1;$i--)<option value="{{ $i }}" @selected($i===4)>{{ $i }} — {{ ['','Poor','Fair','Good','Very Good','Excellent'][$i] }}</option>@endfor
                    </select>
                </div>
                @endforeach
                <div class="mb-0">
                    <label class="form-label">Comments <span class="text-muted">(optional)</span></label>
                    <textarea name="comments" class="form-control" rows="2"></textarea>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
                <button type="submit" class="btn btn-primary">Submit Rating</button>
            </div>
        </form>
    </div>
</div>
@endif

@if($canReview)
<!-- Approve modal -->
<div class="modal fade" id="approveModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <form method="POST" action="{{ route('requisitions.approve', $requisition) }}" class="modal-content">
            @csrf
            <div class="modal-header">
                <h5 class="modal-title">Approve Requisition</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <p>Approve <strong>{{ $requisition->reference_no }}</strong> and forward it to PAL? Your signature authorises this approval.</p>
                @if($requisition->hasRestrictedItems())
                <div class="alert alert-danger py-2 px-3 small">
                    <i class="ri-shield-keyhole-line"></i> <strong>Restricted / controlled items:</strong> {{ implode(', ', $requisition->restrictedItemNames()) }}
                    <div class="form-check mt-2">
                        <input class="form-check-input @error('restricted_ack') is-invalid @enderror" type="checkbox" name="restricted_ack" value="1" id="restricted_ack" required>
                        <label class="form-check-label" for="restricted_ack">I am authorised to approve these controlled items.</label>
                    </div>
                </div>
                @endif
                <div class="mb-2">
                    <label class="form-label">Comments <span class="text-muted">(optional)</span></label>
                    <textarea name="comments" class="form-control" rows="2"></textarea>
                </div>
                @include('requisitions._signature_pad', ['prefix' => 'area'])
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
                <button type="submit" class="btn btn-success">Sign &amp; Approve</button>
            </div>
        </form>
    </div>
</div>

<!-- Reject / return modal -->
<div class="modal fade" id="rejectModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <form method="POST" action="{{ route('requisitions.reject', $requisition) }}" class="modal-content">
            @csrf
            <div class="modal-header">
                <h5 class="modal-title">Return for Correction</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <p>Return <strong>{{ $requisition->reference_no }}</strong> to the station.</p>
                @include('requisitions._reason_code')
                <div class="mb-0">
                    <label class="form-label">Reason <span class="text-danger">*</span></label>
                    <textarea name="comments" class="form-control" rows="3" required placeholder="Explain what needs to be corrected"></textarea>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
                <button type="submit" class="btn btn-danger">Return Requisition</button>
            </div>
        </form>
    </div>
</div>
@endif

@if($canEmergencyFastTrack)
<!-- Emergency fast-track modal -->
<div class="modal fade" id="fastTrackModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <form method="POST" action="{{ route('requisitions.emergency-fast-track', $requisition) }}" class="modal-content">
            @csrf
            <div class="modal-header bg-danger-subtle">
                <h5 class="modal-title"><i class="ri-flashlight-line align-bottom me-1"></i> Emergency Fast-Track</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <div class="alert alert-danger py-2 px-3 small mb-3">
                    This is an <strong>URGENT</strong> requisition. Fast-tracking <strong>bypasses the routine Area-review queue</strong> and routes it straight to PAL. Your signature and written justification are recorded on the audit trail.
                </div>
                @if($requisition->hasRestrictedItems())
                <div class="alert alert-warning py-2 px-3 small">
                    <i class="ri-shield-keyhole-line"></i> Note: this requisition contains restricted/controlled items ({{ implode(', ', $requisition->restrictedItemNames()) }}).
                </div>
                @endif
                @include('requisitions._reason_code')
                <div class="mb-2">
                    <label class="form-label">Justification for emergency fast-track <span class="text-danger">*</span></label>
                    <textarea name="reason" class="form-control @error('reason') is-invalid @enderror" rows="3" required placeholder="Why must this bypass routine area review (e.g. operational emergency, safety-critical)?">{{ old('reason') }}</textarea>
                    @error('reason')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                @include('requisitions._signature_pad', ['prefix' => 'ft'])
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
                <button type="submit" class="btn btn-danger">Sign &amp; Fast-Track to PAL</button>
            </div>
        </form>
    </div>
</div>
@endif
@endsection

@section('script')
<script>
// Show/hide the method-justification field when a sole-source / emergency method is chosen
// (used by the PAL "Submit to Procurement" and Procurement "Issue PO" modals).
document.addEventListener('change', function (e) {
    if (e.target.classList.contains('proc-method')) {
        const ids  = (e.target.dataset.justifyIds || '').split(',').filter(Boolean);
        const wrap = document.getElementById(e.target.dataset.target);
        if (wrap) wrap.classList.toggle('d-none', !ids.includes(e.target.value));
    }
});

// Toggle accept/reject field groups inside delivery inspection modals.
document.addEventListener('change', function (e) {
    if (e.target.classList.contains('decision-radio')) {
        const form   = e.target.closest('form');
        const reject = e.target.value === 'reject';
        form.querySelector('.reject-fields')?.classList.toggle('d-none', !reject);
        form.querySelector('.accept-fields')?.classList.toggle('d-none', reject);
    }
    // Delivery sheet: untick a line -> disable + zero its qty; re-tick -> restore ordered qty.
    if (e.target.classList.contains('deliver-tick')) {
        const qty = e.target.closest('tr').querySelector('.deliver-qty');
        if (e.target.checked) { qty.disabled = false; qty.value = e.target.dataset.qty; }
        else { qty.value = 0; qty.disabled = true; }
        updateVariance(e.target.closest('tr'));
    }
});

// Delivery sheet: live Ordered vs Received variance (short / over).
function updateVariance(row) {
    const ord = parseFloat(row.querySelector('.deliver-ordered')?.dataset.ordered || 0);
    const got = parseFloat(row.querySelector('.deliver-qty')?.value || 0);
    const cell = row.querySelector('.deliver-variance');
    if (!cell) return;
    const v = +(got - ord).toFixed(2);
    if (Math.abs(v) < 0.0001) { cell.textContent = '0'; cell.className = 'text-end deliver-variance text-success'; }
    else if (v < 0) { cell.textContent = v + ' short'; cell.className = 'text-end deliver-variance text-danger'; }
    else { cell.textContent = '+' + v + ' over'; cell.className = 'text-end deliver-variance text-warning'; }
}
document.addEventListener('input', function (e) {
    if (e.target.classList.contains('deliver-qty')) updateVariance(e.target.closest('tr'));
});

// ---- Signature pads (vanilla canvas, handles CSS scaling + touch) ----
(function () {
    function setup(canvas) {
        const ctx = canvas.getContext('2d');
        ctx.lineWidth = 2; ctx.lineCap = 'round'; ctx.strokeStyle = '#0f2659';
        let drawing = false, empty = true;
        function pt(e) {
            const r = canvas.getBoundingClientRect();
            const t = e.touches ? e.touches[0] : e;
            return { x: (t.clientX - r.left) * (canvas.width / r.width), y: (t.clientY - r.top) * (canvas.height / r.height) };
        }
        function start(e) { drawing = true; empty = false; const p = pt(e); ctx.beginPath(); ctx.moveTo(p.x, p.y); e.preventDefault(); }
        function move(e) { if (!drawing) return; const p = pt(e); ctx.lineTo(p.x, p.y); ctx.stroke(); e.preventDefault(); }
        function end() { drawing = false; }
        canvas.addEventListener('mousedown', start); canvas.addEventListener('mousemove', move); window.addEventListener('mouseup', end);
        canvas.addEventListener('touchstart', start, { passive: false }); canvas.addEventListener('touchmove', move, { passive: false }); canvas.addEventListener('touchend', end);
        canvas.isEmpty = () => empty;
        canvas.clearPad = () => { ctx.clearRect(0, 0, canvas.width, canvas.height); empty = true; };
    }
    document.querySelectorAll('.sig-pad').forEach(setup);
    document.querySelectorAll('.sig-clear').forEach(function (btn) {
        btn.addEventListener('click', function () {
            const c = document.getElementById(btn.dataset.pad);
            if (c && c.clearPad) c.clearPad();
            const h = document.querySelector('.sig-data[data-pad="' + btn.dataset.pad + '"]');
            if (h) h.value = '';
        });
    });
    // On submit, copy every drawn signature into its hidden field (forms may have several).
    document.querySelectorAll('form').forEach(function (form) {
        const hiddens = form.querySelectorAll('.sig-data');
        if (!hiddens.length) return;
        form.addEventListener('submit', function () {
            hiddens.forEach(function (hidden) {
                const c = document.getElementById(hidden.dataset.pad);
                if (c && c.isEmpty && !c.isEmpty()) hidden.value = c.toDataURL('image/png');
            });
        });
    });
})();

// ---- Quote supplier typeahead + inline "create supplier" ----
(function () {
    const search = document.getElementById('supplier-search');
    if (!search) return;
    const idField  = document.getElementById('supplier-id');
    const box      = document.getElementById('supplier-suggest');
    const panel    = document.getElementById('new-supplier-panel');
    const token    = document.querySelector('meta[name="csrf-token"]').content;
    let suppliers  = JSON.parse(document.getElementById('supplier-data').textContent);

    function esc(s) { return (s || '').replace(/&/g, '&amp;').replace(/"/g, '&quot;').replace(/</g, '&lt;'); }

    function render(q) {
        const ql = q.trim().toLowerCase();
        let html = '';
        if (ql) {
            suppliers.filter(s => s.name.toLowerCase().includes(ql) || (s.code && s.code.toLowerCase().includes(ql)))
                .slice(0, 8).forEach(function (s) {
                    html += `<button type="button" class="list-group-item list-group-item-action py-1 px-2 sup-pick" data-id="${s.id}" data-name="${esc(s.name)}"><span class="fw-medium">${esc(s.name)}</span> <small class="text-muted">${esc(s.code)}</small></button>`;
                });
        }
        html += `<button type="button" class="list-group-item list-group-item-action py-1 px-2 sup-add text-primary" data-name="${esc(q)}"><i class="ri-add-circle-line align-bottom"></i> Add ${q.trim() ? '&ldquo;' + esc(q) + '&rdquo;' : 'new supplier'} to the list</button>`;
        box.innerHTML = html;
        box.style.display = 'block';
    }

    search.addEventListener('input', function () { idField.value = ''; render(this.value); });
    search.addEventListener('focus', function () { render(this.value); });
    document.addEventListener('click', function (e) {
        if (e.target !== search && !e.target.closest('#supplier-suggest')) box.style.display = 'none';
    });

    box.addEventListener('click', function (e) {
        const pick = e.target.closest('.sup-pick');
        if (pick) { idField.value = pick.dataset.id; search.value = pick.dataset.name; box.style.display = 'none'; return; }
        const add = e.target.closest('.sup-add');
        if (add) {
            box.style.display = 'none';
            panel.classList.remove('d-none');
            document.getElementById('ns-name').value = add.dataset.name;
            document.getElementById('ns-name').focus();
        }
    });

    document.getElementById('new-supplier-cancel').addEventListener('click', () => panel.classList.add('d-none'));

    document.getElementById('new-supplier-save').addEventListener('click', function () {
        const errBox = document.getElementById('new-supplier-errors');
        const payload = {
            name: document.getElementById('ns-name').value,
            contact_name: document.getElementById('ns-contact').value,
            email: document.getElementById('ns-email').value,
            phone: document.getElementById('ns-phone').value,
            payment_terms: document.getElementById('ns-terms').value,
            address: document.getElementById('ns-address').value,
        };
        fetch(this.dataset.url, {
            method: 'POST',
            headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': token, 'Accept': 'application/json' },
            body: JSON.stringify(payload),
        }).then(r => r.json().then(d => ({ ok: r.ok, d })))
          .then(function (r) {
              if (!r.ok) {
                  errBox.innerHTML = (r.d.errors ? Object.values(r.d.errors).flat() : [r.d.message || 'Could not save.']).join('<br>');
                  errBox.classList.remove('d-none');
                  return;
              }
              suppliers.push(r.d);
              idField.value = r.d.id;
              search.value = r.d.name;
              panel.classList.add('d-none');
              errBox.classList.add('d-none');
          }).catch(() => { errBox.textContent = 'Network error.'; errBox.classList.remove('d-none'); });
    });

    // Guard: require a supplier selection before submitting the quote.
    document.getElementById('quote-form').addEventListener('submit', function (e) {
        if (!idField.value) { e.preventDefault(); search.classList.add('is-invalid'); search.focus(); }
    });
})();
</script>
@endsection