@extends('layouts.admin.base')

@section('page.title', 'Dashboard')

@section('page.content')
<div class="flex flex-col gap-4 justify-center items-center w-full">
    <div class="w-full grid grid-cols-2 sm:grid-cols-2 lg:grid-cols-4 gap-4 xl:gap-8">
        <div class="bg-gradient-to-tr from-lockit-blue/50 to-lockit-blue/30 text-white rounded-xl shadow p-4 xl:p-6 text-center">
            <p class="text-xl lg:text-4xl font-bold">{{ \App\Models\Order::count() }}</p>
            <p>Commandes</p>
        </div>
        <div class="bg-gradient-to-tr from-lockit-blue/50 to-lockit-blue/30 text-white rounded-xl shadow p-4 xl:p-6 text-center">
            <p class="text-xl lg:text-4xl font-bold">{{ \App\Models\Product::count() }}</p>
            <p>Produits</p>
        </div>
        <div class="bg-gradient-to-tr from-lockit-blue/50 to-lockit-blue/30 text-white rounded-xl shadow p-4 xl:p-6 text-center">
            <p class="text-xl lg:text-4xl font-bold">{{ \App\Models\ContactMessage::count() }}</p>
            <p>Messages</p>
        </div>
        <div class="bg-gradient-to-tr from-lockit-blue/50 to-lockit-blue/30 text-white rounded-xl shadow p-4 xl:p-6 text-center">
            <p class="text-xl lg:text-4xl font-bold">{{ \App\Models\Review::count() }}</p>
            <p>Avis clients</p>
        </div>
    </div>

    <div class="grid sm:grid-cols-2 gap-4 lg:gap-8 px-4 md:px-0">
        <a href="{{ route('admin.leads.list') }}" class="flex flex-col gap-1 p-4 bg-neutral-200 rounded-xl text-center group transition-all duration-200 hover:scale-105 hover:bg-lockit-blue hover:text-white">
            <p class="text-4xl font-bold">{{ \App\Models\ReservationLead::count() }}</p>
            <p class="text-neutral-500 transition-all duration-200 group-hover:text-white">Demandes de reservation</p>
        </a>
        <a href="{{ route('admin.leads.list') }}" class="flex flex-col gap-1 p-4 bg-neutral-200 rounded-xl text-center group transition-all duration-200 hover:scale-105 hover:bg-lockit-blue hover:text-white">
            <p class="text-4xl font-bold">{{ \App\Models\ReservationLead::whereNotNull('client_email')->count() }}</p>
            <p class="text-neutral-500 transition-all duration-200 group-hover:text-white">Demandes de reservation finalisées</p>
        </a>
    </div>

    <div class="max-w-md w-full mx-auto">
        @include('components.animations.moving-box')
    </div>
</div>
@endsection