@extends('layouts.finance')

@section('title', 'Invoice Detail')
@section('subtitle', $invoice->invoice_number)

@section('content')
@php
    $statusLabel = match($invoice->status) {
        'paid' => 'Paid',
        'transit' => 'Transit',
        'partial_paid' => 'Partial Paid',
        'release_on_credit' => 'On Credit',
        'debt' => 'Debt',
        'overdue' => 'Overdue',
        'cancelled' => 'Cancelled',
        default => 'Unpaid',
    };
    $statusClass = match($invoice->status) {
        'paid' => 'pill-green',
        'transit' => 'pill-cyan',
        'partial_paid' => 'pill-amber',
        'release_on_credit' => 'pill-purple',
        'debt' => 'pill-blue',
        'overdue' => 'pill-red',
        'cancelled' => 'pill-rose',
        default => 'pill-amber',
    };
    $totalAmount = (float) $invoice->amount + (float) ($invoice->fee_amount ?? 0);
    $appliedRate = $invoice->currency === 'PKR' ? 1.0 : ((float) ($invoice->conversion_rate ?? 0) > 0 ? (float) $invoice->conversion_rate : null);
    $pkrEquivalent = $appliedRate ? $totalAmount * $appliedRate : $metrics->convert($totalAmount, $invoice->currency, 'PKR');
    $paymentSource = match($invoice->payment_source) {
        'credit_card' => $invoice->creditCard
            ? trim($invoice->creditCard->issuer.' - '.$invoice->creditCard->card_name.' ('.$invoice->creditCard->currency.')')
            : null,
        'bank_account' => $invoice->bankAccount
            ? trim($invoice->bankAccount->name.' - '.$invoice->bankAccount->bank_name.' ('.$invoice->bankAccount->currency.')')
            : null,
        default => $invoice->bankAccount
            ? trim($invoice->bankAccount->name.' - '.$invoice->bankAccount->bank_name.' ('.$invoice->bankAccount->currency.')')
            : null,
    };
    $rows = [
        ['Invoice Number', $invoice->invoice_number],
        ['Company / Supplier', $invoice->supplier_name ?? $invoice->client_name],
        ['Products', $invoice->productSummary()],
        ['Country', $invoice->country ?? 'Pakistan'],
        ['Vouchers', number_format((int) $invoice->voucher_count)],
        ['Amount', $metrics->money($invoice->amount, $invoice->currency)],
        ['Fee', $metrics->money($invoice->fee_amount ?? 0, $invoice->currency)],
        ['Total', $metrics->money($totalAmount, $invoice->currency)],
        ['Payment Source', $paymentSource],
        ['Applied Conversion Rate', $appliedRate ? number_format($appliedRate, 8) : null],
        ['PKR Equivalent', $metrics->money($pkrEquivalent, 'PKR')],
        ['Issue Date', $invoice->issue_date?->format('d M Y')],
        ['Due Date', $invoice->due_date?->format('d M Y')],
        ['Created On', $invoice->created_at?->format('d M Y h:i A')],
        ['Paid On', $invoice->paid_at?->format('d M Y h:i A')],
        ['Notes', $invoice->notes],
    ];
@endphp

<div class="flex items-center gap-3 mb-5">
    <a href="{{ route('finance.invoices') }}" class="btn">Back</a>
    <a href="{{ route('finance.invoices.edit', $invoice) }}" class="btn btn-primary">Edit Invoice</a>
</div>

<div style="max-width:760px">
    <div class="card p-5 mb-5" style="background:linear-gradient(135deg,#eef2ff,#ffffff);border-color:#c7d2fe">
        <div class="flex items-start justify-between gap-3">
            <div>
                <div class="section-title">Supplier Invoice</div>
                <div style="font-size:28px;font-weight:800;margin-top:4px">{{ $invoice->invoice_number }}</div>
                <div class="text-sm" style="color:var(--muted);margin-top:4px">{{ $invoice->supplier_name ?? $invoice->client_name }}</div>
            </div>
            <span class="pill {{ $statusClass }}">{{ $statusLabel }}</span>
        </div>
    </div>

    <div class="card" style="overflow:hidden">
        @foreach($rows as [$label, $value])
            @if($value !== null && $value !== '')
                <div style="display:grid;grid-template-columns:170px 1fr;gap:12px;padding:13px 18px;border-bottom:1px solid var(--border-2)">
                    <div class="section-title">{{ $label }}</div>
                    <div style="font-weight:600">{{ $value }}</div>
                </div>
            @endif
        @endforeach
        <div style="display:grid;grid-template-columns:170px 1fr;gap:12px;padding:13px 18px">
            <div class="section-title">Status</div>
            <div><span class="pill {{ $statusClass }}">{{ $statusLabel }}</span></div>
        </div>
    </div>

    <div class="card mt-5" style="overflow:hidden">
        <div class="section-head">
            <h2>Invoice Products</h2>
        </div>
        <div class="scrollbar" style="overflow:auto">
            <table>
                <thead>
                    <tr>
                        <th>Product</th>
                        <th class="right">Vouchers</th>
                        <th class="right">Amount</th>
                        <th class="right">Fee</th>
                        <th class="right">Total</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($invoice->items as $item)
                        @php $lineTotal = (float) $item->amount + (float) ($item->fee_amount ?? 0); @endphp
                        <tr>
                            <td>{{ $item->product_name }}</td>
                            <td class="right">{{ number_format((int) $item->voucher_count) }}</td>
                            <td class="right">{{ $metrics->money($item->amount, $invoice->currency) }}</td>
                            <td class="right">{{ $metrics->money($item->fee_amount ?? 0, $invoice->currency) }}</td>
                            <td class="right">{{ $metrics->money($lineTotal, $invoice->currency) }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

    <form method="POST" action="{{ route('finance.invoices.destroy', $invoice) }}" style="margin-top:18px" onsubmit="return confirm('Delete invoice {{ $invoice->invoice_number }}?')">
        @csrf
        @method('DELETE')
        <button class="btn btn-danger">Delete Invoice</button>
    </form>
</div>
@endsection