@extends('layouts.admin')

@section('content')
    <h2 class="mb-4 text-xl font-semibold">Dashboard</h2>
    <div class="grid gap-4 md:grid-cols-3">
        @foreach ([
            ['Users', number_format($stats['users'])],
            ['Orders Today', number_format($stats['orders_today'])],
            ['Revenue Today', '$'.number_format((float) $stats['revenue_today'], 2)],
            ['Open Tickets', number_format($stats['open_tickets'])],
            ['Services', number_format($stats['services'])],
            ['Pending Payments', number_format($stats['pending_payments'])],
        ] as [$title, $value])
            <div class="rounded-2xl border border-white/20 bg-white/10 p-4">
                <p class="text-sm text-slate-300">{{ $title }}</p>
                <p class="mt-2 text-2xl font-bold">{{ $value }}</p>
            </div>
        @endforeach
    </div>
@endsection