@extends('layouts.app')

@section('title', 'Shipping Bill #'.optional($shippingBill)->sb_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.shipping-bills.index') }}">Shipping Bills</a></li>
        <li class="breadcrumb-item active">{{ $shippingBill->sb_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">{{ $shippingBill->sb_number }}</h1><p class="text-muted mb-0">Shipping Bill</p></div>
    <div class="d-flex gap-2">
        <a href="{{ route('export.shipping-bills.edit', $shippingBill) }}" class="btn btn-outline-primary"><i class="bi bi-pencil me-1"></i> Edit</a>
        <button class="btn btn-outline-secondary" onclick="window.print()"><i class="bi bi-printer me-1"></i> Print</button>
    </div>
</div>

<div class="row g-4">
    <div class="col-lg-8">
        <div class="card border-0 shadow-sm mb-4">
            <div class="card-body">
                <div class="row g-4">
                    <div class="col-md-6">
                        <h6 class="fw-semibold text-muted mb-2">Shipping Details</h6>
                        <table class="table table-sm table-borderless">
                            <tr><td class="text-muted" style="width:45%">SB Number</td><td class="fw-medium">{{ $shippingBill->shipping_bill_number ?? 'N/A' }}</td></tr>
                            <tr><td class="text-muted">Date</td><td>{{ $shippingBill->date?->format('d M Y') ?? 'N/A' }}</td></tr>
                            <tr><td class="text-muted">Type</td><td>{{ ucfirst(str_replace('_', ' ', $shippingBill->sb_type ?? '')) }}</td></tr>
                            <tr><td class="text-muted">Port</td><td>{{ $shippingBill->portOfLoading->name ?? 'N/A' }}</td></tr>
                            <tr><td class="text-muted">Custom House</td><td>{{ $shippingBill->custom_house ?? 'N/A' }}</td></tr>
                        </table>
                    </div>
                    <div class="col-md-6">
                        <h6 class="fw-semibold text-muted mb-2">Financial Details</h6>
                        <table class="table table-sm table-borderless">
                            <tr><td class="text-muted" style="width:45%">FOB Value</td><td class="fw-medium">{{ number_format($shippingBill->fob_value ?? 0, 2) }}</td></tr>
                            <tr><td class="text-muted">Bank</td><td>{{ $shippingBill->bank->name ?? 'N/A' }}</td></tr>
                            <tr><td class="text-muted">AD Code</td><td>{{ $shippingBill->ad_code ?? 'N/A' }}</td></tr>
                            <tr><td class="text-muted">IEC</td><td>{{ $shippingBill->iec_number ?? 'N/A' }}</td></tr>
                            <tr><td class="text-muted">Status</td><td><span class="badge bg-{{ $shippingBill->status === 'filed' ? 'success' : 'secondary' }}">{{ ucfirst($shippingBill->status) }}</span></td></tr>
                        </table>
                    </div>
                    <div class="col-12">
                        <h6 class="fw-semibold text-muted mb-2">Cargo</h6>
                        <table class="table table-sm table-borderless">
                            <tr><td class="text-muted" style="width:15%">Commodity</td><td>{{ $shippingBill->commodity ?? 'N/A' }}</td></tr>
                            <tr><td class="text-muted">H.S. Code</td><td>{{ $shippingBill->hs_code ?? 'N/A' }}</td></tr>
                            <tr><td class="text-muted">Containers</td><td>{{ $shippingBill->container_numbers ?? 'N/A' }}</td></tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-4">
        <div class="card border-0 shadow-sm"><div class="card-body">
            <h6 class="fw-semibold text-muted mb-3">Details</h6>
            <table class="table table-sm table-borderless mb-0">
                <tr><td class="text-muted">SB #</td><td class="text-end fw-medium">{{ $shippingBill->sb_number }}</td></tr>
                <tr><td class="text-muted">Order</td><td class="text-end"><a href="{{ route('export.orders.show', $shippingBill->order) }}">{{ $shippingBill->order->order_number ?? 'N/A' }}</a></td></tr>
                <tr><td class="text-muted">Created</td><td class="text-end">{{ $shippingBill->created_at->format('d M Y') }}</td></tr>
            </table>
        </div></div>
    </div>
</div>
@endsection