{{-- New-Unity ERP | app/Modules/Deliveries/Resources/Views/deliveries/show.blade.php | v2.0 | 15/07/2026 --}}
{{-- v1.0 — Detalle de Orden de Entrega con items, Document Flow y acciones de flujo.   --}}
{{-- v2.0 — Vista condicional por status. Modo PICKING mobile-first con validacion PEPS. --}}

@extends('layouts.vertical', ['pageTitle' => $delivery->delivery_number])

@section('page-title')
<div class="subheader">
    <h1 class="subheader-title">
        <i class="subheader-icon fal fa-truck"></i> {{ $delivery->delivery_number }}
        <small>{{ $delivery->so_number }} — {{ $delivery->customer_name }}</small>
        <span class="badge bg-{{ $delivery->status_color }} ms-2">{{ $delivery->status_label }}</span>
    </h1>
    <div class="subheader-block d-flex gap-2">
        @if($delivery->status === 'draft')
        <a href="{{ route('deliveries.edit', $delivery) }}" class="btn btn-warning btn-sm">
            <i class="fal fa-edit me-1"></i> {{ __('deliveries.edit') }}
        </a>
        <form action="{{ route('deliveries.confirm', $delivery) }}" method="POST" class="d-inline">
            @csrf
            <button type="submit" class="btn btn-success btn-sm">
                <i class="fal fa-check me-1"></i> {{ __('deliveries.confirm') }}
            </button>
        </form>
        @endif

        @if($delivery->status === 'confirmed')
        <form action="{{ route('deliveries.start-picking', $delivery) }}" method="POST" class="d-inline">
            @csrf
            <button type="submit" class="btn btn-warning btn-sm">
                <i class="fal fa-dolly me-1"></i> {{ __('deliveries.start-picking') }}
            </button>
        </form>
        @endif

        @if($delivery->status === 'picking')
        {{-- Picking Slip PDF --}}
        <a href="{{ route('deliveries.picking-slip', $delivery) }}" target="_blank" class="btn btn-secondary btn-sm">
            <i class="fal fa-print me-1"></i> {{ __('deliveries.print-picking-slip') }}
        </a>
        {{-- Dispatch solo si picking fue confirmado --}}
        @if($delivery->picking_confirmed)
        <button type="button" class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#dispatchModal">
            <i class="fal fa-truck me-1"></i> {{ __('deliveries.dispatch') }}
        </button>
        @else
        <button type="button" class="btn btn-primary btn-sm" disabled title="{{ __('deliveries.scan-first-tip') }}">
            <i class="fal fa-lock me-1"></i> {{ __('deliveries.dispatch-scan-required') }}
        </button>
        @endif
        @endif

        @if($delivery->status === 'dispatched')
        <button type="button" class="btn btn-success btn-sm" data-bs-toggle="modal" data-bs-target="#deliverModal">
            <i class="fal fa-check-circle me-1"></i> {{ __('deliveries.confirm-delivery-pod') }}
        </button>
        @endif

        @if(!in_array($delivery->status, ['dispatched','delivered','invoiced','picking']))
        <button type="button" class="btn btn-danger btn-sm" data-bs-toggle="modal" data-bs-target="#cancelModal">
            <i class="fal fa-times me-1"></i> {{ __('deliveries.cancel') }}
        </button>
        @endif

        @if(!in_array($delivery->status, ['draft','cancelled']))
        <a href="{{ route('deliveries.remision', $delivery) }}" target="_blank" class="btn btn-secondary btn-sm">
            <i class="fal fa-print me-1"></i> {{ __('deliveries.print-remision') }}
        </a>
        @endif

        <a href="{{ route('deliveries.index') }}" class="btn btn-secondary btn-sm">
            <i class="fal fa-arrow-left me-1"></i> {{ __('deliveries.back') }}
        </a>
    </div>
</div>
@endsection

@section('content')

@if(session('success'))
<div class="alert alert-success alert-dismissible fade show">
    <i class="fal fa-check-circle me-2"></i>{{ session('success') }}
    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
@endif

