@extends('layouts.finance')

@section('title', 'Invoices')
@section('subtitle', 'Issued invoices and aging')

@section('content')
    @php
        $invoiceRows = $invoices->getCollection();
        $outstanding = $invoiceRows->whereNotIn('status', ['paid', 'cancelled'])->sum(fn($i) => $metrics->usd($i->amount, $i->currency));
        $paid = $invoiceRows->where('status', 'paid')->sum(fn($i) => $metrics->usd($i->amount, $i->currency));
        $overdue = $invoiceRows->where('status', 'overdue')->sum(fn($i) => $metrics->usd($i->amount, $i->currency));
    @endphp
    <div class="grid grid-4 mb">
        @include('finance.partials.kpi', ['label' => 'Outstanding', 'value' => $metrics->money($outstanding), 'color' => '#f59e0b'])
        @include('finance.partials.kpi', ['label' => 'Paid', 'value' => $metrics->money($paid), 'color' => '#10b981'])
        @include('finance.partials.kpi', ['label' => 'Overdue', 'value' => $metrics->money($overdue), 'color' => '#ef4444'])
        @include('finance.partials.kpi', ['label' => 'Total Issued', 'value' => $invoices->total()])
    </div>
    <section class="card mb">
        <div class="section-head"><h2>New Invoice</h2></div>
        <div class="card-pad">
            <form method="POST" action="{{ route('finance.invoices.store') }}" class="row-form">
                @csrf
                <div><label class="label">#</label><input class="field" name="invoice_number" required></div>
                <div><label class="label">Client</label><input class="field" name="client_name" required></div>
                <div><label class="label">Issue</label><input class="field" type="date" name="issue_date" value="{{ now()->toDateString() }}" required></div>
                <div><label class="label">Due</label><input class="field" type="date" name="due_date" value="{{ now()->addDays(14)->toDateString() }}" required></div>
                <div><label class="label">Amount</label><input class="field" type="number" step="0.01" min="0.01" name="amount" required></div>
                <div><label class="label">Currency</label><select class="field" name="currency"><option>USD</option><option>PKR</option><option>AUD</option></select></div>
                <div><label class="label">Status</label><select class="field" name="status"><option>pending</option><option>sent</option><option>paid</option><option>overdue</option><option>draft</option><option>cancelled</option></select></div>
                <button class="btn btn-primary">+ Add Invoice</button>
            </form>
        </div>
    </section>
    <section class="card">
        <div class="section-head"><h2>Invoices</h2></div>
        <table>
            <thead><tr><th>#</th><th>Client</th><th>Issue</th><th>Due</th><th>Amount</th><th>Cur.</th><th>Status</th><th></th></tr></thead>
            <tbody>
            @forelse($invoices as $invoice)
                <tr>
                    <form id="invoice-{{ $invoice->id }}" method="POST" action="{{ route('finance.invoices.update', $invoice) }}">@csrf @method('PUT')</form>
                    <td><input form="invoice-{{ $invoice->id }}" class="field" name="invoice_number" value="{{ $invoice->invoice_number }}"></td>
                    <td><input form="invoice-{{ $invoice->id }}" class="field" name="client_name" value="{{ $invoice->client_name }}"></td>
                    <td><input form="invoice-{{ $invoice->id }}" class="field" type="date" name="issue_date" value="{{ $invoice->issue_date?->toDateString() }}"></td>
                    <td><input form="invoice-{{ $invoice->id }}" class="field" type="date" name="due_date" value="{{ $invoice->due_date?->toDateString() }}"></td>
                    <td><input form="invoice-{{ $invoice->id }}" class="field right" type="number" step="0.01" name="amount" value="{{ $invoice->amount }}"></td>
                    <td><select form="invoice-{{ $invoice->id }}" class="field" name="currency"><option @selected($invoice->currency === 'USD')>USD</option><option @selected($invoice->currency === 'PKR')>PKR</option><option @selected($invoice->currency === 'AUD')>AUD</option></select></td>
                    <td><select form="invoice-{{ $invoice->id }}" class="field" name="status">@foreach(['draft','sent','pending','paid','overdue','cancelled'] as $status)<option @selected($invoice->status === $status)>{{ $status }}</option>@endforeach</select></td>
                    <td class="actions"><input form="invoice-{{ $invoice->id }}" type="hidden" name="notes" value="{{ $invoice->notes }}"><button form="invoice-{{ $invoice->id }}" class="btn btn-sm">Save</button><form method="POST" action="{{ route('finance.invoices.destroy', $invoice) }}">@csrf @method('DELETE')<button class="btn btn-sm btn-danger">Delete</button></form></td>
                </tr>
            @empty
                <tr><td colspan="8" class="muted">No invoices yet.</td></tr>
            @endforelse
            </tbody>
        </table>
        <div class="card-pad">{{ $invoices->links() }}</div>
    </section>
@endsection