@extends('admin.layout')
@section('title', 'Dashboard')
@section('subtitle', now()->format('l, F j, Y'))

@section('content')

@if ($maintenanceMode)
    <div class="mb-6 bg-amber-50 border border-amber-300 text-amber-900 px-4 py-3 rounded flex justify-between items-center">
        <div>
            <strong>⚠️ Maintenance mode is ON.</strong> Users cannot access the app.
        </div>
        <a href="{{ route('admin.settings.index') }}" class="text-sm underline">Change</a>
    </div>
@endif
@if (! $registrationEnabled)
    <div class="mb-6 bg-blue-50 border border-blue-300 text-blue-900 px-4 py-3 rounded flex justify-between items-center">
        <div><strong>New registrations are disabled.</strong></div>
        <a href="{{ route('admin.settings.index') }}" class="text-sm underline">Change</a>
    </div>
@endif

<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4 mb-8">
    @foreach ([
        ['Users', $stats['users_total'], 'text-blue-600'],
        ['Active Today', $stats['users_active_today'], 'text-emerald-600'],
        ['Banned', $stats['users_banned'], 'text-red-600'],
        ['Admins', $stats['users_admins'], 'text-purple-600'],
        ['Categories', $stats['categories'], 'text-indigo-600'],
        ['Questions (Total)', $stats['questions_total'], 'text-slate-700'],
        ['Questions (Active)', $stats['questions_active'], 'text-emerald-600'],
        ['Achievements', $stats['achievements'], 'text-amber-600'],
        ['Daily Challenges', $stats['daily_challenges'], 'text-pink-600'],
        ['Quiz Sessions', $stats['quiz_sessions_total'], 'text-slate-700'],
        ['Sessions Today', $stats['quiz_sessions_today'], 'text-emerald-600'],
        ['Battles', $stats['battles_total'], 'text-slate-700'],
        ['Battles Today', $stats['battles_today'], 'text-emerald-600'],
        ['Total XP', number_format($stats['total_xp_awarded']), 'text-yellow-600'],
        ['Coins in Circulation', number_format($stats['total_coins_circulating']), 'text-yellow-600'],
    ] as [$label, $value, $color])
        <div class="bg-white rounded-lg shadow-sm border border-slate-200 p-4">
            <div class="text-xs text-slate-500 uppercase tracking-wide">{{ $label }}</div>
            <div class="text-2xl font-bold mt-1 {{ $color }}">{{ $value }}</div>
        </div>
    @endforeach
</div>

<div class="grid md:grid-cols-2 gap-6">
    <div class="bg-white rounded-lg shadow-sm border border-slate-200">
        <div class="px-5 py-3 border-b border-slate-200 flex justify-between items-center">
            <h3 class="font-semibold">Top Players</h3>
            <a href="{{ route('admin.users.index') }}" class="text-xs text-blue-600">All users →</a>
        </div>
        <div class="divide-y">
            @foreach ($topUsers as $u)
                <div class="px-5 py-2 flex items-center justify-between text-sm">
                    <div>
                        <a href="{{ route('admin.users.show', $u) }}" class="font-medium hover:underline">{{ $u->battle_name ?? $u->name }}</a>
                        <div class="text-xs text-slate-500">Level {{ $u->level }} · {{ $u->games_played }} games</div>
                    </div>
                    <div class="text-right">
                        <div class="font-semibold text-yellow-600">{{ number_format($u->xp) }} XP</div>
                        <div class="text-xs text-slate-500">{{ number_format($u->coins) }} coins</div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>

    <div class="bg-white rounded-lg shadow-sm border border-slate-200">
        <div class="px-5 py-3 border-b border-slate-200 flex justify-between items-center">
            <h3 class="font-semibold">Questions by Category</h3>
            <a href="{{ route('admin.questions.index') }}" class="text-xs text-blue-600">All questions →</a>
        </div>
        <div class="divide-y">
            @foreach ($questionsByCategory as $c)
                <div class="px-5 py-2 flex items-center justify-between text-sm">
                    <div class="font-medium">{{ $c->label }}</div>
                    <div>
                        <span class="font-semibold">{{ $c->questions_count }}</span>
                        <span class="text-slate-500">questions</span>
                    </div>
                </div>
            @endforeach
        </div>
    </div>

    <div class="bg-white rounded-lg shadow-sm border border-slate-200">
        <div class="px-5 py-3 border-b border-slate-200 flex justify-between items-center">
            <h3 class="font-semibold">Recent Quiz Sessions</h3>
            <a href="{{ route('admin.sessions.index') }}" class="text-xs text-blue-600">All →</a>
        </div>
        <div class="divide-y">
            @foreach ($recentSessions as $s)
                <div class="px-5 py-2 flex items-center justify-between text-sm">
                    <div>
                        <a href="{{ route('admin.sessions.show', $s) }}" class="font-medium hover:underline">
                            {{ $s->user->battle_name ?? '—' }} · {{ $s->category->label ?? '—' }}
                        </a>
                        <div class="text-xs text-slate-500">{{ $s->mode }} · {{ $s->created_at->diffForHumans() }}</div>
                    </div>
                    <div class="text-right">
                        <div class="text-xs font-semibold text-slate-600">{{ ucfirst($s->status) }}</div>
                        @if ($s->grade)
                            <div class="text-xs text-emerald-600">Grade {{ $s->grade }}</div>
                        @endif
                    </div>
                </div>
            @endforeach
        </div>
    </div>

    <div class="bg-white rounded-lg shadow-sm border border-slate-200">
        <div class="px-5 py-3 border-b border-slate-200 flex justify-between items-center">
            <h3 class="font-semibold">Recent Battles</h3>
            <a href="{{ route('admin.battles.index') }}" class="text-xs text-blue-600">All →</a>
        </div>
        <div class="divide-y">
            @foreach ($recentBattles as $b)
                <div class="px-5 py-2 flex items-center justify-between text-sm">
                    <div>
                        <a href="{{ route('admin.battles.show', $b) }}" class="font-medium hover:underline">
                            {{ $b->challenger->battle_name ?? '—' }} vs {{ $b->is_bot_match ? ($b->bot_name ?? 'Bot') : ($b->opponent->battle_name ?? '—') }}
                        </a>
                        <div class="text-xs text-slate-500">{{ $b->category->label ?? '—' }} · {{ $b->created_at->diffForHumans() }}</div>
                    </div>
                    <div class="text-right text-xs">
                        {{ $b->challenger_score }} – {{ $b->opponent_score }}<br>
                        <span class="text-slate-500">{{ ucfirst($b->status) }}</span>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
</div>
@endsection