@extends('admin.layouts.app')
@section('title','Invoices')
@section('page-title','Invoices')
@section('page-subtitle','View and manage participant invoices')
@section('invoices-active','active')
@section('content')

<form method="GET" class="mb-3">
    <div class="row g-2">
        <div class="col-md-4">
            <select name="conference_id" class="form-select" onchange="this.form.submit()">
                <option value="">All Conferences</option>
                @foreach($conferences as $conf)
                    <option value="{{ $conf->id }}" @selected($conferenceId == $conf->id)>{{ $conf->name }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-md-3">
            <select name="status" class="form-select" onchange="this.form.submit()">
                <option value="">All Statuses</option>
                @foreach(['unpaid','paid','part_paid','cancelled','refunded'] as $s)
                    <option value="{{ $s }}" @selected($status === $s)>{{ ucfirst(str_replace('_', ' ', $s)) }}</option>
                @endforeach
            </select>
        </div>
    </div>
</form>

<div class='cardx p-4'>
    <div class="table-responsive">
        <table class='table'>
            <thead><tr><th>Invoice #</th><th>User</th><th>Conference</th><th>Description</th><th>Total</th><th>Paid</th><th>Balance</th><th>Status</th><th>Issued</th></tr></thead>
            <tbody>
                @forelse($invoices as $invoice)
                    <tr>
                        <td>{{ $invoice->invoice_number }}</td>
                        <td>{{ $invoice->user?->name }}</td>
                        <td>{{ $invoice->conference?->name }}</td>
                        <td>{{ $invoice->description }}</td>
                        <td>₦{{ number_format($invoice->total_amount, 2) }}</td>
                        <td>₦{{ number_format($invoice->amount_paid, 2) }}</td>
                        <td>₦{{ number_format($invoice->balance, 2) }}</td>
                        <td><span class="badge {{ $invoice->status === 'paid' ? 'bg-success' : 'bg-warning text-dark' }}">{{ ucfirst($invoice->status) }}</span></td>
                        <td>{{ $invoice->issued_at?->format('M d, Y') }}</td>
                    </tr>
                @empty
                    <tr><td colspan="9" class="text-muted">No invoices found.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    {{ $invoices->links() }}
</div>

@endsection