{% extends 'admin/base.html.twig' %}

{% block title %}Usuarios{% endblock %}

{% block page_title %}Usuarios <span class="admin-count-badge">{{ totalCount }}</span>{% endblock %}

{% from 'admin/_macros.html.twig' import adminToolbar %}
{% block body %}
{{ adminToolbar(
    'app_admin_usuario_index',
    buscar,
    'Buscar por nombre o email…',
    'filtro',
    filtro,
    [{value: 'inactivo', label: 'Inactivos'}, {value: 'admin', label: 'Admins'}, {value: 'baneado', label: 'Baneados'}],
    'app_admin_usuario_exportar',
    {buscar: buscar, filtro: filtro}
) }}

<div class="admin-card">
    <table class="admin-table">
        <thead>
            <tr>
                <th>Usuario</th>
                <th>Email</th>
                <th>Registro</th>
                <th>Estado</th>
                <th>Rol</th>
                <th class="admin-table-actions">Acciones</th>
            </tr>
        </thead>
        <tbody>
        {% for usuario in usuarios %}
            <tr class="{% if not usuario.activo %}admin-row--inactive{% endif %}">
                <td>
                    <a href="{{ path('app_admin_usuario_show', {id: usuario.id}) }}" class="admin-link">
                        {{ usuario.nombre }}
                    </a>
                    {% if usuario.usernameTag %}
                        <span class="admin-tag">@{{ usuario.usernameTag }}</span>
                    {% endif %}
                </td>
                <td class="admin-muted">{{ usuario.email }}</td>
                <td class="admin-muted">{{ usuario.fechaRegistro|date('d/m/Y') }}</td>
                <td>
                    {% if usuario.banned %}
                        <span class="admin-badge admin-badge--banned">Baneado</span>
                    {% elseif usuario.activo %}
                        <span class="admin-badge admin-badge--success">Activo</span>
                    {% else %}
                        <span class="admin-badge admin-badge--danger">Inactivo</span>
                    {% endif %}
                </td>
                <td>
                    {% if usuario.isAdmin %}
                        <span class="admin-badge admin-badge--admin">Admin</span>
                    {% else %}
                        <span class="admin-badge admin-badge--neutral">Usuario</span>
                    {% endif %}
                </td>
                <td class="admin-table-actions">
                    <a href="{{ path('app_admin_usuario_show', {id: usuario.id}) }}" class="btn btn-xs btn-ghost">Ver</a>
                    <form method="post" action="{{ path('app_admin_usuario_toggle_activo', {id: usuario.id}) }}" class="d-inline">
                        <input type="hidden" name="_csrf_token" value="{{ csrf_token('admin_toggle_activo_' ~ usuario.id) }}">
                        <button type="submit" class="btn btn-xs {% if usuario.activo %}btn-warning{% else %}btn-success{% endif %}">
                            {{ usuario.activo ? 'Desactivar' : 'Activar' }}
                        </button>
                    </form>
                </td>
            </tr>
        {% else %}
            <tr>
                <td colspan="6" class="admin-empty">No se encontraron usuarios.</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
</div>
{{ include('admin/_pagination.html.twig', {route: route, params: params, currentPage: currentPage, totalPages: totalPages}) }}
{% endblock %}