@extends('layouts.app')
@section('title', 'Bill of Entry ' . ($boe->boe_number ?? ''))
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('import.bills-of-entry.index') }}">Bills of Entry</a></li>
    <li class="breadcrumb-item active">{{ $boe->boe_number ?? 'Details' }}</li>
@endsection
@section('content')
<div class="d-flex align-items-center justify-content-between mb-4 flex-wrap gap-2">
    <div>
        <div class="d-flex align-items-center gap-2 mb-1">
            <h4 class="fw-bold mb-0" style="font-size:1.3rem;">{{ $boe->boe_number ?? 'BOE-2026-0891' }}</h4>
            <x-status-badge :status="$boe->status ?? 'cleared'" />
            <x-status-badge :status="$boe->assessment_status ?? 'assessed'" type="info" />
        </div>
        <p class="text-muted mb-0" style="font-size:0.85rem;">{{ $boe->boe_type ?? 'Home Consumption' }} | {{ $boe->customs_port ?? 'JNPT' }} | Filed: {{ ($boe->created_at ?? now())->format('d M Y') }}</p>
    </div>
    <div class="d-flex gap-2">
        <a href="{{ route('import.bills-of-entry.edit', $boe ?? 1) }}" class="btn btn-outline-primary btn-sm" style="border-radius:8px;"><i class="bi bi-pencil me-1"></i>Edit</a>
        <button class="btn btn-outline-secondary btn-sm" style="border-radius:8px;"><i class="bi bi-printer me-1"></i>Print</button>
    </div>
</div>

<ul class="nav nav-pills mb-4 p-1 bg-light rounded-3 d-inline-flex" role="tablist">
    @foreach(['details' => 'Details', 'items' => 'Items', 'duty_breakdown' => 'Duty Breakdown', 'assessment' => 'Assessment', 'inspections' => 'Inspections', 'documents' => 'Documents'] as $k => $label)
        <li class="nav-item"><button class="nav-link {{ $loop->first ? 'active' : '' }} px-4 py-2" data-bs-toggle="pill" data-bs-target="#boe-tab-{{ $k }}" type="button" style="border-radius:8px;font-size:0.85rem;">{{ $label }}</button></li>
    @endforeach
</ul>

