@extends('layouts.app')
@section('title', 'Payments')

@section('content')
    <div class="page-head">
        <div><h1>Payments</h1><p>{{ $transactions->total() }} transaction(s) in this view.</p></div>
        <div class="page-actions">
            <a href="{{ route('reports.export', ['report' => 'payments']) }}" class="btn secondary">Export CSV</a>
            <a href="{{ route('payments.create') }}" class="btn">+ Record payment</a>
        </div>
    </div>

    <div class="grid grid-4 mb-2">
        @include('components.kpi', ['label' => 'Collected today', 'value' => money($stats['today']), 'variant' => 'good', 'href' => route('payments.index')])
        @include('components.kpi', ['label' => 'This month', 'value' => money($stats['month']), 'variant' => 'good', 'href' => route('payments.index')])
        @include('components.kpi', ['label' => 'Success rate', 'value' => percent($stats['success_rate']), 'variant' => 'info',
            'delta' => $stats['failed'].' failed', 'href' => route('payments.index', ['status' => 'failed'])])
        @include('components.kpi', ['label' => 'Average payment', 'value' => money($stats['average']), 'href' => '#'])
    </div>

    <form class="filters" method="GET">
        <div class="field" style="flex:2 1 240px;">
            <label>Search</label>
            <input type="search" name="q" value="{{ $filters['q'] ?? '' }}" placeholder="Reference, customer, gateway ref…">
        </div>
        <div class="field">
            <label>Status</label>
            <select name="status" data-auto-submit>
                <option value="">All</option>
                @foreach (['pending','processing','success','failed','refunded','cancelled'] as $s)
                    <option value="{{ $s }}" @selected(($filters['status'] ?? '') === $s)>{{ title_case_words($s) }}</option>
                @endforeach
            </select>
        </div>
        <div class="field">
            <label>Method</label>
            <select name="method" data-auto-submit>
                <option value="">All</option>
                @foreach (['mobile_money','bank_transfer','cash','card','cheque','voucher','credit_note','gateway'] as $m)
                    <option value="{{ $m }}" @selected(($filters['method'] ?? '') === $m)>{{ title_case_words($m) }}</option>
                @endforeach
            </select>
        </div>
        <div class="field"><label>From</label><input type="date" name="from" value="{{ $filters['from'] ?? '' }}"></div>
        <div class="field"><label>To</label><input type="date" name="to" value="{{ $filters['to'] ?? '' }}"></div>
        <div class="field" style="flex:0 0 auto;"><label>&nbsp;</label><button type="submit" class="btn secondary">Filter</button></div>
    </form>

    <div class="card">
        <div class="card-body tight">
            <div class="table-wrap">
                <table class="data">
                    <thead>
                    <tr>
                        <th>Reference</th><th>Date</th><th>Customer</th><th>Method</th><th>Gateway</th>
                        <th class="num">Amount</th><th class="num">Allocated</th><th>Status</th><th>Collected by</th><th></th>
                    </tr>
                    </thead>
                    <tbody>
                    @forelse ($transactions as $tx)
                        <tr>
                            <td class="mono"><a href="{{ route('payments.show', $tx) }}">{{ $tx->reference }}</a></td>
                            <td class="small nowrap">{{ $tx->paid_at?->format('d M Y H:i') ?: '—' }}</td>
                            <td><a href="{{ route('customers.show', $tx->customer) }}">{{ $tx->customer->display_name }}</a></td>
                            <td><span class="badge muted">{{ title_case_words($tx->method) }}</span>
                                @if ($tx->payer_reference)<div class="tiny muted mono">{{ $tx->payer_reference }}</div>@endif</td>
                            <td class="small">{{ $tx->gateway?->name ?: '—' }}</td>
                            <td class="num strong">{{ money($tx->amount, $tx->currency) }}
                                @if ($tx->fee_amount > 0)<div class="tiny muted">fee {{ money($tx->fee_amount, $tx->currency) }}</div>@endif</td>
                            <td class="num">{{ money($tx->amount_allocated, $tx->currency) }}</td>
                            <td><span class="badge {{ status_color($tx->status === 'success' ? 'paid' : $tx->status) }}">
                                <span class="dot"></span>{{ $tx->status }}</span></td>
                            <td class="small">{{ $tx->collector?->name ?: 'Gateway' }}</td>
                            <td class="right nowrap">
                                <a href="{{ route('payments.receipt', $tx) }}" target="_blank" class="btn xs secondary">Receipt</a>
                                @if ($tx->status === 'success')
                                    <form method="POST" action="{{ route('payments.reverse', $tx) }}"
                                          data-confirm="Reverse payment {{ $tx->reference }}? All allocations will be unwound.">
                                        @csrf @method('DELETE')
                                        <button type="submit" class="btn xs danger">Reverse</button>
                                    </form>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="10">
                            @include('components.empty-state', ['icon' => '&#128179;', 'title' => 'No payments found',
                                'message' => 'Record a payment to begin.',
                                'action' => '<a href="'.route('payments.create').'" class="btn sm">+ Record payment</a>'])
                        </td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>
        @if ($transactions->hasPages())<div class="card-foot">{{ $transactions->links('partials.pagination') }}</div>@endif
    </div>
@endsection