@if(session('error'))
<div class="alert alert-danger alert-dismissible fade show">
    <i class="fal fa-exclamation-circle me-2"></i>{{ session('error') }}
    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
@endif

{{-- ═══════════════════════════════════════════════════
     MODO PICKING — Vista mobile-first para el operador
════════════════════════════════════════════════════════ --}}
@if($delivery->status === 'picking')

<div class="row g-3">
    {{-- Panel principal de picking --}}
    <div class="col-lg-7">

        {{-- Alert PEPS --}}
        @if(!$delivery->picking_confirmed)
        <div class="alert alert-warning py-2 mb-3">
            <i class="fal fa-exclamation-triangle me-2"></i>
            <strong>{{ __('deliveries.picking-in-progress') }}</strong>
            {{ __('deliveries.scan-confirm-pallet') }}
        </div>
        @else
        <div class="alert alert-success py-2 mb-3">
            <i class="fal fa-check-circle me-2"></i>
            <strong>{{ __('deliveries.picking-confirmed') }}</strong>
            {{ __('deliveries.lot-scanned-ready', ['lot' => $delivery->picking_lot_scanned]) }}
        </div>
        @endif

        {{-- Instrucciones por item --}}
        @foreach($delivery->items as $item)
        <div class="panel mb-3" style="border-left: 4px solid #185FA5;">
            <div class="panel-hdr">
                <h2><i class="fal fa-map-marker-alt me-2 text-primary"></i> {{ __('deliveries.go-to-location') }}</h2>
            </div>
            <div class="panel-container show">
                <div class="panel-content">

                    {{-- Ubicacion --}}
                    <div class="row g-3 mb-3">
                        <div class="col-6">
                            <div style="background:#E6F1FB;border-radius:8px;padding:12px;text-align:center;">
                                <div style="font-size:10px;font-weight:600;color:#185FA5;letter-spacing:.5px;">{{ __('deliveries.bin-id') }}</div>
                                <div style="font-size:22px;font-weight:700;color:#0C447C;font-family:monospace;">{{ $item->bin_id ?? 'N/A' }}</div>
                                <div style="font-size:11px;color:#185FA5;">{{ $item->bin_code ?? '--' }}</div>
                            </div>
                        </div>
                        <div class="col-6">
                            <div style="background:#EAF3DE;border-radius:8px;padding:12px;text-align:center;">
                                <div style="font-size:10px;font-weight:600;color:#3B6D11;letter-spacing:.5px;">{{ __('deliveries.lot-number') }}</div>
                                <div style="font-size:16px;font-weight:700;color:#27500A;font-family:monospace;">{{ $item->lot_number ?? 'N/A' }}</div>
                                <div style="font-size:11px;color:#3B6D11;">PEPS / FIFO</div>
                            </div>
                        </div>
                    </div>

                    {{-- Producto --}}
                    <div style="background:#f8f9fa;border-radius:8px;padding:12px;margin-bottom:12px;">
                        <div style="font-size:11px;color:#6c757d;font-weight:600;margin-bottom:4px;">{{ __('deliveries.product-upper') }}</div>
                        <div style="font-weight:600;font-size:14px;">{{ $item->product_name }}</div>
                        <div style="font-size:12px;color:#6c757d;">SKU: {{ $item->sku ?? '--' }}</div>
                    </div>

                    {{-- Cantidad --}}
                    <div class="row g-2 mb-3">
                        <div class="col-6">
                            <div style="background:#FAEEDA;border-radius:8px;padding:10px;text-align:center;">
                                <div style="font-size:10px;font-weight:600;color:#854F0B;">{{ __('deliveries.qty-to-pick') }}</div>
                                <div style="font-size:26px;font-weight:700;color:#633806;">{{ number_format($item->quantity_ordered, 0) }}</div>
                                <div style="font-size:11px;color:#854F0B;">{{ $item->unit }}</div>
                            </div>
                        </div>
                        <div class="col-6">
                            <div style="background:#f8f9fa;border-radius:8px;padding:10px;text-align:center;">
                                <div style="font-size:10px;font-weight:600;color:#6c757d;">{{ __('deliveries.take') }}</div>
                                <div style="font-size:14px;font-weight:600;color:#212529;margin-top:4px;">{{ __('deliveries.full-pallet') }}</div>
                                <div style="font-size:11px;color:#6c757d;">{{ __('deliveries.or-partial-qty') }}</div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        @endforeach

        {{-- SCAN SECTION — Candado PEPS --}}
        @if(!$delivery->picking_confirmed)
        <div class="panel" style="border:2px solid #185FA5;">
            <div class="panel-hdr" style="background:#E6F1FB;">
                <h2 style="color:#0C447C;"><i class="fal fa-barcode me-2"></i> {{ __('deliveries.step2-scan') }}</h2>
            </div>
            <div class="panel-container show">
                <div class="panel-content">
                    <div class="alert alert-info py-2 small mb-3">
                        <i class="fal fa-info-circle me-1"></i>
                        {{ __('deliveries.scan-qr-info') }}
                        <strong>{{ __('deliveries.cannot-dispatch-without') }}</strong>
                    </div>
                    <div class="input-group mb-2">
                        <span class="input-group-text bg-primary text-white">
                            <i class="fal fa-barcode"></i>
                        </span>
                        <input type="text" id="pickingScanInput" class="form-control form-control-lg fw-bold"
                               placeholder="{{ __('deliveries.ph-scan-lot') }}"
                               autofocus
                               onkeydown="if(event.key==='Enter'){event.preventDefault();validatePickingScan();}">
                        <button type="button" class="btn btn-primary btn-lg" onclick="validatePickingScan()">
                            {{ __('deliveries.confirm') }}
                        </button>
                    </div>
                    <div id="pickingScanResult" style="display:none;" class="mt-2"></div>
                    <div class="mt-3 small text-muted">
                        <i class="fal fa-shield-check me-1"></i>
                        {{ __('deliveries.expected-lot') }} <strong>{{ $delivery->items->first()?->lot_number ?? '--' }}</strong>
                        {{ __('deliveries.any-other-rejected') }}
                    </div>
                </div>
            </div>
        </div>
        @endif

    </div>

    {{-- Document Flow sidebar --}}
    <div class="col-lg-5">
        <div class="panel mb-3">
            <div class="panel-hdr">
                <h2><i class="fal fa-stream me-2"></i> {{ __('deliveries.document-flow') }}</h2>
            </div>
            <div class="panel-container show">
                <div class="panel-content">
                    @foreach($delivery->statusLogs as $log)
                    <div class="d-flex gap-3 mb-3">
                        <span class="badge bg-{{ \App\Modules\Deliveries\Models\Delivery::STATUS_COLORS[$log->status_to] ?? 'secondary' }}"
                              style="min-width:80px;text-align:center;height:fit-content;">
                            {{ \App\Modules\Deliveries\Models\Delivery::STATUS_LABELS[$log->status_to] ?? ucfirst($log->status_to) }}
                        </span>
                        <div>
                            <div class="small">{{ $log->notes }}</div>
                            <div class="text-muted" style="font-size:10px;">
                                {{ $log->created_at->format('d/m/Y H:i') }}
                                @if($log->createdBy) — {{ $log->createdBy->name }} @endif
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>

        {{-- Info basica --}}
        <div class="panel mb-3">
            <div class="panel-hdr">
                <h2><i class="fal fa-info-circle me-2"></i> {{ __('deliveries.delivery-info') }}</h2>
            </div>
            <div class="panel-container show">
                <div class="panel-content">
                    <table class="table table-sm table-borderless mb-0">
                        <tr><td class="text-muted small">{{ __('deliveries.sales-order') }}</td><td class="fw-bold text-primary">{{ $delivery->so_number }}</td></tr>
                        <tr><td class="text-muted small">{{ __('deliveries.customer') }}</td><td>{{ $delivery->customer_name }}</td></tr>
                        <tr><td class="text-muted small">{{ __('deliveries.warehouse') }}</td><td>{{ $delivery->warehouse?->code }}</td></tr>
                        <tr><td class="text-muted small">{{ __('deliveries.total') }}</td><td class="fw-bold">${{ number_format($delivery->total, 2) }}</td></tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

