{{-- ============================================================
     resources/views/admin/purchases/index.blade.php
     ============================================================ --}}
@extends('layouts.admin')
@section('title','Point Purchases')

@section('content')

@php
$totalRevenue  = \App\Models\PointPurchase::where('status','completed')->sum('amount_ghs');
$pendingBank   = \App\Models\PointPurchase::where('status','pending')->where('payment_method','bank')->count();
$totalPtsGiven = \App\Models\PointPurchase::where('status','completed')->sum('total_points');
$todayRevenue  = \App\Models\PointPurchase::where('status','completed')->whereDate('paid_at',today())->sum('amount_ghs');
@endphp

<div style="display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;">
    <div class="stat-card green"><div class="stat-icon"><i class="fa fa-coins"></i></div><div class="stat-value">GH₵{{ number_format($totalRevenue,2) }}</div><div class="stat-label">Total Revenue</div></div>
    <div class="stat-card blue"><div class="stat-icon"><i class="fa fa-calendar-day"></i></div><div class="stat-value">GH₵{{ number_format($todayRevenue,2) }}</div><div class="stat-label">Today's Revenue</div></div>
    <div class="stat-card orange"><div class="stat-icon"><i class="fa fa-clock"></i></div><div class="stat-value">{{ $pendingBank }}</div><div class="stat-label">Pending Bank Proofs</div></div>
    <div class="stat-card red"><div class="stat-icon"><i class="fa fa-star"></i></div><div class="stat-value">{{ number_format($totalPtsGiven) }}</div><div class="stat-label">Points Sold</div></div>
</div>

<div class="card">
    <div class="card-header">
        <h3>All Purchases</h3>
        <div style="display:flex;gap:8px;">
            <form method="GET" style="display:flex;gap:8px;">
                <select name="status" class="form-control" style="width:130px;" onchange="this.form.submit()">
                    <option value="">All Status</option>
                    @foreach(['pending','completed','failed'] as $s)
                    <option value="{{ $s }}" {{ request('status')===$s?'selected':'' }}>{{ ucfirst($s) }}</option>
                    @endforeach
                </select>
                <select name="method" class="form-control" style="width:130px;" onchange="this.form.submit()">
                    <option value="">All Methods</option>
                    @foreach(['paystack','paypal','stripe','bank'] as $m)
                    <option value="{{ $m }}" {{ request('method')===$m?'selected':'' }}>{{ ucfirst($m) }}</option>
                    @endforeach
                </select>
            </form>
        </div>
    </div>
    <div class="table-wrap">
        <table>
            <thead><tr><th>User</th><th>Points</th><th>Amount</th><th>Method</th><th>Reference</th><th>Status</th><th>Date</th><th>Actions</th></tr></thead>
            <tbody>
            @forelse($purchases as $p)
            <tr>
                <td>
                    <div style="display:flex;align-items:center;gap:8px;">
                        <img src="{{ $p->user->avatar_url }}" class="td-avatar">
                        <div><div style="font-weight:600;font-size:13px;">{{ $p->user->name }}</div><div style="font-size:11px;color:var(--text-muted);">{{ $p->user->email }}</div></div>
                    </div>
                </td>
                <td>
                    <strong>{{ number_format($p->total_points) }}</strong>
                    @if($p->bonus_points > 0)<br><span style="font-size:11px;color:var(--success);">+{{ number_format($p->bonus_points) }} bonus</span>@endif
                </td>
                <td><strong>GH₵{{ number_format($p->amount_ghs,2) }}</strong></td>
                <td>
                    <span style="font-size:18px;">{{ $p->method_icon }}</span>
                    <span style="font-size:12px;font-weight:600;">{{ $p->method_label }}</span>
                </td>
                <td style="font-family:monospace;font-size:12px;color:var(--text-muted);">{{ Str::limit($p->payment_reference,20) }}</td>
                <td>
                    <span class="badge {{ match($p->status){'completed'=>'badge-success','pending'=>'badge-warning','failed'=>'badge-danger',default=>'badge-muted'} }}">
                        {{ ucfirst($p->status) }}
                    </span>
                </td>
                <td style="font-size:12px;color:var(--text-muted);">{{ $p->created_at->format('d M Y H:i') }}</td>
                <td>
                    @if($p->status === 'pending' && $p->payment_method === 'bank')
                    <div style="display:flex;gap:5px;flex-direction:column;">
                        @if($p->screenshot)
                        <a href="{{ asset('storage/'.$p->screenshot) }}" target="_blank" class="btn btn-xs btn-outline"><i class="fa fa-image"></i> View Proof</a>
                        @endif
                        <div style="display:flex;gap:4px;">
                            <form method="POST" action="{{ route('admin.purchases.approve',$p) }}" style="display:inline;">@csrf
                                <button class="btn btn-success btn-xs">✓ Approve</button>
                            </form>
                            <form method="POST" action="{{ route('admin.purchases.reject',$p) }}" style="display:inline;">@csrf
                                <input type="hidden" name="note" value="Bank proof rejected">
                                <button class="btn btn-danger btn-xs" onclick="return confirm('Reject this purchase?')">✗</button>
                            </form>
                        </div>
                        @if($p->depositor_name)
                        <div style="font-size:10px;color:var(--text-muted);">{{ $p->depositor_name }}<br>{{ $p->bank_name }}</div>
                        @endif
                    </div>
                    @elseif($p->status === 'pending')
                    <span class="badge badge-warning">Auto-processing</span>
                    @endif
                </td>
            </tr>
            @empty
            <tr><td colspan="8" style="text-align:center;padding:40px;color:var(--text-muted);">No purchases yet.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    <div class="pagination">{{ $purchases->withQueryString()->links() }}</div>
</div>
@endsection