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

{% block page_title %}Utilisateurs{% endblock %}

{% block content %}

{% for msg in app.flashes('success') %}
    <div class="na-alert na-alert-success">{{ msg }}</div>
{% endfor %}
{% for msg in app.flashes('warning') %}
    <div class="na-alert na-alert-warning">{{ msg }}</div>
{% endfor %}

{# Filtres + recherche #}
<div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; flex-wrap: wrap; gap: 0.75rem;">
    <div style="display: flex; gap: 0.4rem; flex-wrap: wrap;">
        <a href="{{ path('na_admin_users') }}" class="na-btn na-btn-sm {% if filter == 'all' %}na-btn-primary{% else %}na-btn-secondary{% endif %}">Tous</a>
        <a href="{{ path('na_admin_users', {'filter': 'pending'}) }}" class="na-btn na-btn-sm {% if filter == 'pending' %}na-btn-warning{% else %}na-btn-secondary{% endif %}">
            En attente {% if pending_count > 0 %}<span style="background:white;color:#856404;border-radius:8px;padding:0 5px;font-size:0.7rem;">{{ pending_count }}</span>{% endif %}
        </a>
        <a href="{{ path('na_admin_users', {'filter': 'approved'}) }}" class="na-btn na-btn-sm {% if filter == 'approved' %}na-btn-success{% else %}na-btn-secondary{% endif %}">Validés</a>
        <a href="{{ path('na_admin_users', {'filter': 'rejected'}) }}" class="na-btn na-btn-sm {% if filter == 'rejected' %}na-btn-danger{% else %}na-btn-secondary{% endif %}">Refusés</a>
        <a href="{{ path('na_admin_users', {'filter': 'blocked'}) }}" class="na-btn na-btn-sm {% if filter == 'blocked' %}na-btn-danger{% else %}na-btn-secondary{% endif %}">Bloqués</a>
    </div>
    <form method="get" action="{{ path('na_admin_users') }}" style="display:flex; gap:0.4rem;">
        <input type="hidden" name="filter" value="{{ filter }}">
        <input type="text" name="q" value="{{ search }}" placeholder="Rechercher…" style="padding:0.35rem 0.7rem; border:1px solid #dde2ee; border-radius:5px; font-size:0.85rem; width:220px;">
        <button type="submit" class="na-btn na-btn-primary na-btn-sm"><i class="fa fa-search"></i></button>
    </form>
</div>

<div class="na-card">
    <div class="na-card-header">
        <h2>{{ users|length }} résultat(s)</h2>
    </div>
    <table class="na-table">
        <thead>
            <tr>
                <th>ID</th>
                <th>Admin</th>
                <th>Statut</th>
                <th>Pseudo</th>
                <th>Prénom</th>
                <th>Nom</th>
                <th>Email</th>
                <th>Email vérifié</th>
                <th>Profil complété</th>
                <th>Compte validé</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
        {% for user in users %}
            <tr>
                <td style="color:#6b7a99; font-size:0.8rem;">{{ user.id }}</td>
                <td>
                    <span class="na-badge {% if user.isAdmin %}na-badge-info{% else %}na-badge-secondary{% endif %}">
                        {{ user.isAdmin ? 'OUI' : 'NON' }}
                    </span>
                </td>
                <td>
                    {% if user.isBlocked %}
                        <span class="na-badge na-badge-danger">Bloqué</span>
                    {% elseif user.isApproved == true %}
                        <span class="na-badge na-badge-success">Validé</span>
                    {% elseif user.isApproved == false %}
                        <span class="na-badge na-badge-danger">Refusé</span>
                    {% elseif user.profileCompleted %}
                        <span class="na-badge na-badge-warning">En attente</span>
                    {% else %}
                        <span class="na-badge na-badge-secondary">Incomplet</span>
                    {% endif %}
                </td>
                <td>{{ user.pseudo ?? '—' }}</td>
                <td>{{ user.firstName }}</td>
                <td>{{ user.lastName }}</td>
                <td style="font-size:0.82rem;">{{ user.email }}</td>
                <td>
                    <span class="na-toggle {% if user.isVerified %}na-toggle-on{% else %}na-toggle-off{% endif %}">
                        <span class="na-toggle-thumb"></span>
                    </span>
                </td>
                <td>
                    <span class="na-toggle {% if user.profileCompleted %}na-toggle-on{% else %}na-toggle-off{% endif %}">
                        <span class="na-toggle-thumb"></span>
                    </span>
                </td>
                <td>
                    {% if user.isBlocked %}
                        <span class="na-toggle na-toggle-blocked"><span class="na-toggle-thumb"></span></span>
                    {% elseif user.isApproved == true %}
                        <span class="na-toggle na-toggle-on"><span class="na-toggle-thumb"></span></span>
                    {% else %}
                        <span class="na-toggle na-toggle-off"><span class="na-toggle-thumb"></span></span>
                    {% endif %}
                </td>
                <td>
                    <div style="display:flex; gap:0.3rem; flex-wrap:wrap;">
                        <a href="{{ path('na_admin_user_detail', {'id': user.id}) }}" class="na-btn na-btn-sm na-btn-primary" title="Détail">
                            <i class="fa fa-eye"></i>
                        </a>
                        {% if user.profileCompleted and user.isApproved != true and not user.isBlocked %}
                            <a href="{{ path('na_admin_user_approve', {'id': user.id}) }}" class="na-btn na-btn-sm na-btn-success" title="Approuver">
                                <i class="fa fa-check"></i>
                            </a>
                            <a href="{{ path('na_admin_user_reject', {'id': user.id}) }}" class="na-btn na-btn-sm na-btn-danger" title="Refuser">
                                <i class="fa fa-times"></i>
                            </a>
                        {% endif %}
                        {% if not user.isBlocked %}
                            <form method="post" action="{{ path('na_admin_user_block', {'id': user.id}) }}" style="margin:0;" onsubmit="return confirm('Bloquer {{ user.displayName }} ?')">
                                <button type="submit" class="na-btn na-btn-sm na-btn-warning" title="Bloquer"><i class="fa fa-ban"></i></button>
                            </form>
                        {% else %}
                            <form method="post" action="{{ path('na_admin_user_unblock', {'id': user.id}) }}" style="margin:0;">
                                <button type="submit" class="na-btn na-btn-sm na-btn-secondary" title="Débloquer"><i class="fa fa-unlock"></i></button>
                            </form>
                        {% endif %}
                    </div>
                </td>
            </tr>
        {% else %}
            <tr><td colspan="11" style="text-align:center; color:#6b7a99; padding:2rem;">Aucun utilisateur trouvé.</td></tr>
        {% endfor %}
        </tbody>
    </table>
</div>

{% endblock %}