{{-- AJAX para confirmar picking scan --}}
<script>
function validatePickingScan() {
    var scanned  = document.getElementById('pickingScanInput').value.trim();
    var result   = document.getElementById('pickingScanResult');
    var expected = '{{ $delivery->items->first()?->lot_number ?? "" }}';
    if (!scanned) return;

    fetch('{{ route("deliveries.confirm-picking", $delivery) }}', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
            'Accept': 'application/json',
            'X-CSRF-TOKEN': '{{ csrf_token() }}'
        },
        body: JSON.stringify({ lot_scanned: scanned })
    })
    .then(function(r) { return r.json(); })
    .then(function(res) {
        if (res.success) {
            document.getElementById('pepsSuccessLot').textContent = scanned;
            new bootstrap.Modal(document.getElementById('pepsSuccessModal')).show();
            document.getElementById('pickingScanInput').disabled = true;
            setTimeout(function() { window.location.reload(); }, 2500);
        } else {
            // Modal de bloqueo PEPS
            document.getElementById('pepsViolationMsg').textContent = res.message;
            new bootstrap.Modal(document.getElementById('pepsModal')).show();
            document.getElementById('pickingScanInput').value = '';
        }
    })
    .catch(function() {
        showNotification('{{ __('deliveries.js-connection-error') }}', 'danger');
    });
}
document.addEventListener('DOMContentLoaded', function() {
    var input = document.getElementById('pickingScanInput');
    if (input) input.focus();
});

