@extends('layouts.admin')
@section('title', __('admin.dashboard'))

@section('admin_content')
<h1 class="mb-6 font-display text-2xl font-bold">{{ __('admin.dashboard') }}</h1>

<div class="grid gap-4 sm:grid-cols-3 lg:grid-cols-5">
    @foreach ([
        __('admin.stat_users') => $stats['users'],
        __('admin.stat_pending_users') => $stats['pending_users'],
        __('admin.stat_jockeys') => $stats['jockeys'],
        __('admin.stat_organizers') => $stats['organizers'],
        __('admin.stat_horses') => $stats['horses'],
        __('admin.stat_races') => $stats['races'],
        __('admin.stat_pending_races') => $stats['pending_races'],
        __('admin.stat_results') => $stats['results'],
        __('admin.stat_pending_results') => $stats['pending_results'],
    ] as $label => $value)
        <div class="card p-4">
            <p class="text-xs uppercase text-ink/40">{{ $label }}</p>
            <p class="font-mono text-2xl font-bold text-forest">{{ $value }}</p>
        </div>
    @endforeach
</div>
@endsection