@extends('layouts.super-admin')

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

@section('content')
<div class="grid grid-cols-2 md:grid-cols-4 gap-3 mb-6">
    <div class="bg-white dark:bg-zinc-900 p-3 border border-zinc-200 dark:border-zinc-800 rounded-sm shadow-sm hover:border-amber-500/30 transition-colors group">
        <div class="flex justify-between items-start mb-1">
            <p class="text-[10px] text-zinc-500 dark:text-zinc-400 uppercase tracking-widest font-bold">Total Clients</p>
            <span class="text-amber-500 group-hover:scale-110 transition-transform">
                <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"></path></svg>
            </span>
        </div>
        <div class="flex items-baseline space-x-1">
            <p class="text-xl font-bold">{{ \App\Models\User::where('role', 'client')->count() }}</p>
            <p class="text-[9px] text-zinc-400 font-medium">restaurants</p>
        </div>
    </div>
    
    <div class="bg-white dark:bg-zinc-900 p-3 border border-zinc-200 dark:border-zinc-800 rounded-sm shadow-sm hover:border-amber-500/30 transition-colors group">
        <div class="flex justify-between items-start mb-1">
            <p class="text-[10px] text-zinc-500 dark:text-zinc-400 uppercase tracking-widest font-bold">Total Branches</p>
            <span class="text-amber-500 group-hover:scale-110 transition-transform">
                <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"></path></svg>
            </span>
        </div>
        <div class="flex items-baseline space-x-1">
            <p class="text-xl font-bold">{{ \App\Models\Branch::count() }}</p>
            <p class="text-[9px] text-zinc-400 font-medium">locations</p>
        </div>
    </div>

    <!-- Other stats placeholder -->
    <div class="bg-white dark:bg-zinc-900 p-3 border border-zinc-200 dark:border-zinc-800 rounded-sm shadow-sm hover:border-amber-500/30 transition-colors group opacity-50">
        <div class="flex justify-between items-start mb-1">
            <p class="text-[10px] text-zinc-500 dark:text-zinc-400 uppercase tracking-widest font-bold">Revenue</p>
            <span class="text-amber-500">
                <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M12 16v1m4-12H8a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2V5a2 2 0 00-2-2z"></path></svg>
            </span>
        </div>
        <p class="text-xl font-bold">$0.00</p>
    </div>
</div>
@endsection