// Reenfoca el input cuando se cierra el modal PEPS
var pepsModal = document.getElementById('pepsModal');
if (pepsModal) {
    pepsModal.addEventListener('hidden.bs.modal', function() {
        document.getElementById('pickingScanInput').focus();
    });
}
</script>

{{-- Modal PEPS Success --}}
<div class="modal fade" id="pepsSuccessModal" tabindex="-1" aria-hidden="true" data-bs-backdrop="static" data-bs-keyboard="false">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content border-success">
            <div class="modal-header bg-success text-white">
                <h5 class="modal-title"><i class="fal fa-check-circle me-2"></i> {{ __('deliveries.peps-confirmed') }}</h5>
            </div>
            <div class="modal-body text-center py-4">
                <i class="fal fa-check-circle fa-4x text-success mb-3 d-block"></i>
                <h5 class="fw-bold text-success mb-2">{{ __('deliveries.correct-lot') }}</h5>
                <p class="mb-1">{{ __('deliveries.lot-word') }} <strong id="pepsSuccessLot"></strong> {{ __('deliveries.verified-correctly') }}</p>
                <p class="text-muted small mb-0">{{ __('deliveries.peps-order-confirmed') }}</p>
            </div>
            <div class="modal-footer justify-content-center">
                <div class="text-muted small">{{ __('deliveries.redirecting-dispatch') }}</div>
            </div>
        </div>
    </div>
</div>

{{-- Modal PEPS Violation --}}
<div class="modal fade" id="pepsModal" tabindex="-1" aria-hidden="true" data-bs-backdrop="static" data-bs-keyboard="false">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content border-danger">
            <div class="modal-header bg-danger text-white">
                <h5 class="modal-title">
                    <i class="fal fa-times-circle me-2"></i> {{ __('deliveries.peps-violation') }}
                </h5>
            </div>
            <div class="modal-body text-center py-4">
                <i class="fal fa-ban fa-4x text-danger mb-3 d-block"></i>
                <h5 class="fw-bold text-danger mb-3">{{ __('deliveries.do-not-take') }}</h5>
                <p class="mb-2" id="pepsViolationMsg"></p>
                <div class="alert alert-warning py-2 small mt-3 mb-0">
                    <i class="fal fa-info-circle me-1"></i>
                    {{ __('deliveries.put-back-find') }}
                </div>
            </div>
            <div class="modal-footer justify-content-center">
                <button type="button" class="btn btn-danger btn-lg fw-bold" data-bs-dismiss="modal">
                    <i class="fal fa-arrow-left me-2"></i> {{ __('deliveries.go-back-find') }}
                </button>
            </div>
        </div>
    </div>
