@extends('layouts.app')
@section('title', 'Bills of Entry')
@section('breadcrumb')
    <li class="breadcrumb-item active">Bills of Entry</li>
@endsection
@section('content')
<div class="d-flex align-items-center justify-content-between mb-4">
    <div><h4 class="fw-bold mb-1" style="font-size:1.3rem;">Bills of Entry</h4><p class="text-muted mb-0" style="font-size:0.85rem;">Customs declarations for import clearance</p></div>
    <a href="{{ route('import.bills-of-entry.create') }}" class="btn btn-primary" style="border-radius:8px;"><i class="bi bi-plus-lg me-1"></i>New Bill of Entry</a>
</div>
<div class="card border-0 shadow-sm mb-4" style="border-radius:12px;">
    <div class="card-body p-3">
        <form method="GET" class="row g-3 align-items-end">
            <div class="col-lg-2 col-md-4"><label class="form-label fw-medium" style="font-size:0.8rem;">Assessment Status</label><select name="assessment_status" class="form-select form-select-sm" style="border-radius:8px;"><option value="">All</option><option value="pending">Pending</option><option value="assessed">Assessed</option><option value="reassessed">Re-assessed</option></select></div>
            <div class="col-lg-2 col-md-4"><label class="form-label fw-medium" style="font-size:0.8rem;">BOE Type</label><select name="boe_type" class="form-select form-select-sm" style="border-radius:8px;"><option value="">All Types</option><option value="home_consumption">Home Consumption</option><option value="warehousing">Warehousing</option><option value="ex_bond">Ex-Bond</option></select></div>
            <div class="col-lg-2 col-md-4"><label class="form-label fw-medium" style="font-size:0.8rem;">Customs Port</label><select name="port" class="form-select form-select-sm" style="border-radius:8px;"><option value="">All Ports</option><option>JNPT</option><option>Mumbai</option><option>Chennai</option><option>Kolkata</option></select></div>
            <div class="col-lg-2 col-md-4"><label class="form-label fw-medium" style="font-size:0.8rem;">Date From</label><input type="date" name="date_from" class="form-control form-control-sm" value="{{ request('date_from') }}" style="border-radius:8px;"></div>
            <div class="col-lg-2 col-md-4"><label class="form-label fw-medium" style="font-size:0.8rem;">Date To</label><input type="date" name="date_to" class="form-control form-control-sm" value="{{ request('date_to') }}" style="border-radius:8px;"></div>
            <div class="col-lg-2 col-md-4 d-flex gap-2"><button type="submit" class="btn btn-primary btn-sm flex-grow-1" style="border-radius:8px;"><i class="bi bi-funnel me-1"></i>Filter</button><a href="{{ route('import.bills-of-entry.index') }}" class="btn btn-outline-secondary btn-sm" style="border-radius:8px;"><i class="bi bi-arrow-counterclockwise"></i></a></div>
        </form>
    </div>
</div>
<x-data-table id="boeTable" :exportable="true">
    <thead><tr class="bg-light"><th>BOE No.</th><th>BOE Type</th><th>Import Order</th><th>Supplier</th><th>CIF Value</th><th>Duty Amount</th><th>Assessment Status</th><th>Clearance Status</th><th class="text-end">Actions</th></tr></thead>
    <tbody>
        @foreach($billsOfEntry ?? [] as $boe)
            <tr>
                <td><a href="{{ route('import.bills-of-entry.show', $boe) }}" class="text-primary fw-medium text-decoration-none">{{ $boe->boe_number }}</a></td>
                <td>{{ $boe->boe_type }}</td>
                <td>{{ $boe->order->order_number ?? '-' }}</td>
                <td>{{ $boe->supplier->name ?? '-' }}</td>
                <td class="fw-medium">₹{{ number_format($boe->cif_value ?? 0) }}</td>
                <td class="fw-medium">₹{{ number_format($boe->duty_amount ?? 0) }}</td>
                <td><x-status-badge :status="$boe->assessment_status" /></td>
                <td><x-status-badge :status="$boe->status" /></td>
                <td class="text-end"><div class="btn-group btn-group-sm"><a href="{{ route('import.bills-of-entry.show', $boe) }}" class="btn btn-outline-primary"><i class="bi bi-eye"></i></a><a href="{{ route('import.bills-of-entry.edit', $boe) }}" class="btn btn-outline-secondary"><i class="bi bi-pencil"></i></a></div></td>
            </tr>
        @empty
            <tr><td colspan="9" class="text-center py-5"><div class="text-muted"><i class="bi bi-inbox" style="font-size:2rem;"></i><p class="mt-2 mb-0">No bills of entry found</p></div></td></tr>
        @endforeach
    </tbody>
</x-data-table>
@endsection