@extends('layouts.app')

@section('title', 'Container Plan #'.optional($plan)->plan_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.container-planning.index') }}">Container Planning</a></li>
        <li class="breadcrumb-item active">{{ $plan->plan_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">{{ $plan->plan_number }}</h1><p class="text-muted mb-0">Container: {{ $plan->container_number ?? 'N/A' }} | {{ strtoupper($plan->container_size ?? '') }}</p></div>
    <a href="{{ route('export.container-planning.index') }}" class="btn btn-outline-secondary"><i class="bi bi-arrow-left me-1"></i> Back</a>
</div>

<div class="row g-4">
    <div class="col-lg-8">
        <div class="card border-0 shadow-sm mb-4">
            <div class="card-body">
                <h6 class="fw-semibold text-muted mb-3">Loaded Items</h6>
                <div class="table-responsive">
                    <table class="table table-bordered">
                        <thead class="bg-light"><tr><th>#</th><th>Product</th><th>Description</th><th class="text-end">Qty</th><th class="text-end">Weight (MT)</th><th class="text-end">Volume (CBM)</th><th class="text-end">Packages</th></tr></thead>
                        <tbody>
                            @forelse($plan->items as $index => $item)
                            <tr><td>{{ $index + 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">{{ number_format($item->weight, 3) }}</td><td class="text-end">{{ number_format($item->volume, 3) }}</td><td class="text-end">{{ $item->packages ?? 0 }}</td></tr>
                            @empty
                            <tr><td colspan="7" class="text-center py-3 text-muted">No items loaded</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">{{ $plan->items->sum('quantity') }}</td><td class="text-end fw-bold">{{ number_format($plan->items->sum('weight'), 3) }}</td><td class="text-end fw-bold">{{ number_format($plan->items->sum('volume'), 3) }}</td><td class="text-end fw-bold">{{ $plan->items->sum('packages') }}</td></tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-4">
        <div class="card border-0 shadow-sm mb-4">
            <div class="card-body">
                <h6 class="fw-semibold text-muted mb-3">Container Utilization</h6>
                @php $wp = $plan->max_payload > 0 ? round($plan->items->sum('weight') / $plan->max_payload * 100, 1) : 0; @endphp
                @php $vp = $plan->max_volume > 0 ? round($plan->items->sum('volume') / $plan->max_volume * 100, 1) : 0; @endphp
                <div class="mb-3">
                    <div class="d-flex justify-content-between small"><span>Weight</span><span>{{ $wp }}%</span></div>
                    <div class="progress mt-1" style="height:10px"><div class="progress-bar bg-{{ $wp >= 90 ? 'danger' : ($wp >= 70 ? 'warning' : 'success') }}" style="width:{{ $wp }}%"></div></div>
                    <small class="text-muted">{{ number_format($plan->items->sum('weight'), 3) }} / {{ $plan->max_payload }} MT</small>
                </div>
                <div class="mb-3">
                    <div class="d-flex justify-content-between small"><span>Volume</span><span>{{ $vp }}%</span></div>
                    <div class="progress mt-1" style="height:10px"><div class="progress-bar bg-{{ $vp >= 90 ? 'danger' : ($vp >= 70 ? 'warning' : 'info') }}" style="width:{{ $vp }}%"></div></div>
                    <small class="text-muted">{{ number_format($plan->items->sum('volume'), 3) }} / {{ $plan->max_volume }} CBM</small>
                </div>
                <table class="table table-sm table-borderless mt-3 mb-0">
                    <tr><td class="text-muted">Order</td><td class="text-end"><a href="{{ route('export.orders.show', $plan->order) }}">{{ $plan->order->order_number ?? 'N/A' }}</a></td></tr>
                    <tr><td class="text-muted">Status</td><td class="text-end"><span class="badge bg-{{ $plan->status === 'completed' ? 'success' : 'secondary' }}">{{ ucfirst($plan->status) }}</span></td></tr>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection