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

@section('content')
    <div class="page-head">
        <div><h1>Refunds</h1><p>{{ $refunds->total() }} refund request(s). Money only moves when an approved refund is processed.</p></div>
        <div class="page-actions">
            <a href="{{ route('refunds.create') }}" class="btn">+ Request a refund</a>
        </div>
    </div>

    <div class="grid grid-4 mb-2">
        @include('components.kpi', ['label' => 'Awaiting approval', 'value' => money($totals['pending']),
            'variant' => $totals['pending'] ? 'warn' : ''])
        @include('components.kpi', ['label' => 'Approved, not processed', 'value' => money($totals['awaitingProcessing']),
            'variant' => $totals['awaitingProcessing'] ? 'info' : ''])
        @include('components.kpi', ['label' => 'Processed', 'value' => money($totals['processed'])])
        @include('components.kpi', ['label' => 'Requests', 'value' => (string) $totals['count']])
    </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, reason, customer…">
        </div>
        <div class="field">
            <label>Status</label>
            <select name="status" data-auto-submit>
                <option value="">All</option>
                @foreach ($statuses 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 ($methods as $m)
                    <option value="{{ $m }}" @selected(($filters['method'] ?? '') === $m)>{{ title_case_words($m) }}</option>
                @endforeach
            </select>
        </div>
        <div class="field"><label>&nbsp;</label><button class="btn secondary" type="submit">Filter</button></div>
    </form>

    <div class="card">
        <div class="card-body" style="padding:0;">
            @if ($refunds->isEmpty())
                @include('components.empty-state', [
                    'icon' => '&#8617;',
                    'title' => 'No refunds requested',
                    'message' => 'A refund is requested, approved, then processed — so a mistake can be rejected before any money moves.',
                ])
            @else
                <table class="data">
                    <thead>
                    <tr>
                        <th>Reference</th><th>Customer</th><th>Original payment</th>
                        <th class="num">Amount</th><th>Method</th><th>Reason</th>
                        <th>Approved by</th><th>Status</th><th></th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($refunds as $refund)
                        <tr>
                            <td class="mono"><a href="{{ route('refunds.show', $refund) }}">{{ $refund->reference }}</a></td>
                            <td class="small">{{ $refund->customer?->display_name ?: '—' }}</td>
                            <td class="small mono">
                                {{ $refund->payment?->reference ?: '—' }}
                                <div class="tiny muted">{{ money($refund->payment?->amount) }}</div>
                            </td>
                            <td class="num strong">{{ money($refund->amount) }}</td>
                            <td class="small">{{ title_case_words($refund->method) }}</td>
                            <td class="small">{{ title_case_words($refund->reason) }}</td>
                            <td class="small">{{ $refund->approver?->name ?: '—' }}</td>
                            <td><span class="badge {{ status_color($refund->status === 'processed' ? 'paid'
                                : ($refund->status === 'rejected' ? 'cancelled' : $refund->status)) }}">
                                <span class="dot"></span>{{ title_case_words($refund->status) }}</span></td>
                            <td class="right nowrap">
                                <a href="{{ route('refunds.show', $refund) }}" class="btn xs secondary">Open</a>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            @endif
        </div>
        @if ($refunds->hasPages())<div class="card-foot">{{ $refunds->links('partials.pagination') }}</div>@endif
    </div>
@endsection