@extends('layouts.admin')
@section('title', 'Recharge requests')
@section('content')
<form class="mb-3" method="get"><select class="form-select w-auto d-inline" name="status" onchange="this.form.submit()"><option value="">All</option>@foreach(['pending','paid','rejected'] as $s)<option @selected(request('status')===$s)>{{ $s }}</option>@endforeach</select></form>
<div class="card">@if($items->isEmpty())<x-empty text="No recharge requests."/>@else<div class="table-responsive"><table class="table align-middle mb-0"><thead><tr><th>Reference</th><th>Client</th><th class="text-end">Amount</th><th>Gateway</th><th>Payer txn ID</th><th>Status</th><th></th></tr></thead><tbody>
@foreach($items as $r)<tr><td class="mono">{{ $r->reference }}<div class="small text-muted">{{ $r->created_at->format('d M H:i') }}</div></td><td><a href="{{ route('admin.clients.show', $r->client_id) }}">{{ $r->client->business_name }}</a></td><td class="text-end">{{ number_format($r->amount, 2) }}</td><td>{{ $r->gateway }}</td><td class="mono">{{ $r->payer_reference }}</td><td><x-badge :v="$r->status"/></td>
<td>@if($r->status==='pending')<form class="d-flex gap-1" method="post" data-confirm="Confirm you verified this payment in the real payment channel.">@csrf<input class="form-control form-control-sm" name="note" placeholder="Note / reason"><button class="btn btn-sm btn-success" formaction="{{ route('admin.recharges.approve', $r) }}" type="submit">Approve</button><button class="btn btn-sm btn-outline-danger" formaction="{{ route('admin.recharges.reject', $r) }}" name="reason" type="submit" onclick="this.form.querySelector('[name=note]').name='reason'">Reject</button></form>@else<span class="small text-muted">{{ $r->admin_note }}</span>@endif</td></tr>@endforeach</tbody></table></div><div class="p-3">{{ $items->links() }}</div>@endif</div>
@endsection