@extends('layouts.admin')

@section('title', 'Fee Invoices')

@section('content')
<x-ui.page-header
    title="Registration Fee Invoices"
    subtitle="Create invoices and record registration fee payments."
    :breadcrumbs="[
        ['label' => 'Home', 'href' => route('dashboard')],
        ['label' => 'Student Admission', 'href' => route('admission.dashboard')],
        ['label' => 'Fee Invoices'],
    ]"
/>

@include('institution.partials.flash')

<div class="row g-4">
    <div class="col-lg-8">
        <x-ui.table-wrapper id="admission-fee-invoices" title="Invoices" :record-count="$invoices->total()">
            <x-slot:head>
                <tr>
                    <th>Invoice</th>
                    <th>Application</th>
                    <th>Amount due</th>
                    <th>Paid</th>
                    <th>Status</th>
                    <th class="text-end">Actions</th>
                </tr>
            </x-slot:head>
            @forelse($invoices as $invoice)
                <tr>
                    <td class="text-mono">{{ $invoice->invoice_number }}</td>
                    <td>{{ $invoice->application?->application_number ?? '—' }}</td>
                    <td>{{ number_format((float) ($invoice->amount ?? 0), 2) }}</td>
                    <td>{{ number_format((float) ($invoice->amount_paid ?? 0), 2) }}</td>
                    <td>{{ is_object($invoice->payment_status) ? ($invoice->payment_status->label() ?? $invoice->payment_status->value) : $invoice->payment_status }}</td>
                    <td class="text-end">
                        <a class="bv-btn bv-btn--ghost bv-btn--sm" href="{{ route('admission.fee-invoices.show', $invoice) }}"><i class="bi bi-eye"></i></a>
                        <a class="bv-btn bv-btn--ghost bv-btn--sm" href="{{ route('admission.fee-invoices.receipt', $invoice) }}" target="_blank"><i class="bi bi-receipt"></i></a>
                    </td>
                </tr>
            @empty
                <tr><td colspan="6"><x-ui.empty-state title="No invoices" message="Create a registration fee invoice for an application." icon="bi-receipt" /></td></tr>
            @endforelse
            @if($invoices->hasPages())
                <x-slot:footer>{{ $invoices->links() }}</x-slot:footer>
            @endif
        </x-ui.table-wrapper>
    </div>
    <div class="col-lg-4">
        <x-ui.card title="Create invoice">
            <form method="POST" action="{{ route('admission.fee-invoices.store') }}">
                @csrf
                <div class="mb-3">
                    <label class="form-label">Application</label>
                    <select name="application_id" class="form-select" required>
                        <option value="">Select</option>
                        @foreach(\App\Models\Application::query()->orderByDesc('id')->limit(100)->get(['id','application_number']) as $app)
                            <option value="{{ $app->id }}">{{ $app->application_number }}</option>
                        @endforeach
                    </select>
                </div>
                <x-ui.button type="submit" variant="primary" icon="bi-plus-lg">Create invoice</x-ui.button>
            </form>
        </x-ui.card>
    </div>
</div>
@endsection