@extends('layouts.admin')
@section('title', 'Payment Requests')
@section('page-title', 'Payment Requests')
@section('content')
<!-- Stats -->
<div class="grid grid-cols-2 gap-4 mb-6">
    <div class="bg-yellow-50 border border-yellow-200 rounded-xl p-4 flex items-center gap-4">
        <div class="bg-yellow-100 p-3 rounded-lg"><i class="fas fa-arrow-up text-yellow-600"></i></div>
        <div><p class="text-sm text-gray-500">Pending Deposits</p><p class="text-2xl font-bold text-yellow-700">{{ $pendingDeposits }}</p></div>
    </div>
    <div class="bg-blue-50 border border-blue-200 rounded-xl p-4 flex items-center gap-4">
        <div class="bg-blue-100 p-3 rounded-lg"><i class="fas fa-arrow-down text-blue-600"></i></div>
        <div><p class="text-sm text-gray-500">Pending Withdrawals</p><p class="text-2xl font-bold text-blue-700">{{ $pendingWithdrawals }}</p></div>
    </div>
</div>
<div class="bg-white rounded-xl shadow overflow-hidden">
    <div class="overflow-x-auto">
        <table class="w-full">
            <thead class="bg-gray-50">
                <tr>
                    <th class="px-5 py-3 text-left text-xs font-medium text-gray-500 uppercase">User</th>
                    <th class="px-5 py-3 text-left text-xs font-medium text-gray-500 uppercase">Type</th>
                    <th class="px-5 py-3 text-left text-xs font-medium text-gray-500 uppercase">Amount</th>
                    <th class="px-5 py-3 text-left text-xs font-medium text-gray-500 uppercase">Method</th>
                    <th class="px-5 py-3 text-left text-xs font-medium text-gray-500 uppercase">Details</th>
                    <th class="px-5 py-3 text-left text-xs font-medium text-gray-500 uppercase">Status</th>
                    <th class="px-5 py-3 text-left text-xs font-medium text-gray-500 uppercase">Date</th>
                    <th class="px-5 py-3 text-right text-xs font-medium text-gray-500 uppercase">Actions</th>
                </tr>
            </thead>
            <tbody class="divide-y">
                @forelse($payments as $p)
                <tr class="hover:bg-gray-50">
                    <td class="px-5 py-3">
                        <p class="font-medium text-sm">{{ $p->user->name ?? 'N/A' }}</p>
                        <p class="text-xs text-gray-400">{{ $p->user->email ?? '' }}</p>
                    </td>
                    <td class="px-5 py-3">
                        <span class="flex items-center gap-1 text-sm">
                            <i class="fas {{ $p->type === 'deposit' ? 'fa-arrow-up text-green-500' : 'fa-arrow-down text-blue-500' }}"></i>
                            {{ ucfirst($p->type) }}
                        </span>
                    </td>
                    <td class="px-5 py-3 font-bold {{ $p->type === 'deposit' ? 'text-green-600' : 'text-blue-600' }}">${{ number_format($p->amount, 2) }}</td>
                    <td class="px-5 py-3 text-sm text-gray-600">{{ $p->paymentMethod->name ?? 'N/A' }}</td>
                    <td class="px-5 py-3 text-xs text-gray-500 max-w-xs">
                        @if($p->transaction_id)<p>TxID: {{ $p->transaction_id }}</p>@endif
                        @if($p->account_details)<p class="truncate">Acct: {{ $p->account_details }}</p>@endif
                        @if($p->notes)<p>Note: {{ $p->notes }}</p>@endif
                    </td>
                    <td class="px-5 py-3">
                        <span class="px-2 py-1 text-xs rounded-full font-semibold {{ $p->status === 'approved' ? 'bg-green-100 text-green-800' : ($p->status === 'rejected' ? 'bg-red-100 text-red-800' : 'bg-yellow-100 text-yellow-800') }}">
                            {{ ucfirst($p->status) }}
                        </span>
                    </td>
                    <td class="px-5 py-3 text-xs text-gray-400">{{ $p->created_at->format('M d, Y H:i') }}</td>
                    <td class="px-5 py-3 text-right">
                        @if($p->status === 'pending')
                        <form action="{{ route('admin.payments.approve', $p->id) }}" method="POST" class="inline">
                            @csrf
                            <button onclick="return confirm('Approve this request?')" class="text-green-600 hover:underline text-sm mr-2">Approve</button>
                        </form>
                        <form action="{{ route('admin.payments.reject', $p->id) }}" method="POST" class="inline">
                            @csrf
                            <button onclick="return confirm('Reject this request?')" class="text-red-600 hover:underline text-sm">Reject</button>
                        </form>
                        @else
                        <span class="text-gray-400 text-xs">Processed</span>
                        @endif
                    </td>
                </tr>
                @empty
                <tr><td colspan="8" class="px-5 py-8 text-center text-gray-400">No payment requests yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div class="p-4">{{ $payments->links() }}</div>
</div>
@endsection