{% extends 'admin/_layout.html.twig' %}
{% block admin %}
<h1 class="rule-gold font-display text-2xl font-semibold">Tableau de bord</h1>
<div class="mt-6 grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
    {% for label, value in {'Conférences': podcastCount, 'Thèmes': themeCount, 'Utilisateurs': userCount, 'Écoutes totales': totalPlays} %}
        <div class="card p-5">
            <p class="text-3xl font-bold text-gold-300">{{ value }}</p>
            <p class="mt-1 text-sm text-sand">{{ label }}</p>
        </div>
    {% endfor %}
</div>
<h2 class="mt-10 font-display text-xl font-semibold">Derniers ajouts</h2>
<div class="card mt-4 divide-y divide-night-700/50">
    {% for p in latest %}
        <div class="flex items-center justify-between gap-3 px-5 py-3 text-sm">
            <span class="truncate">{{ p.title }}</span>
            <span class="shrink-0 text-xs text-sand-dim">{{ p.createdAt|date('d/m/Y') }} · {{ p.published ? 'publié' : 'brouillon' }}</span>
        </div>
    {% else %}
        <p class="px-5 py-4 text-sm text-sand-dim">Aucune conférence — lancez un import.</p>
    {% endfor %}
</div>
{% endblock %}