</div>

@else
{{-- ═══════════════════════════════════════════════════
     VISTA NORMAL — Draft / Confirmed / Dispatched / Delivered
════════════════════════════════════════════════════════ --}}
<div class="row g-3">
    <div class="col-xl-8">
        {{-- Header info --}}
        <div class="panel mb-3">
            <div class="panel-container show">
                <div class="panel-content">
                    <div class="row g-3">
                        <div class="col-md-3">
                            <div class="text-xs text-muted fw-bold">{{ __('deliveries.sales-order') }}</div>
                            <div class="fw-bold text-primary">{{ $delivery->so_number }}</div>
                        </div>
                        <div class="col-md-3">
                            <div class="text-xs text-muted fw-bold">{{ __('deliveries.customer') }}</div>
                            <div class="fw-bold">{{ $delivery->customer_name }}</div>
                            @if($delivery->customer_rfc)
                            <div class="small text-muted">{{ $delivery->customer_rfc }}</div>
                            @endif
                        </div>
                        <div class="col-md-3">
                            <div class="text-xs text-muted fw-bold">{{ __('deliveries.warehouse') }}</div>
                            <div>{{ $delivery->warehouse?->code }} — {{ $delivery->warehouse?->name }}</div>
                        </div>
                        <div class="col-md-3">
                            <div class="text-xs text-muted fw-bold">{{ __('deliveries.created') }}</div>
                            <div class="small">{{ $delivery->created_at->format('d/m/Y H:i') }}</div>
                            <div class="small text-muted">{{ $delivery->createdBy?->name }}</div>
                        </div>
                    </div>
                    @if($delivery->carrier || $delivery->driver_name)
                    <hr class="my-2">
                    <div class="row g-3">
                        <div class="col-md-4">
                            <div class="text-xs text-muted fw-bold">{{ __('deliveries.carrier') }}</div>
                            <div>{{ $delivery->carrier ?? '--' }}</div>
                        </div>
                        <div class="col-md-4">
                            <div class="text-xs text-muted fw-bold">{{ __('deliveries.driver') }}</div>
                            <div>{{ $delivery->driver_name ?? '--' }}</div>
                        </div>
                        <div class="col-md-4">
                            <div class="text-xs text-muted fw-bold">{{ __('deliveries.plates') }}</div>
                            <div class="fw-bold">{{ $delivery->vehicle_plates ?? '--' }}</div>
                        </div>
                    </div>
                    @endif
                    @if($delivery->signed_by)
                    <hr class="my-2">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <div class="text-xs text-muted fw-bold">{{ __('deliveries.signed-by-pod') }}</div>
                            <div class="fw-bold text-success">
                                <i class="fal fa-check-circle me-1"></i>{{ $delivery->signed_by }}
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="text-xs text-muted fw-bold">{{ __('deliveries.delivered-at') }}</div>
                            <div>{{ $delivery->delivered_at?->format('d/m/Y H:i') }}</div>
                        </div>
                    </div>
                    @endif
                </div>
            </div>
        </div>

        {{-- Items --}}
        <div class="panel mb-3">
            <div class="panel-hdr">
                <h2><i class="fal fa-boxes me-2"></i> {{ __('deliveries.items') }}</h2>
                <div class="panel-toolbar">
                    <span class="badge bg-secondary">{{ $delivery->items->count() }} {{ __('deliveries.items-suffix') }}</span>
                </div>
            </div>
            <div class="panel-container show">
                <div class="panel-content p-0">
                    <table class="table table-sm table-bordered mb-0">
                        <thead>
                            <tr>
                                <th>{{ __('deliveries.product') }}</th>
                                <th>SKU</th>
                                <th class="text-center">{{ __('deliveries.type') }}</th>
                                <th>{{ __('deliveries.lot') }}</th>
                                <th>{{ __('deliveries.bin') }}</th>
                                <th class="text-end">{{ __('deliveries.qty') }}</th>
                                <th class="text-end">{{ __('deliveries.unit-price') }}</th>
                                <th class="text-end">{{ __('deliveries.amount') }}</th>
                                <th class="text-center">{{ __('deliveries.status') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($delivery->items as $item)
                            <tr>
                                <td><div class="fw-bold small">{{ $item->product_name }}</div></td>
                                <td class="small"><code>{{ $item->sku ?? '--' }}</code></td>
                                <td class="text-center"><span class="badge bg-info">{{ $item->material_type ?? '--' }}</span></td>
                                <td>
                                    @if($item->lot_number)
                                    <code class="small text-primary">{{ $item->lot_number }}</code>
                                    @else
                                    <span class="text-danger small">{{ __('deliveries.no-stock') }}</span>
                                    @endif
                                </td>
                                <td>
                                    @if($item->bin_id)
                                    <code class="small">{{ $item->bin_id }}</code>
                                    <div class="text-muted" style="font-size:10px;">{{ $item->bin_code }}</div>
                                    @else
                                    <span class="text-muted small">--</span>
                                    @endif
                                </td>
                                <td class="text-end fw-bold">{{ number_format($item->quantity_ordered, 2) }}</td>
                                <td class="text-end">${{ number_format($item->unit_price, 2) }}</td>
                                <td class="text-end fw-bold">${{ number_format($item->amount, 2) }}</td>
                                <td class="text-center">
                                    <span class="badge bg-{{ $item->status_color }}">{{ ucfirst($item->status) }}</span>
                                </td>
                            </tr>
                            @empty
                            <tr><td colspan="9" class="text-center text-muted py-3">{{ __('deliveries.no-items') }}</td></tr>
                            @endforelse
                        </tbody>
                        <tfoot>
                            <tr class="table-light">
                                <td colspan="7" class="text-end fw-bold">{{ __('deliveries.subtotal') }}</td>
                                <td class="text-end fw-bold">${{ number_format($delivery->subtotal, 2) }}</td>
                                <td></td>
                            </tr>
                            <tr class="table-light">
                                <td colspan="7" class="text-end fw-bold">{{ __('deliveries.iva-16') }}</td>
                                <td class="text-end fw-bold">${{ number_format($delivery->tax, 2) }}</td>
                                <td></td>
                            </tr>
                            <tr class="table-light">
                                <td colspan="7" class="text-end fw-bold text-primary">{{ __('deliveries.total-colon') }}</td>
                                <td class="text-end fw-bold text-primary">${{ number_format($delivery->total, 2) }}</td>
                                <td></td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <div class="col-xl-4">
        {{-- Document Flow --}}
        <div class="panel mb-3">
            <div class="panel-hdr">
                <h2><i class="fal fa-stream me-2"></i> {{ __('deliveries.document-flow') }}</h2>
            </div>
            <div class="panel-container show">
                <div class="panel-content">
                    @forelse($delivery->statusLogs as $log)
                    <div class="d-flex gap-3 mb-3">
                        <span class="badge bg-{{ \App\Modules\Deliveries\Models\Delivery::STATUS_COLORS[$log->status_to] ?? 'secondary' }}"
                              style="min-width:80px;text-align:center;">
                            {{ \App\Modules\Deliveries\Models\Delivery::STATUS_LABELS[$log->status_to] ?? ucfirst($log->status_to) }}
                        </span>
                        <div>
                            <div class="small">{{ $log->notes }}</div>
                            <div class="text-muted" style="font-size:10px;">
                                {{ $log->created_at->format('d/m/Y H:i') }}
                                @if($log->createdBy) — {{ $log->createdBy->name }} @endif
                            </div>
                        </div>
                    </div>
                    @empty
                    <div class="text-muted small">{{ __('deliveries.no-log-entries') }}</div>
                    @endforelse
                </div>
            </div>
        </div>

        @if($delivery->notes)
        <div class="panel mb-3">
            <div class="panel-hdr"><h2><i class="fal fa-sticky-note me-2"></i> {{ __('deliveries.notes') }}</h2></div>
            <div class="panel-container show">
                <div class="panel-content"><p class="small mb-0">{{ $delivery->notes }}</p></div>
            </div>
        </div>
        @endif
    </div>
</div>
@endif

{{-- Modal: Dispatch --}}
@if($delivery->status === 'picking' && $delivery->picking_confirmed)
<div class="modal fade" id="dispatchModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header bg-primary text-white">
                <h5 class="modal-title"><i class="fal fa-truck me-2"></i> {{ __('deliveries.dispatch-delivery') }}</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
            </div>
            <form action="{{ route('deliveries.dispatch', $delivery) }}" method="POST">
                @csrf
                <div class="modal-body">
                    <div class="alert alert-success py-2 small mb-3">
                        <i class="fal fa-check-circle me-1"></i>
                        {{ __('deliveries.peps-confirmed-issue', ['lot' => $delivery->picking_lot_scanned]) }}
                    </div>
                    <div class="row g-3">
                        <div class="col-12">
                            <label class="form-label fw-bold small">{{ __('deliveries.carrier') }} <span class="text-danger">*</span></label>
                            <input type="text" name="carrier" class="form-control" required
                                   value="{{ $delivery->carrier }}" placeholder="{{ __('deliveries.ph-transport-company-short') }}">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-bold small">{{ __('deliveries.driver-name') }}</label>
                            <input type="text" name="driver_name" class="form-control"
                                   value="{{ $delivery->driver_name }}" placeholder="{{ __('deliveries.ph-driver-name') }}">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-bold small">{{ __('deliveries.vehicle-plates') }}</label>
                            <input type="text" name="vehicle_plates" class="form-control text-uppercase"
                                   value="{{ $delivery->vehicle_plates }}" placeholder="ABC-123-D">
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ __('deliveries.cancel') }}</button>
                    <button type="submit" class="btn btn-primary fw-bold">
                        <i class="fal fa-truck me-1"></i> {{ __('deliveries.dispatch-issue-goods') }}
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
@endif

