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

{% set active_nav = 'logs' %}

{% set type_labels = {
    'article_created': 'Artículo creado',
    'article_updated': 'Artículo editado',
    'article_deleted': 'Artículo eliminado',
    'php_error': 'Error PHP',
} %}

{% block title %}Admin · Logs{% endblock %}

{% block admin_content %}
    <div class="adm__header">
        <h1 class="adm__title">Logs</h1>
    </div>

    <form method="get" class="adm__filter-bar">
        <select name="type">
            <option value="">Todos los tipos</option>
            {% for t in types %}
                <option value="{{ t.value }}" {{ type == t.value ? 'selected' : '' }}>{{ t.label }}</option>
            {% endfor %}
        </select>
        <select name="severity">
            <option value="">Todas las severidades</option>
            {% for s in severities %}
                <option value="{{ s }}" {{ severity == s ? 'selected' : '' }}>{{ s|capitalize }}</option>
            {% endfor %}
        </select>
        <button type="submit" class="adm__btn adm__btn--ghost">Filtrar</button>
        {% if type or severity %}
            <a href="{{ path('admin_logs_index') }}" class="adm__btn adm__btn--ghost">Limpiar</a>
        {% endif %}
        <span class="adm__bulk-count">{{ total }} registro{{ total == 1 ? '' : 's' }}</span>
    </form>

    <div class="adm__table-wrap">
        <table class="adm__table">
            <thead>
                <tr>
                    <th>Tipo</th>
                    <th>Severidad</th>
                    <th>Mensaje</th>
                    <th>Fecha</th>
                </tr>
            </thead>
            <tbody>
                {% for log in logs %}
                    <tr>
                        <td><span class="adm__badge adm__badge--category">{{ type_labels[log.type] ?? log.type }}</span></td>
                        <td><span class="adm__badge adm__badge--severity-{{ log.severity }}">{{ log.severity|capitalize }}</span></td>
                        <td>{{ log.message }}</td>
                        <td>{{ log.createdAt|date('d/m/Y H:i:s') }}</td>
                    </tr>
                {% else %}
                    <tr><td colspan="4">No hay registros.</td></tr>
                {% endfor %}
            </tbody>
        </table>
    </div>

    {% if totalPages > 1 %}
        <div class="adm__pagination">
            {% if page > 1 %}
                <a href="{{ path('admin_logs_index', {page: page - 1, type: type, severity: severity}) }}" class="adm__btn adm__btn--ghost">&larr; Anterior</a>
            {% endif %}
            <span>Página {{ page }} de {{ totalPages }}</span>
            {% if page < totalPages %}
                <a href="{{ path('admin_logs_index', {page: page + 1, type: type, severity: severity}) }}" class="adm__btn adm__btn--ghost">Siguiente &rarr;</a>
            {% endif %}
        </div>
    {% endif %}
{% endblock %}