@extends('layouts.admin')

@section('page-title', 'Promoter Payouts')

@section('content')
<div class="grid grid-cols-1 sm:grid-cols-5 gap-4 mb-6">
    <div class="stat-card">
        <p class="text-sm text-gray-500">Pending</p>
        <p class="text-2xl font-semibold mt-1 text-yellow-600">{{ $stats['pending'] }}</p>
    </div>
    <div class="stat-card">
        <p class="text-sm text-gray-500">Approved</p>
        <p class="text-2xl font-semibold mt-1 text-emerald-600">{{ $stats['approved'] }}</p>
    </div>
    <div class="stat-card">
        <p class="text-sm text-gray-500">Rejected</p>
        <p class="text-2xl font-semibold mt-1 text-red-600">{{ $stats['rejected'] }}</p>
    </div>
    <div class="stat-card">
        <p class="text-sm text-gray-500">Total Paid</p>
        <p class="text-2xl font-semibold mt-1">${{ number_format($stats['total_amount'], 2) }}</p>
    </div>
    <div class="stat-card">
        <p class="text-sm text-gray-500">Pending Amount</p>
        <p class="text-2xl font-semibold mt-1 text-yellow-600">${{ number_format($stats['pending_amount'], 2) }}</p>
    </div>
</div>

<div class="card card-body">
    <div class="flex justify-between items-center mb-6">
        <h3 class="text-base font-medium text-gray-900">Promoter Withdrawal Requests</h3>
        <div class="flex gap-3">
            <form method="GET" class="flex">
                <input type="text" name="search" value="{{ request('search') }}" placeholder="Search promoters..." class="input-field w-64">
                <button type="submit" class="btn-primary ml-2">Search</button>
            </form>
            <select onchange="window.location='?status='+this.value" class="select-field">
                <option value="">All Statuses</option>
                <option value="pending" {{ request('status') === 'pending' ? 'selected' : '' }}>Pending</option>
                <option value="approved" {{ request('status') === 'approved' ? 'selected' : '' }}>Approved</option>
                <option value="rejected" {{ request('status') === 'rejected' ? 'selected' : '' }}>Rejected</option>
            </select>
        </div>
    </div>

    <div class="table-container">
        <table class="table">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Promoter</th>
                    <th>Amount</th>
                    <th>Method</th>
                    <th>Status</th>
                    <th>Date</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($withdrawals as $withdrawal)
                <tr>
                    <td class="text-sm text-gray-500">#{{ $withdrawal->id }}</td>
                    <td>
                        <div class="text-sm">{{ $withdrawal->user->name }}</div>
                        <div class="text-xs text-gray-400">{{ $withdrawal->user->email }}</div>
                    </td>
                    <td class="font-semibold">${{ number_format($withdrawal->amount, 2) }}</td>
                    <td class="text-sm">{{ ucfirst(str_replace('_', ' ', $withdrawal->payment_method)) }}</td>
                    <td>
                        @php
                            $badgeClass = match($withdrawal->status) {
                                'pending' => 'badge-yellow',
                                'approved' => 'badge-green',
                                'rejected' => 'badge-red',
                                default => 'badge-gray',
                            };
                        @endphp
                        <span class="badge {{ $badgeClass }}">{{ ucfirst($withdrawal->status) }}</span>
                    </td>
                    <td class="text-sm text-gray-500">{{ $withdrawal->created_at->format('M d, Y') }}</td>
                    <td>
                        <a href="{{ route('admin.promoter-payouts.show', $withdrawal) }}" class="text-sm text-indigo-600 hover:underline">View</a>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="7" class="py-8 text-center text-gray-500 text-sm">No withdrawal requests found</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    @if($withdrawals->hasPages())
    <div class="mt-6">{{ $withdrawals->links() }}</div>
    @endif
</div>
@endsection