@extends('admin.layouts.app')

@section('title', 'Dashboard')
@section('header', 'Vue d\'ensemble')

@section('content')
    <!-- Stats Grid -->
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8">
        <!-- Tenants Stat -->
        <div class="glass rounded-xl shadow-lg p-6 flex items-center transition-transform hover:scale-105 duration-300">
            <div class="p-3 rounded-full bg-blue-500/10 text-blue-600 dark:text-blue-400 mr-4 shadow-sm">
                <i class="fas fa-building text-2xl"></i>
            </div>
            <div>
                <p class="text-sm font-medium text-slate-500 dark:text-slate-400">Total Agences</p>
                <p class="text-3xl font-bold text-slate-800 dark:text-white">{{ \App\Models\Tenant::count() }}</p>
            </div>
        </div>

        <!-- Admins Stat -->
        <div class="glass rounded-xl shadow-lg p-6 flex items-center transition-transform hover:scale-105 duration-300">
            <div class="p-3 rounded-full bg-purple-500/10 text-purple-600 dark:text-purple-400 mr-4 shadow-sm">
                <i class="fas fa-users-cog text-2xl"></i>
            </div>
            <div>
                <p class="text-sm font-medium text-slate-500 dark:text-slate-400">Admins Globaux</p>
                <p class="text-3xl font-bold text-slate-800 dark:text-white">{{ \App\Models\User::count() }}</p>
            </div>
        </div>

        <!-- Active Tenants Stat -->
        <div class="glass rounded-xl shadow-lg p-6 flex items-center transition-transform hover:scale-105 duration-300">
            <div class="p-3 rounded-full bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 mr-4 shadow-sm">
                <i class="fas fa-check-circle text-2xl"></i>
            </div>
            <div>
                <p class="text-sm font-medium text-slate-500 dark:text-slate-400">Agences Actives</p>
                <p class="text-3xl font-bold text-slate-800 dark:text-white">{{ \App\Models\Tenant::where('is_active', true)->count() }}</p>
            </div>
        </div>

         <!-- Pending/Inactive Stat -->
         <div class="glass rounded-xl shadow-lg p-6 flex items-center transition-transform hover:scale-105 duration-300">
            <div class="p-3 rounded-full bg-amber-500/10 text-amber-600 dark:text-amber-400 mr-4 shadow-sm">
                <i class="fas fa-pause-circle text-2xl"></i>
            </div>
            <div>
                <p class="text-sm font-medium text-slate-500 dark:text-slate-400">Agences Inactives</p>
                <p class="text-3xl font-bold text-slate-800 dark:text-white">{{ \App\Models\Tenant::where('is_active', false)->count() }}</p>
            </div>
        </div>
    </div>

    <!-- Quick Actions & Recent Activity Grid -->
    <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
        <!-- Quick Actions -->
        <div class="lg:col-span-2 space-y-4">
            <h2 class="text-lg font-bold text-slate-800 dark:text-white mb-4">Actions Rapides</h2>
            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                <a href="{{ route('admin.tenants.create') }}" class="group glass p-6 rounded-xl hover:bg-white/40 dark:hover:bg-black/40 transition-all shadow-md cursor-pointer flex items-center justify-between border-transparent hover:border-blue-500/30">
                    <div>
                        <h3 class="text-lg font-bold text-slate-800 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">Nouvelle Agence</h3>
                        <p class="text-sm text-slate-500 dark:text-slate-400 mt-1">Créer un nouveau tenant et son domaine.</p>
                    </div>
                    <div class="h-12 w-12 bg-blue-500/10 rounded-full flex items-center justify-center text-blue-600 dark:text-blue-400 group-hover:bg-blue-600 group-hover:text-white transition-all shadow-sm">
                        <i class="fas fa-plus"></i>
                    </div>
                </a>

                <a href="{{ route('admin.tenants.index') }}" class="group glass p-6 rounded-xl hover:bg-white/40 dark:hover:bg-black/40 transition-all shadow-md cursor-pointer flex items-center justify-between border-transparent hover:border-purple-500/30">
                    <div>
                        <h3 class="text-lg font-bold text-slate-800 dark:text-white group-hover:text-purple-600 dark:group-hover:text-purple-400 transition-colors">Gérer les Agences</h3>
                        <p class="text-sm text-slate-500 dark:text-slate-400 mt-1">Voir la liste, modifier, et gérer les accès.</p>
                    </div>
                    <div class="h-12 w-12 bg-purple-500/10 rounded-full flex items-center justify-center text-purple-600 dark:text-purple-400 group-hover:bg-purple-600 group-hover:text-white transition-all shadow-sm">
                        <i class="fas fa-list"></i>
                    </div>
                </a>
            </div>
        </div>

        <!-- Activity Feed -->
        <div class="glass rounded-xl shadow-lg p-6">
            <h2 class="text-lg font-bold text-slate-800 dark:text-white mb-4">Activités Récentes</h2>
            <div class="space-y-4">
                @foreach(\App\Models\Tenant::latest()->take(5)->get() as $tenant)
                    <div class="flex items-start pb-4 border-b border-slate-100/50 dark:border-white/5 last:border-0 last:pb-0">
                        <div class="h-8 w-8 rounded-full bg-slate-100 dark:bg-white/10 flex items-center justify-center text-slate-500 dark:text-slate-300 mr-3 flex-shrink-0">
                            <i class="fas fa-building text-xs"></i>
                        </div>
                        <div>
                            <p class="text-sm font-medium text-slate-800 dark:text-slate-200">Agence créée: <span class="text-blue-600 dark:text-blue-400">{{ $tenant->id }}</span></p>
                            <p class="text-xs text-slate-400 dark:text-slate-500">{{ $tenant->created_at->diffForHumans() }}</p>
                        </div>
                    </div>
                @endforeach
                 @if(\App\Models\Tenant::count() === 0)
                    <p class="text-sm text-slate-500 dark:text-slate-400 italic">Aucune activité récente.</p>
                @endif
            </div>
            <div class="mt-6 pt-2 border-t border-slate-100/50 dark:border-white/5">
                <a href="{{ route('admin.tenants.index') }}" class="text-sm text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 font-medium flex items-center transition-colors">
                    Voir tout <i class="fas fa-arrow-right ml-2 text-xs"></i>
                </a>
            </div>
        </div>
    </div>
@endsection