@extends('admin.layouts.app')

@section('title', 'Dashboard Overview')

@section('content')
<style>
    .stats-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
        gap: 24px;
        margin-bottom: 24px;
    }
    
    .stat-card {
        padding: 24px;
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .stat-icon {
        width: 60px;
        height: 60px;
        border-radius: 16px;
        background: rgba(139, 92, 246, 0.1);
        color: var(--accent-color);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
    }

    .stat-details h3 {
        font-size: 14px;
        color: var(--text-secondary);
        margin-bottom: 4px;
        font-weight: 400;
    }

    .stat-details .value {
        font-size: 28px;
        font-weight: 700;
        color: var(--text-primary);
    }
</style>

<div class="stats-grid">
    <div class="stat-card glass-panel">
        <div class="stat-icon">
            <i class="fas fa-users"></i>
        </div>
        <div class="stat-details">
            <h3>Total Users</h3>
            <div class="value">{{ \App\Models\BotUser::count() }}</div>
        </div>
    </div>

    <div class="stat-card glass-panel">
        <div class="stat-icon">
            <i class="fas fa-rupee-sign"></i>
        </div>
        <div class="stat-details">
            <h3>Total Revenue</h3>
            <div class="value">₹{{ number_format(\App\Models\Transaction::where('status', 'completed')->sum('amount'), 2) }}</div>
        </div>
    </div>

    <div class="stat-card glass-panel">
        <div class="stat-icon">
            <i class="fas fa-gamepad"></i>
        </div>
        <div class="stat-details">
            <h3>Active Mods</h3>
            <div class="value">{{ \App\Models\Mod::count() }}</div>
        </div>
    </div>

    <div class="stat-card glass-panel">
        <div class="stat-icon">
            <i class="fas fa-key"></i>
        </div>
        <div class="stat-details">
            <h3>Available Keys</h3>
            <div class="value">{{ \App\Models\LicenseKey::where('status', 'available')->count() }}</div>
        </div>
    </div>
</div>
@endsection