{% extends '@EasyAdmin/page/content.html.twig' %}

{% block page_title %}Tableau de bord{% endblock %}

{% block main %}
    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px;">
        <div style="background: #fff3cd; border-left: 5px solid #f0ad4e; border-radius: 8px; padding: 24px;">
            <h2 style="font-size: 2.4rem; margin: 0;">{{ pendingCount }}</h2>
            <p style="margin: 0; font-weight: 600; color: #856404;">Déclarations en attente</p>
        </div>
        <div style="background: #d4edda; border-left: 5px solid #28a745; border-radius: 8px; padding: 24px;">
            <h2 style="font-size: 2.4rem; margin: 0;">{{ publishedCount }}</h2>
            <p style="margin: 0; font-weight: 600; color: #155724;">Cas publiés</p>
        </div>
        <div style="background: #f8d7da; border-left: 5px solid #c1121f; border-radius: 8px; padding: 24px;">
            <h2 style="font-size: 2.4rem; margin: 0;">{{ rejectedCount }}</h2>
            <p style="margin: 0; font-weight: 600; color: #721c24;">Déclarations rejetées</p>
        </div>
    </div>

    <div style="margin-top: 32px;">
        <h3>Bienvenue dans le back-office</h3>
        <p>Utilisez le menu de gauche pour :</p>
        <ul>
            <li><strong>Cas déclarés</strong> : examiner, publier ou rejeter les déclarations de féminicides. Ajoutez les coordonnées GPS pour la carte et rédigez l'histoire publiée.</li>
            <li><strong>Articles &amp; rapports</strong> : rédiger et publier le contenu de la bibliothèque (auteur, image de couverture, diaporama, document téléchargeable).</li>
            <li><strong>Diaporama accueil</strong> : gérer les photos du diaporama de la page d'accueil.</li>
            <li><strong>Utilisateurs</strong> : gérer les comptes administrateurs.</li>
        </ul>
    </div>
{% endblock %}