@extends('layouts.finance')

@section('title', $card->issuer . ' · ' . $card->card_name)
@section('subtitle', 'Invoices charged to this credit card')

@section('content')
@php
    $statusLabel = fn($status) => match($status) {
        'paid' => 'Paid',
        'transit' => 'Transit',
        'release_on_credit' => 'On Credit',
        'debt' => 'Debt',
        'overdue' => 'Overdue',
        'cancelled' => 'Cancelled',
        default => 'Unpaid',
    };
    $statusClass = fn($status) => match($status) {
        'paid' => 'pill-green',
        'transit' => 'pill-cyan',
        'release_on_credit' => 'pill-purple',
        'debt' => 'pill-blue',
        'overdue' => 'pill-red',
        'cancelled' => 'pill-rose',
        default => 'pill-amber',
    };

    // Sum of what each non-cancelled invoice contributed to the card (card currency).
    $chargedTotal = $invoices
        ->where('status', '!=', 'cancelled')
        ->sum(fn($i) => (float) $i->credit_card_charge_amount);

    $cardUtil = (float) $card->credit_limit > 0
        ? ((float) $card->payable_balance / (float) $card->credit_limit) * 100
        : 0;
@endphp

<div class="flex items-center justify-between mb-4">
    <a class="btn" href="{{ route('finance.liabilities') }}">← Back to Credit &amp; Debt</a>
</div>

<div class="grid grid-cols-2 md:grid-cols-4 gap-3 mb-5">
    <div class="card kpi-card">
        <div class="kpi-label">Payable Balance</div>
        <div class="kpi-value" style="color:#e11d48">{{ $metrics->money($card->payable_balance, $card->currency) }}</div>
    </div>
    <div class="card kpi-card">
        <div class="kpi-label">Charged by Invoices</div>
        <div class="kpi-value">{{ $metrics->money($chargedTotal, $card->currency) }}</div>
    </div>
    <div class="card kpi-card">
        <div class="kpi-label">Credit Limit</div>
        <div class="kpi-value">{{ $metrics->money($card->credit_limit, $card->currency) }}</div>
    </div>
    <div class="card kpi-card">
        <div class="kpi-label">Utilization</div>
        <div class="kpi-value">{{ number_format($cardUtil, 1) }}%</div>
    </div>
</div>

@if(abs($chargedTotal - (float) $card->payable_balance) >= 0.01)
    <div class="card mb-5" style="border-left:4px solid #f59e0b">
        <div class="p-4" style="font-size:13px;color:var(--muted)">
            The payable balance ({{ $metrics->money($card->payable_balance, $card->currency) }})
            differs from the sum of invoice charges ({{ $metrics->money($chargedTotal, $card->currency) }})
            by {{ $metrics->money((float) $card->payable_balance - $chargedTotal, $card->currency) }}.
            This is the portion from manual adjustments or payments recorded directly against the card.
        </div>
    </div>
@endif

<div class="card">
    <div class="flex items-center justify-between p-4">
        <h3 class="font-semibold">Invoices on this card</h3>
        <span class="pill">{{ $invoices->count() }} total</span>
    </div>
    <div class="scrollbar" style="overflow:auto">
        <table>
            <thead>
                <tr>
                    <th>Invoice #</th>
                    <th>Supplier</th>
                    <th>Product</th>
                    <th>Status</th>
                    <th style="width:140px">Amount + Fee</th>
                    <th style="width:150px">Charged to Card</th>
                    <th>Issue Date</th>
                    <th>Due Date</th>
                </tr>
            </thead>
            <tbody>
            @forelse($invoices as $invoice)
                @php $invoiceTotal = (float) $invoice->amount + (float) ($invoice->fee_amount ?? 0); @endphp
                <tr class="row-hover">
                    <td>
                        <a href="{{ route('finance.invoices.show', $invoice) }}" style="font-weight:600;text-decoration:none">
                            {{ $invoice->invoice_number }}
                        </a>
                    </td>
                    <td>{{ $invoice->supplier_name ?: $invoice->client_name }}</td>
                    <td>{{ $invoice->product_name }}</td>
                    <td><span class="pill {{ $statusClass($invoice->status) }}">{{ $statusLabel($invoice->status) }}</span></td>
                    <td>{{ $metrics->money($invoiceTotal, $invoice->currency) }}</td>
                    <td>
                        @if($invoice->status === 'cancelled')
                            <span style="color:var(--muted)">—</span>
                        @else
                            {{ $metrics->money($invoice->credit_card_charge_amount, $card->currency) }}
                        @endif
                    </td>
                    <td>{{ optional($invoice->issue_date)->format('d M Y') }}</td>
                    <td>{{ optional($invoice->due_date)->format('d M Y') }}</td>
                </tr>
            @empty
                <tr><td colspan="8" style="text-align:center;color:var(--muted);padding:32px 10px">No invoices are charged to this card yet.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection