@extends('layouts.admin')
@section('title', 'Admin Dashboard')
@section('content')
<h1 class="text-2xl font-bold mb-6">Admin Dashboard</h1>

<div class="grid md:grid-cols-3 lg:grid-cols-6 gap-4">
    <div class="p-5 bg-white rounded-xl shadow">
        <p class="text-xs text-gray-500">Total Users</p>
        <p class="text-2xl font-bold">{{ $totalUsers }}</p>
    </div>
    <div class="p-5 bg-white rounded-xl shadow">
        <p class="text-xs text-gray-500">Pending Deposits</p>
        <p class="text-2xl font-bold text-yellow-600">{{ $pendingDeposits }}</p>
    </div>
    <div class="p-5 bg-white rounded-xl shadow">
        <p class="text-xs text-gray-500">Pending Withdrawals</p>
        <p class="text-2xl font-bold text-yellow-600">{{ $pendingWithdrawals }}</p>
    </div>
    <div class="p-5 bg-white rounded-xl shadow">
        <p class="text-xs text-gray-500">Pending KYC</p>
        <p class="text-2xl font-bold text-yellow-600">{{ $pendingKyc }}</p>
    </div>
    <div class="p-5 bg-white rounded-xl shadow">
        <p class="text-xs text-gray-500">Total Deposit Volume</p>
        <p class="text-2xl font-bold text-green-600">{{ number_format($totalDepositVolume, 2) }}</p>
    </div>
    <div class="p-5 bg-white rounded-xl shadow">
        <p class="text-xs text-gray-500">Total Withdrawal Volume</p>
        <p class="text-2xl font-bold text-red-600">{{ number_format($totalWithdrawalVolume, 2) }}</p>
    </div>
</div>
@endsection