{% extends 'admin/base_admin.html.twig' %}
{% block title %}Dashboard Admin
{% endblock %}

{% block body %}
	<h1 class="text-3xl font-bold mb-8">Tableau de bord</h1>

	<div class="grid grid-cols-1 md:grid-cols-4 gap-6">
		<div class="bg-stone-800 p-6 rounded-2xl shadow text-center">
			<p class="text-4xl font-bold text-amber-400">{{ usersCount }}</p>
			<p class="mt-2 text-sm text-gray-400">Utilisateurs</p>
		</div>

		<div class="bg-stone-800 p-6 rounded-2xl shadow text-center">
			<p class="text-4xl font-bold text-amber-400">{{ horsesCount }}</p>
			<p class="mt-2 text-sm text-gray-400">Chevaux</p>
		</div>

		<div class="bg-stone-800 p-6 rounded-2xl shadow text-center">
			<p class="text-4xl font-bold text-amber-400">15</p>
			<p class="mt-2 text-sm text-gray-400">Problèmes ouverts</p>
		</div>

		<div class="bg-stone-800 p-6 rounded-2xl shadow text-center">
			<p class="text-4xl font-bold text-amber-400">{{ notifCount }}</p>
			<p class="mt-2 text-sm text-gray-400">Notifications non lues</p>
		</div>
	</div>

	<!-- Section activités récentes -->
	<h2 class="text-2xl font-semibold mt-10 mb-4">Activité récente</h2>
	<div class="bg-stone-800 p-6 rounded-2xl">
		<ul class="space-y-3">
			<li class="flex justify-between items-center border-b border-stone-700 pb-2">
				<span>🐴 Nouveau cheval ajouté :
					<strong>Spirit</strong>
				</span>
				<span class="text-gray-500 text-sm">il y a 2h</span>
			</li>
			<li class="flex justify-between items-center border-b border-stone-700 pb-2">
				<span>⚠️ Problème signalé sur l’enclos 3</span>
				<span class="text-gray-500 text-sm">il y a 5h</span>
			</li>
			<li class="flex justify-between items-center">
				<span>🔔 Nouvelle notification envoyée à
					<strong>Julie</strong>
				</span>
				<span class="text-gray-500 text-sm">il y a 1 jour</span>
			</li>
		</ul>
	</div>
{% endblock %}