<div class="tab-content">
    <div class="tab-pane fade show active" id="boe-tab-details">
        <div class="row g-3">
            <div class="col-lg-6">
                <div class="card border-0 shadow-sm" style="border-radius:12px;">
                    <div class="card-header bg-transparent border-0 pt-4 px-4"><h6 class="fw-semibold mb-0">Importer Details</h6></div>
                    <div class="card-body px-4 pb-4">
                        @foreach(['IEC' => $boe->iec_number ?? '0123456789', 'Name' => $boe->importer_name ?? 'ABC Enterprises Pvt. Ltd.', 'GSTIN' => $boe->gstin ?? '27AABCA1234C1ZP', 'Address' => $boe->importer_address ?? 'Mumbai, Maharashtra', 'PAN' => $boe->pan_number ?? 'AABCA1234C'] as $k => $v)
                            <div class="d-flex justify-content-between py-2 border-bottom" style="border-color:#f0f0f0;font-size:0.85rem;"><span class="text-muted">{{ $k }}</span><span class="fw-medium">{{ $v }}</span></div>
                        @endforeach
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="card border-0 shadow-sm" style="border-radius:12px;">
                    <div class="card-header bg-transparent border-0 pt-4 px-4"><h6 class="fw-semibold mb-0">Shipment Details</h6></div>
                    <div class="card-body px-4 pb-4">
                        @foreach(['B/L No.' => $boe->bl_number ?? 'MSCU1234567', 'Container' => $boe->container_number ?? 'MSKU7234180', 'Vessel' => $boe->vessel_name ?? 'MSC Diana', 'Port of Loading' => $boe->port_of_loading ?? 'Shanghai', 'Date of Arrival' => ($boe->date_of_arrival ?? now()->subDays(3))->format('d M Y'), 'Customs Port' => $boe->customs_port ?? 'JNPT'] as $k => $v)
                            <div class="d-flex justify-content-between py-2 border-bottom" style="border-color:#f0f0f0;font-size:0.85rem;"><span class="text-muted">{{ $k }}</span><span class="fw-medium">{{ $v }}</span></div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="tab-pane fade" id="boe-tab-items">
        <div class="card border-0 shadow-sm" style="border-radius:12px;"><div class="card-body p-0"><div class="table-responsive">
            <table class="table table-hover mb-0"><thead class="bg-light"><tr><th>#</th><th>Description</th><th>HS Code</th><th>Qty</th><th>Unit</th><th>FOB</th><th>Freight</th><th>Insurance</th><th>CIF</th></tr></thead>
            <tbody>
                @foreach($boe->items ?? [] as $i => $item)
                    <tr><td>{{ $i+1 }}</td><td class="fw-medium">{{ $item['description'] }}</td><td><code>{{ $item['hs_code'] }}</code></td><td>{{ number_format($item['qty']) }}</td><td>{{ $item['unit'] }}</td><td>USD {{ number_format($item['fob'] ?? 0, 2) }}</td><td>USD {{ number_format($item['freight'] ?? 0, 2) }}</td><td>USD {{ number_format($item['insurance'] ?? 0, 2) }}</td><td class="fw-bold">USD {{ number_format($item['cif'] ?? 0, 2) }}</td></tr>
                @endforeach
            </tbody></table>
        </div></div></div>
    </div>

    <div class="tab-pane fade" id="boe-tab-duty_breakdown">
        <div class="row g-3">
            <div class="col-lg-8">
                <div class="card border-0 shadow-sm" style="border-radius:12px;">
                    <div class="card-header bg-transparent border-0 pt-4 px-4"><h6 class="fw-semibold mb-0">Duty Breakdown</h6></div>
                    <div class="card-body px-4 pb-4">
                        @php $duties = ['Basic Customs Duty (BCD)' => ['rate' => '10%', 'amount' => '₹11,30,625'], 'Social Welfare Surcharge' => ['rate' => '10% on BCD', 'amount' => '₹1,13,063'], 'IGST' => ['rate' => '18%', 'amount' => '₹2,42,288'], 'Compensation Cess' => ['rate' => '0%', 'amount' => '₹0'], 'Anti-dumping Duty' => ['rate' => 'NIL', 'amount' => '₹0'], 'Safeguard Duty' => ['rate' => 'NIL', 'amount' => '₹0']]; @endphp
                        @foreach($duties as $duty => $details)
                            <div class="d-flex justify-content-between align-items-center py-3 border-bottom" style="border-color:#f0f0f0;">
                                <div><p class="mb-0 fw-medium" style="font-size:0.9rem;">{{ $duty }}</p><small class="text-muted">Rate: {{ $details['rate'] }}</small></div>
                                <span class="fw-bold">{{ $details['amount'] }}</span>
                            </div>
                        @endforeach
                        <div class="d-flex justify-content-between align-items-center py-3 bg-primary-subtle px-3 rounded-2 mt-2">
                            <span class="fw-bold text-primary">Total Duty</span>
                            <span class="fw-bold text-primary" style="font-size:1.1rem;">₹14,85,976</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="card border-0 shadow-sm" style="border-radius:12px;">
                    <div class="card-header bg-transparent border-0 pt-4 px-4"><h6 class="fw-semibold mb-0">Landed Cost Summary</h6></div>
                    <div class="card-body px-4 pb-4">
                        @foreach(['CIF Value (₹)' => '₹94,75,000', 'Customs Duty' => '₹14,85,976', 'Customs Handling' => '₹25,000', 'Port Charges' => '₹18,500', 'CHA Fees' => '₹15,000', 'Total Landed Cost' => '₹1,12,19,476'] as $k => $v)
                            <div class="d-flex justify-content-between py-2 {{ $loop->last ? 'border-top fw-bold text-primary' : 'border-bottom' }}" style="border-color:#f0f0f0;font-size:0.85rem;"><span>{{ $k }}</span><span>{{ $v }}</span></div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="tab-pane fade" id="boe-tab-assessment">
        <div class="card border-0 shadow-sm" style="border-radius:12px;"><div class="card-body p-4">
            <x-status-timeline :steps="[
                ['status' => 'filed', 'label' => 'BOE Filed', 'date' => '15 Feb'],
                ['status' => 'scrutiny', 'label' => 'Document Scrutiny', 'date' => '16 Feb'],
                ['status' => 'assessment', 'label' => 'Assessment', 'date' => '17 Feb'],
                ['status' => 'duty_paid', 'label' => 'Duty Paid', 'date' => '17 Feb'],
                ['status' => 'out_of_charge', 'label' => 'Out of Charge', 'date' => '18 Feb'],
            ]" current="assessment" />
        </div></div>
    </div>

    <div class="tab-pane fade" id="boe-tab-inspections">
        <div class="card border-0 shadow-sm" style="border-radius:12px;">
            <div class="card-header bg-transparent border-0 pt-4 px-4 d-flex justify-content-between"><h6 class="fw-semibold mb-0">Inspections</h6><a href="#" class="btn btn-sm btn-primary" style="border-radius:8px;"><i class="bi bi-plus me-1"></i>Add Inspection</a></div>
            <div class="card-body p-0"><div class="table-responsive"><table class="table table-hover mb-0"><thead class="bg-light"><tr><th>Type</th><th>Date</th><th>Officer</th><th>Result</th><th>Remarks</th></tr></thead>
            <tbody>
                @foreach($boe->inspections ?? [['type' => 'Customs Examination', 'date' => '17 Feb 2026', 'officer' => 'Superintendent Rajesh Kumar', 'result' => 'cleared', 'remarks' => 'Goods found matching with declaration']] as $insp)
                    <tr><td>{{ $insp['type'] }}</td><td>{{ $insp['date'] }}</td><td>{{ $insp['officer'] }}</td><td><x-status-badge :status="$insp['result']" /></td><td>{{ $insp['remarks'] }}</td></tr>
                @endforeach
            </tbody></table></div></div>
        </div>
    </div>

    <div class="tab-pane fade" id="boe-tab-documents">
        <div class="card border-0 shadow-sm" style="border-radius:12px;">
            <div class="card-header bg-transparent border-0 pt-4 px-4"><h6 class="fw-semibold mb-0">Supporting Documents</h6></div>
            <div class="card-body p-0"><div class="list-group list-group-flush">
                @foreach(['Bill of Lading|PDF|245 KB','Commercial Invoice|PDF|128 KB','Packing List|PDF|98 KB','Certificate of Origin|PDF|85 KB','Insurance Certificate|PDF|156 KB','Customs Declaration|PDF|312 KB'] as $doc)
                    @php [$n,$t,$s] = explode('|',$doc); @endphp
                    <div class="list-group-item d-flex align-items-center justify-content-between px-4 py-3">
                        <div class="d-flex align-items-center"><div class="bg-primary-subtle text-primary rounded-2 d-flex align-items-center justify-content-center me-3" style="width:36px;height:36px;"><i class="bi bi-file-earmark-text"></i></div><div><p class="mb-0 fw-medium" style="font-size:0.85rem;">{{ $n }}</p><small class="text-muted">{{ $t }} | {{ $s }}</small></div></div>
                        <div class="d-flex gap-2"><a href="#" class="btn btn-sm btn-outline-primary"><i class="bi bi-eye"></i></a><a href="#" class="btn btn-sm btn-outline-secondary"><i class="bi bi-download"></i></a></div>
                    </div>
                @endforeach
            </div></div>
        </div>
    </div>
</div>
@endsection