@extends('layouts.admin')

@section('title', 'Donations')
@section('heading', 'Donations')

@section('content')
<header class="rhead">
    <div class="rhead__id">
        <span class="rhead__ico" aria-hidden="true"><svg class="i i--lg"><use href="#i-heart"/></svg></span>
        <div>
            <h2>Donations</h2>
            <p>Online and offline gifts. Totals below reflect the current filter.</p>
        </div>
    </div>
    <div class="rhead__act">
        <a class="btn btn--ghost btn--sm" href="{{ route('admin.donations.export', request()->query()) }}"><svg class="i" aria-hidden="true"><use href="#i-download"/></svg>Export CSV</a>
        <a class="btn btn--green btn--sm" href="{{ route('admin.donations.create') }}"><svg class="i" aria-hidden="true"><use href="#i-plus"/></svg>Record offline donation</a>
    </div>
</header>

<ul class="dsum dsum--wide">
    <li class="dsum__card dsum__card--green">
        <span class="dsum__ico" aria-hidden="true"><svg class="i i--lg"><use href="#i-heart"/></svg></span>
        <div><span class="dsum__label">Paid donations</span><strong class="dsum__num">{{ $summary['count'] }}</strong></div>
    </li>
    <li class="dsum__card dsum__card--blue">
        <span class="dsum__ico" aria-hidden="true"><svg class="i i--lg"><use href="#i-chart"/></svg></span>
        <div><span class="dsum__label">Total received</span><strong class="dsum__num">{{ \App\Support\Fmt::rupees($summary['sum']) }}</strong></div>
    </li>
    <li class="dsum__card dsum__card--amber">
        <span class="dsum__ico" aria-hidden="true"><svg class="i i--lg"><use href="#i-gift"/></svg></span>
        <div><span class="dsum__label">Average gift</span><strong class="dsum__num">{{ $summary['count'] ? \App\Support\Fmt::rupees((int) round($summary['sum'] / $summary['count'])) : '—' }}</strong></div>
    </li>
</ul>

@php $tabQuery = collect(request()->except(['status', 'page'])); @endphp
<nav class="itabs dtabs" aria-label="Filter by status">
    <a href="{{ route('admin.donations.index', $tabQuery->all()) }}" @class(['is-on' => empty($f['status'])])>All<b>{{ $statusCounts->sum() }}</b></a>
    @foreach (['paid' => 'Paid', 'pending' => 'Pending', 'failed' => 'Failed', 'refunded' => 'Refunded'] as $sk => $sl)
        <a href="{{ route('admin.donations.index', $tabQuery->put('status', $sk)->all()) }}" @class(['is-on' => ($f['status'] ?? '') === $sk])>{{ $sl }}<b>{{ $statusCounts[$sk] ?? 0 }}</b></a>
    @endforeach
</nav>

<form class="filterbar" action="{{ route('admin.donations.index') }}" method="get">
    <div class="field"><label class="field__label" for="fq">Search</label><input class="input" id="fq" type="search" name="q" value="{{ $f['q'] ?? '' }}" placeholder="Name, email, phone, receipt..."></div>
    <div class="field">
        <label class="field__label" for="fs">Status</label>
        <select class="input" id="fs" name="status">
            <option value="">All</option>
            @foreach (['paid' => 'Paid', 'pending' => 'Pending', 'failed' => 'Failed', 'refunded' => 'Refunded'] as $k => $l)
                <option value="{{ $k }}" @selected(($f['status'] ?? '') === $k)>{{ $l }}</option>
            @endforeach
        </select>
    </div>
    <div class="field">
        <label class="field__label" for="ft">Type</label>
        <select class="input" id="ft" name="frequency">
            <option value="">All</option>
            <option value="once" @selected(($f['frequency'] ?? '') === 'once')>One-time</option>
            <option value="monthly" @selected(($f['frequency'] ?? '') === 'monthly')>Monthly</option>
        </select>
    </div>
    <div class="field"><label class="field__label" for="ff">From</label><input class="input" id="ff" type="date" name="from" value="{{ $f['from'] ?? '' }}"></div>
    <div class="field"><label class="field__label" for="fto">To</label><input class="input" id="fto" type="date" name="to" value="{{ $f['to'] ?? '' }}"></div>
    <div class="filterbar__go">
        <button class="btn btn--blue btn--sm" type="submit">Filter</button>
        <a class="btn btn--ghost btn--sm" href="{{ route('admin.donations.index') }}">Reset</a>
    </div>
</form>

@if ($items->isEmpty())
    <div class="empty"><svg class="i i--lg" aria-hidden="true"><use href="#i-search"/></svg><p>No donations match your filters.</p></div>
@else
    <div class="tablewrap">
        <table class="table">
            <thead><tr><th scope="col">Date</th><th scope="col">Donor</th><th scope="col">Amount</th><th scope="col">For</th><th scope="col">Type</th><th scope="col">Status</th><th scope="col">Receipt</th><th scope="col" class="is-actions"><span class="sr-only">Actions</span></th></tr></thead>
            <tbody>
                @foreach ($items as $d)
                    <tr>
                        <td data-label="Date">{{ ($d->paid_at ?? $d->created_at)->format('j M Y') }}</td>
                        <td data-label="Donor"><div class="donor"><span class="donor__av" aria-hidden="true">{{ mb_strtoupper(mb_substr($d->donor_name, 0, 1)) }}</span><div><a class="cell-link" href="{{ route('admin.donations.show', $d) }}">{{ $d->donor_name }}</a><br><small class="muted">{{ $d->donor_email }}</small></div></div></td>
                        <td data-label="Amount"><strong class="amt">{{ \App\Support\Fmt::rupees($d->amount) }}</strong></td>
                        <td data-label="For">{{ \Illuminate\Support\Str::limit($d->purpose, 40) }}</td>
                        <td data-label="Type">{{ $d->frequency === 'monthly' ? 'Monthly' : 'One-time' }}@if ($d->gateway === 'offline') <span class="pill">Offline</span>@endif</td>
                        <td data-label="Status"><span @class(['pill', 'pill--on' => $d->status === 'paid', 'pill--off' => $d->status === 'refunded', 'pill--warn' => $d->status === 'pending', 'pill--bad' => $d->status === 'failed'])>{{ ucfirst($d->status) }}</span></td>
                        <td data-label="Receipt">{{ $d->receipt_no ?: '—' }}</td>
                        <td class="is-actions"><a class="iconbtn" href="{{ route('admin.donations.show', $d) }}" aria-label="Open" title="Open"><svg class="i" aria-hidden="true"><use href="#i-eye"/></svg></a></td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    {{ $items->links() }}
@endif
@endsection