@extends('layouts.app')

@section('title', 'Packing List #'.optional($packingList)->pl_number)

@section('breadcrumbs')
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ route('export.dashboard') }}">Export</a></li>
        <li class="breadcrumb-item"><a href="{{ route('export.packing-lists.index') }}">Packing Lists</a></li>
        <li class="breadcrumb-item active">{{ $packingList->pl_number }}</li>
    </ol>
</nav>
@endsection

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <div><h1 class="h3 mb-1 text-dark fw-semibold">{{ $packingList->pl_number }}</h1><p class="text-muted mb-0">Packing List</p></div>
    <div class="d-flex gap-2">
        <a href="{{ route('export.packing-lists.print', $packingList) }}" class="btn btn-outline-secondary" target="_blank"><i class="bi bi-printer me-1"></i> Print</a>
    </div>
</div>

<div class="card border-0 shadow-sm mb-4">
    <div class="card-body">
        <div class="row mb-4">
            <div class="col-6"><h6 class="text-muted">Shipper</h6><div class="fw-medium">{{ $packingList->order->customer->name ?? 'N/A' }}</div></div>
            <div class="col-6 text-end"><h6 class="text-muted">PL #</h6><div class="fw-medium">{{ $packingList->pl_number }}</div><div class="text-muted small">Date: {{ $packingList->date?->format('d M Y') ?? 'N/A' }}</div></div>
        </div>

        <div class="table-responsive">
            <table class="table table-bordered">
                <thead class="bg-light"><tr><th class="text-muted small">#</th><th class="text-muted small">Product</th><th class="text-muted small">Description</th><th class="text-muted small text-end">Qty</th><th class="text-muted small text-end">Packages</th><th class="text-muted small text-end">Gross Wt (MT)</th><th class="text-muted small text-end">Net Wt (MT)</th><th class="text-muted small text-end">Volume (CBM)</th></tr></thead>
                <tbody>
                    @forelse($packingList->items as $i => $item)
                    <tr><td>{{ $i + 1 }}</td><td class="fw-medium">{{ $item->product->name ?? 'N/A' }}</td><td>{{ $item->description }}</td><td class="text-end">{{ number_format($item->quantity, 2) }}</td><td class="text-end">{{ $item->no_packages ?? 0 }}</td><td class="text-end">{{ number_format($item->gross_weight, 3) }}</td><td class="text-end">{{ number_format($item->net_weight, 3) }}</td><td class="text-end">{{ number_format($item->volume, 3) }}</td></tr>
                    @empty<tr><td colspan="8" class="text-center py-3 text-muted">No items</td></tr>@endforelse
                </tbody>
                <tfoot class="bg-light">
                    <tr><td colspan="3" class="text-end fw-bold">Total</td><td class="text-end fw-bold">{{ number_format($packingList->items->sum('quantity'), 2) }}</td><td class="text-end fw-bold">{{ $packingList->items->sum('no_packages') }}</td><td class="text-end fw-bold">{{ number_format($packingList->items->sum('gross_weight'), 3) }}</td><td class="text-end fw-bold">{{ number_format($packingList->items->sum('net_weight'), 3) }}</td><td class="text-end fw-bold">{{ number_format($packingList->items->sum('volume'), 3) }}</td></tr>
                </tfoot>
            </table>
        </div>
    </div>
</div>
@endsection