{% extends 'na_admin/layout.html.twig' %}

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

{% block content %}

<div class="na-stats">
    <div class="na-stat">
        <div class="na-stat-value">{{ total_users }}</div>
        <div class="na-stat-label">Membres total</div>
    </div>
    <div class="na-stat">
        <div class="na-stat-value" style="color: #f59e0b;">{{ pending_users }}</div>
        <div class="na-stat-label">En attente</div>
    </div>
    <div class="na-stat">
        <div class="na-stat-value" style="color: #dc3545;">{{ blocked_users }}</div>
        <div class="na-stat-label">Bloqués</div>
    </div>
    <div class="na-stat">
        <div class="na-stat-value" style="color: #e74c3c;">{{ pending_reports }}</div>
        <div class="na-stat-label">Signalements</div>
    </div>
</div>

<div class="na-card">
    <div class="na-card-header">
        <h2>Actions rapides</h2>
    </div>
    <div class="na-card-body">
        <div style="display: flex; gap: 1rem; flex-wrap: wrap;">
            <a href="{{ path('na_admin_users', {'filter': 'pending'}) }}" class="na-btn na-btn-warning">
                <i class="fa fa-clock"></i> Comptes en attente
                {% if pending_users > 0 %}({{ pending_users }}){% endif %}
            </a>
            <a href="{{ path('na_admin_users') }}" class="na-btn na-btn-primary">
                <i class="fa fa-users"></i> Tous les membres
            </a>
            <a href="{{ path('na_admin_reports') }}" class="na-btn na-btn-danger">
                <i class="fa fa-flag"></i> Signalements
                {% if pending_reports > 0 %}({{ pending_reports }}){% endif %}
            </a>
        </div>
    </div>
</div>

{% endblock %}