@extends('admin.layout')

@section('title', 'Donations')

@section('content')
    <h1>Donations</h1>
    <form class="panel filters" method="GET" action="{{ route('admin.donations.index') }}">
        <div><label for="q">Search donor / reference / payment ID</label><input id="q" name="q" value="{{ $filters['q'] ?? '' }}"></div>
        <div><label for="status">Payment status</label><select id="status" name="status"><option value="">All statuses</option>@foreach (['pending','processing','paid','failed','cancelled','expired','partially_refunded','refunded'] as $status)<option value="{{ $status }}" @selected(($filters['status'] ?? '') === $status)>{{ ucfirst($status) }}</option>@endforeach</select></div>
        <div><label for="currency">Currency</label><select id="currency" name="currency"><option value="">All currencies</option><option value="ngn" @selected(($filters['currency'] ?? '') === 'ngn')>NGN</option></select></div>
        <div><label for="from">Created from</label><input id="from" name="from" type="date" value="{{ $filters['from'] ?? '' }}"></div>
        <div><label for="to">Created to</label><input id="to" name="to" type="date" value="{{ $filters['to'] ?? '' }}"></div>
        <div><label for="min_amount">Minimum NGN</label><input id="min_amount" name="min_amount" type="number" min="0" step="0.01" value="{{ $filters['min_amount'] ?? '' }}"></div>
        <div><label for="max_amount">Maximum NGN</label><input id="max_amount" name="max_amount" type="number" min="0" step="0.01" value="{{ $filters['max_amount'] ?? '' }}"></div>
        <div><button class="button" type="submit">Filter donations</button> <a href="{{ route('admin.donations.index') }}">Clear</a></div>
    </form>

    <section class="panel table-wrap">
        <table>
            <thead><tr><th>Reference</th><th>Donor / Email</th><th>Amount</th><th>Status</th><th>Provider</th><th>Gateway transaction</th><th>Created</th><th>Paid</th></tr></thead>
            <tbody>
                @forelse ($donations as $donation)
                    <tr>
                        <td><a href="{{ route('admin.donations.show', $donation) }}">{{ $donation->public_id }}</a></td>
                        <td>{{ $donation->donor_name }}<br>{{ $donation->donor_email }}</td>
                        <td>{{ $donation->formattedAmount() }} {{ strtoupper($donation->currency) }}</td>
                        <td><span class="badge {{ $donation->status }}">{{ ucfirst($donation->status) }}</span></td>
                        <td>{{ ucfirst($donation->payment_provider) }}</td>
                        <td>{{ $donation->payment_provider === 'paystack' ? ($donation->paystack_transaction_id ?? '—') : ($donation->stripe_payment_intent_id ?? '—') }}</td>
                        <td>{{ $donation->created_at->format('Y-m-d H:i') }}</td>
                        <td>{{ $donation->paid_at?->format('Y-m-d H:i') ?? '—' }}</td>
                    </tr>
                @empty
                    <tr><td colspan="8">No donations match these filters.</td></tr>
                @endforelse
            </tbody>
        </table>
        <div class="pagination">{{ $donations->links() }}</div>
    </section>
@endsection