{{-- Modal: POD --}}
@if($delivery->status === 'dispatched')
<div class="modal fade" id="deliverModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header bg-success text-white">
                <h5 class="modal-title"><i class="fal fa-check-circle me-2"></i> {{ __('deliveries.confirm-delivery-pod') }}</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
            </div>
            <form action="{{ route('deliveries.deliver', $delivery) }}" method="POST">
                @csrf
                <div class="modal-body">
                    <div class="row g-3">
                        <div class="col-12">
                            <label class="form-label fw-bold small">{{ __('deliveries.signed-by') }} <span class="text-danger">*</span></label>
                            <input type="text" name="signed_by" class="form-control" required
                                   placeholder="{{ __('deliveries.ph-signed-by') }}">
                        </div>
                        <div class="col-12">
                            <label class="form-label fw-bold small">{{ __('deliveries.signature-reference') }}</label>
                            <input type="text" name="signature_reference" class="form-control"
                                   placeholder="\\NAS\firmas\DEL-2026-0001.jpg">
                        </div>
                        <div class="col-12">
                            <label class="form-label fw-bold small">{{ __('deliveries.notes') }}</label>
                            <textarea name="notes" class="form-control" rows="2"></textarea>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ __('deliveries.cancel') }}</button>
                    <button type="submit" class="btn btn-success fw-bold">
                        <i class="fal fa-check-circle me-1"></i> {{ __('deliveries.confirm-delivered') }}
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
@endif

{{-- Modal: Cancel --}}
@if(in_array($delivery->status, ['draft','confirmed']))
<div class="modal fade" id="cancelModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header bg-danger text-white">
                <h5 class="modal-title"><i class="fal fa-times me-2"></i> {{ __('deliveries.cancel-delivery') }}</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
            </div>
            <form action="{{ route('deliveries.cancel', $delivery) }}" method="POST">
                @csrf
                <div class="modal-body">
                    <div class="mb-3">
                        <label class="form-label fw-bold small">{{ __('deliveries.reason') }} <span class="text-danger">*</span></label>
                        <textarea name="reason" class="form-control" rows="3" required
                                  placeholder="{{ __('deliveries.ph-cancel-reason') }}"></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ __('deliveries.back') }}</button>
                    <button type="submit" class="btn btn-danger fw-bold">{{ __('deliveries.cancel-delivery') }}</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endif

@endsection