@extends('layouts.app')

@section('title', 'Invoice #'.optional($invoice)->invoice_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.commercial-invoices.index') }}">Commercial Invoices</a></li>
        <li class="breadcrumb-item active">{{ $invoice->invoice_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">{{ $invoice->invoice_number }}</h1><p class="text-muted mb-0">Commercial Invoice</p></div>
    <div class="d-flex gap-2">
        <a href="{{ route('export.commercial-invoices.edit', $invoice) }}" class="btn btn-outline-primary"><i class="bi bi-pencil me-1"></i> Edit</a>
        <a href="{{ route('export.commercial-invoices.print', $invoice) }}" 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 p-4">
        <div class="d-flex justify-content-between mb-4 pb-3 border-bottom">
            <div><h4 class="text-primary fw-bold mb-0">COMMERCIAL INVOICE</h4><div class="fw-semibold">{{ $invoice->invoice_number }}</div></div>
            <div class="text-end">
                <div class="text-muted small">Date: {{ $invoice->date?->format('d M Y') ?? 'N/A' }}</div>
                <div class="text-muted small">Country of Origin: {{ $invoice->country_of_origin ?? 'N/A' }}</div>
            </div>
        </div>

        <div class="row mb-4">
            <div class="col-6"><h6 class="text-muted">Seller</h6><div class="fw-medium">{{ $company->name ?? config('app.name') }}</div><div class="text-muted small">{{ $company->address ?? '' }}</div></div>
            <div class="col-6 text-end"><h6 class="text-muted">Buyer</h6><div class="fw-medium">{{ $invoice->buyer->name ?? 'N/A' }}</div><div class="text-muted small">{{ $invoice->buyer->address ?? '' }}</div></div>
        </div>

        <div class="table-responsive mb-4">
            <table class="table table-bordered">
                <thead class="bg-light"><tr><th class="text-muted small">#</th><th class="text-muted small">Description</th><th class="text-muted small text-end">Qty</th><th class="text-muted small text-end">Unit Price</th><th class="text-muted small text-end">Amount</th></tr></thead>
                <tbody>
                    @forelse($invoice->items as $i => $item)
                    <tr><td>{{ $i + 1 }}</td><td class="fw-medium">{{ $item->product->name ?? $item->description }}</td><td class="text-end">{{ number_format($item->quantity, 2) }} {{ $item->unit }}</td><td class="text-end">{{ number_format($item->unit_price, 2) }}</td><td class="text-end fw-medium">{{ number_format($item->quantity * $item->unit_price, 2) }}</td></tr>
                    @empty<tr><td colspan="5" class="text-center py-3 text-muted">No items</td></tr>@endforelse
                </tbody>
                <tfoot class="bg-light">
                    <tr><td colspan="4" class="text-end fw-medium">Subtotal</td><td class="text-end">{{ number_format($invoice->subtotal, 2) }}</td></tr>
                    @if($invoice->discount_amount > 0)<tr><td colspan="4" class="text-end">Discount</td><td class="text-end text-danger">-{{ number_format($invoice->discount_amount, 2) }}</td></tr>@endif
                    @if($invoice->tax_amount > 0)<tr><td colspan="4" class="text-end">Tax ({{ $invoice->tax_rate }}%)</td><td class="text-end">{{ number_format($invoice->tax_amount, 2) }}</td></tr>@endif
                    <tr><td colspan="4" class="text-end fw-bold text-primary fs-5">Total</td><td class="text-end fw-bold text-primary fs-5">{{ number_format($invoice->total_amount, 2) }} {{ $invoice->currency }}</td></tr>
                </tfoot>
            </table>
        </div>

        @if($invoice->bank_details)
        <div class="mb-3"><h6 class="fw-semibold text-muted">Bank Details</h6><div class="bg-light rounded p-3 small">{{ $invoice->bank_details }}</div></div>
        @endif
        @if($invoice->declaration)
        <div><h6 class="fw-semibold text-muted">Declaration</h6><div class="bg-light rounded p-3 small">{{ $invoice->declaration }}</div></div>
        @endif
    </div>
</div>
@endsection