{{-- ============================================================
     admin/withdrawals/index.blade.php
     Author: Obrempong | Jcode
     ============================================================ --}}
@extends('layouts.admin')
@section('title','Withdrawals')
@section('content')

@php
$pendingAmt = \App\Models\Withdrawal::where('status','pending')->sum('amount');
$paidAmt    = \App\Models\Withdrawal::where('status','paid')->sum('net_amount');
$todayAmt   = \App\Models\Withdrawal::where('status','paid')->whereDate('processed_at',today())->sum('net_amount');
$totalCount = \App\Models\Withdrawal::count();
@endphp

<div class="stats-grid" style="grid-template-columns:repeat(4,1fr);margin-bottom:24px;">
    <div class="stat-card orange"><div class="stat-icon"><i class="fa fa-clock"></i></div><div class="stat-value">GH₵{{ number_format($pendingAmt,2) }}</div><div class="stat-label">Pending Amount</div></div>
    <div class="stat-card green"><div class="stat-icon"><i class="fa fa-check-circle"></i></div><div class="stat-value">GH₵{{ number_format($paidAmt,2) }}</div><div class="stat-label">Total Paid Out</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($todayAmt,2) }}</div><div class="stat-label">Paid Today</div></div>
    <div class="stat-card red"><div class="stat-icon"><i class="fa fa-list"></i></div><div class="stat-value">{{ number_format($totalCount) }}</div><div class="stat-label">Total Requests</div></div>
</div>

<div class="card mb-20">
    <div class="card-body" style="padding:14px;">
        <form method="GET" class="filter-row">
            <select name="status" class="form-control" style="width:140px;" onchange="this.form.submit()">
                <option value="">All Status</option>
                @foreach(['pending','approved','paid','rejected'] as $s)
                <option value="{{ $s }}" {{ request('status')===$s?'selected':'' }}>{{ ucfirst($s) }}</option>
                @endforeach
            </select>
            <select name="method" class="form-control" style="width:160px;" onchange="this.form.submit()">
                <option value="">All Methods</option>
                @foreach(['mtn_momo'=>'MTN MoMo','vodafone'=>'Vodafone Cash','airteltigo'=>'AirtelTigo','bank'=>'Bank Transfer'] as $k=>$v)
                <option value="{{ $k }}" {{ request('method')===$k?'selected':'' }}>{{ $v }}</option>
                @endforeach
            </select>
            <input type="date" name="from" class="form-control" style="width:160px;" value="{{ request('from') }}">
            <input type="date" name="to"   class="form-control" style="width:160px;" value="{{ request('to') }}">
            <button type="submit" class="btn btn-primary"><i class="fa fa-search"></i> Filter</button>
            <a href="{{ route('admin.withdrawals') }}" class="btn btn-outline">Reset</a>
            <a href="{{ route('admin.export.transactions') }}" class="btn btn-outline btn-sm"><i class="fa fa-download"></i> Export</a>
        </form>
    </div>
</div>

<div class="card">
    <div class="card-header"><h3>Withdrawal Requests <span class="badge badge-primary" style="margin-left:8px;">{{ $withdrawals->total() }}</span></h3></div>
    <div class="table-wrap">
        <table>
            <thead><tr><th>User</th><th>Amount</th><th>Method</th><th>Account</th><th>Screenshot</th><th>Status</th><th>Date</th><th>Actions</th></tr></thead>
            <tbody>
            @forelse($withdrawals as $w)
            <tr>
                <td><div style="display:flex;align-items:center;gap:8px;"><img src="{{ $w->user->avatar_url }}" class="td-avatar"><div><div style="font-weight:600;font-size:13px;">{{ $w->user->name }}</div><div style="font-size:11px;color:var(--text-muted);">{{ $w->user->email }}</div></div></div></td>
                <td><strong>GH₵{{ number_format($w->net_amount,2) }}</strong><br><span style="font-size:11px;color:var(--text-muted);">{{ number_format($w->points_deducted) }} pts | Fee: GH₵{{ $w->fee }}</span></td>
                <td><span class="badge badge-primary">{{ strtoupper(str_replace('_',' ',$w->method)) }}</span></td>
                <td><strong style="font-size:13px;">{{ $w->account_name }}</strong><br><span style="font-size:12px;color:var(--text-muted);">{{ $w->account_number }}</span>@if($w->bank_name)<br><span style="font-size:11px;color:var(--text-muted);">{{ $w->bank_name }}</span>@endif</td>
                <td>@if($w->screenshot)<a href="{{ asset('storage/'.$w->screenshot) }}" target="_blank" class="btn btn-xs btn-outline"><i class="fa fa-image"></i> View</a>@else<span style="color:var(--text-muted);font-size:12px;">None</span>@endif</td>
                <td><span class="badge {{ match($w->status){'pending'=>'badge-warning','approved'=>'badge-primary','paid'=>'badge-success','rejected'=>'badge-danger',default=>'badge-muted'} }}">{{ ucfirst($w->status) }}</span>
                    @if($w->processed_at)<br><span style="font-size:10px;color:var(--text-muted);">{{ $w->processed_at->format('d M H:i') }}</span>@endif</td>
                <td style="font-size:12px;color:var(--text-muted);">{{ $w->created_at->format('d M Y') }}<br>{{ $w->created_at->format('H:i A') }}</td>
                <td>
                    <div style="display:flex;flex-direction:column;gap:4px;">
                        @if($w->status==='pending')
                        <form method="POST" action="{{ route('admin.withdrawals.approve',$w) }}" style="display:inline;">@csrf<input type="hidden" name="note" value="Approved"><button class="btn btn-success btn-xs w-100">✓ Approve</button></form>
                        <button onclick="openRejectModal({{ $w->id }})" class="btn btn-danger btn-xs w-100">✗ Reject</button>
                        @elseif($w->status==='approved')
                        <form method="POST" action="{{ route('admin.withdrawals.paid',$w) }}" style="display:inline;">@csrf<button class="btn btn-primary btn-xs w-100">✓ Mark Paid</button></form>
                        @endif
                    </div>
                </td>
            </tr>
            @empty
            <tr><td colspan="8" style="text-align:center;padding:40px;color:var(--text-muted);">No withdrawal requests found.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    <div class="pagination">{{ $withdrawals->withQueryString()->links() }}</div>
</div>

<div id="reject-modal" style="display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9999;align-items:center;justify-content:center;">
    <div style="background:#fff;border-radius:12px;padding:24px;width:380px;">
        <h3 style="margin-bottom:14px;color:var(--danger);">Reject Withdrawal</h3>
        <form method="POST" id="reject-form">@csrf
            <div class="form-group"><label class="form-label">Reason for rejection</label><textarea name="note" class="form-control" rows="3" required placeholder="e.g. Invalid account number..."></textarea></div>
            <div style="display:flex;gap:10px;margin-top:14px;">
                <button type="submit" class="btn btn-danger flex-1">Reject & Refund Points</button>
                <button type="button" onclick="document.getElementById('reject-modal').style.display='none'" class="btn btn-outline flex-1">Cancel</button>
            </div>
        </form>
    </div>
</div>
@endsection
@push('scripts')
<script>
function openRejectModal(id){document.getElementById('reject-modal').style.display='flex';document.getElementById('reject-form').action=`/admin/withdrawals/${id}/reject`;}
</script>
@endpush