@extends('layouts.admin')

@section('title', $invoice->invoice_number ?? 'Fee Invoice')

@section('content')
@php
    $applicant = $invoice->application?->applicant;
    $name = trim(($applicant?->first_name ?? '').' '.($applicant?->last_name ?? ''));
    $status = is_object($invoice->payment_status) ? $invoice->payment_status : null;
@endphp

<x-ui.page-header
    :title="$invoice->invoice_number"
    subtitle="Registration fee invoice"
    :breadcrumbs="[
        ['label' => 'Home', 'href' => route('dashboard')],
        ['label' => 'Student Admission', 'href' => route('admission.dashboard')],
        ['label' => 'Fee Invoices', 'href' => route('admission.fee-invoices.index')],
        ['label' => $invoice->invoice_number],
    ]"
>
    <x-slot:actions>
        <x-ui.button variant="ghost" icon="bi-receipt" :href="route('admission.fee-invoices.receipt', $invoice)" target="_blank">Receipt</x-ui.button>
        <x-ui.button variant="ghost" icon="bi-printer" :href="route('admission.fee-invoices.print', $invoice)" target="_blank">Print</x-ui.button>
    </x-slot:actions>
</x-ui.page-header>

@include('institution.partials.flash')

<div class="row g-4">
    <div class="col-lg-8">
        <x-ui.card title="Invoice details">
            <div class="row g-3">
                <div class="col-md-4"><span class="text-muted-bv small d-block">Invoice</span><strong class="text-mono">{{ $invoice->invoice_number }}</strong></div>
                <div class="col-md-4"><span class="text-muted-bv small d-block">Application</span>{{ $invoice->application?->application_number ?? '—' }}</div>
                <div class="col-md-4"><span class="text-muted-bv small d-block">Applicant</span>{{ $name ?: '—' }}</div>
                <div class="col-md-4"><span class="text-muted-bv small d-block">Amount</span>{{ number_format((float) ($invoice->amount ?? 0), 2) }} {{ $invoice->currency }}</div>
                <div class="col-md-4"><span class="text-muted-bv small d-block">Paid</span>{{ number_format((float) ($invoice->amount_paid ?? 0), 2) }}</div>
                <div class="col-md-4"><span class="text-muted-bv small d-block">Status</span>{{ $status?->label() ?? $invoice->payment_status }}</div>
                <div class="col-md-4"><span class="text-muted-bv small d-block">Receipt</span>{{ $invoice->receipt_number ?? '—' }}</div>
                <div class="col-md-4"><span class="text-muted-bv small d-block">Fee setup</span>{{ $invoice->registrationFeeSetup?->name ?? '—' }}</div>
            </div>
        </x-ui.card>
    </div>
    <div class="col-lg-4">
        <x-ui.card title="Record payment">
            <form method="POST" action="{{ route('admission.fee-invoices.pay', $invoice) }}">
                @csrf
                <div class="mb-3">
                    <label class="form-label">Amount</label>
                    <input type="number" step="0.01" min="0.01" name="amount" class="form-control" required value="{{ max(0, (float) $invoice->amount - (float) $invoice->amount_paid) }}">
                </div>
                <div class="mb-3">
                    <label class="form-label">Receipt number</label>
                    <input type="text" name="receipt_number" class="form-control">
                </div>
                <x-ui.button type="submit" variant="primary" icon="bi-cash">Record payment</x-ui.button>
            </form>
        </x-ui.card>
    </div>
</div>
@endsection