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

{% block title %}Logs d'activité{% endblock %}

{% block body %}
<div class="container-fluid px-4">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1 class="mt-4"><i class="fas fa-list-alt"></i> Logs d'activité</h1>
        <div>
            <a href="{{ path('app_activity_log_stats') }}" class="btn btn-info">
                <i class="fas fa-chart-bar"></i> Statistiques
            </a>
            <a href="{{ path('app_dashboard') }}" class="btn btn-secondary">
                <i class="fas fa-arrow-left"></i> Retour
            </a>
        </div>
    </div>

    <!-- Filtres -->
    <div class="card mb-4">
        <div class="card-header">
            <i class="fas fa-filter"></i> Filtres
        </div>
        <div class="card-body">
            <form method="get" class="row g-3">
                <div class="col-md-3">
                    <label for="user" class="form-label">Utilisateur</label>
                    <select name="user" id="user" class="form-select">
                        <option value="">Tous les utilisateurs</option>
                        {% for user in users %}
                            <option value="{{ user.id }}" {{ filters.user == user.id ? 'selected' : '' }}>
                                {{ user.email }}
                            </option>
                        {% endfor %}
                    </select>
                </div>
                <div class="col-md-3">
                    <label for="action" class="form-label">Action</label>
                    <select name="action" id="action" class="form-select">
                        <option value="">Toutes les actions</option>
                        {% for actionKey, actionLabel in actions %}
                            <option value="{{ actionKey }}" {{ filters.action == actionKey ? 'selected' : '' }}>
                                {{ actionLabel }}
                            </option>
                        {% endfor %}
                    </select>
                </div>
                <div class="col-md-3">
                    <label for="level" class="form-label">Niveau</label>
                    <select name="level" id="level" class="form-select">
                        <option value="">Tous les niveaux</option>
                        {% for levelKey, levelLabel in levels %}
                            <option value="{{ levelKey }}" {{ filters.level == levelKey ? 'selected' : '' }}>
                                {{ levelLabel }}
                            </option>
                        {% endfor %}
                    </select>
                </div>
                <div class="col-md-3 d-flex align-items-end">
                    <button type="submit" class="btn btn-primary me-2">
                        <i class="fas fa-search"></i> Filtrer
                    </button>
                    <a href="{{ path('app_activity_log_list') }}" class="btn btn-outline-secondary">
                        <i class="fas fa-times"></i> Reset
                    </a>
                </div>
            </form>
        </div>
    </div>

    <!-- Résultats -->
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <span><i class="fas fa-list"></i> {{ totalLogs }} log(s) trouvé(s)</span>
            {% if totalPages > 1 %}
                <span>Page {{ currentPage }} / {{ totalPages }}</span>
            {% endif %}
        </div>
        <div class="card-body p-0">
            {% if logs %}
                <div class="table-responsive">
                    <table class="table table-hover mb-0">
                        <thead class="table-light">
                            <tr>
                                <th>Date</th>
                                <th>Utilisateur</th>
                                <th>Action</th>
                                <th>Entité</th>
                                <th>Description</th>
                                <th>Niveau</th>
                                <th>IP</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for log in logs %}
                                <tr>
                                    <td class="text-nowrap">
                                        <small>{{ log.formattedCreatedAt }}</small>
                                    </td>
                                    <td>
                                        <small class="text-muted">{{ log.userName }}</small>
                                    </td>
                                    <td>
                                        <span class="{{ log.actionBadgeClass }}">{{ log.action }}</span>
                                    </td>
                                    <td>
                                        <span class="badge bg-light text-dark">{{ log.entity }}</span>
                                        {% if log.entityId %}
                                            <small class="text-muted">#{{ log.entityId }}</small>
                                        {% endif %}
                                    </td>
                                    <td>
                                        <span class="text-truncate d-inline-block" style="max-width: 200px;" title="{{ log.description }}">
                                            {{ log.description }}
                                        </span>
                                    </td>
                                    <td>
                                        <span class="{{ log.levelBadgeClass }}">{{ log.level }}</span>
                                    </td>
                                    <td>
                                        <small class="text-muted">{{ log.ipAddress }}</small>
                                    </td>
                                    <td>
                                        <a href="{{ path('app_activity_log_view', {id: log.id}) }}" 
                                           class="btn btn-sm btn-outline-primary" title="Voir les détails">
                                            <i class="fas fa-eye"></i>
                                        </a>
                                    </td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            {% else %}
                <div class="text-center py-5">
                    <i class="fas fa-inbox fa-3x text-muted mb-3"></i>
                    <h5>Aucun log trouvé</h5>
                    <p class="text-muted">Aucun log ne correspond aux critères sélectionnés.</p>
                </div>
            {% endif %}
        </div>
    </div>

    <!-- Pagination -->
    {% if totalPages > 1 %}
        <nav aria-label="Pagination des logs" class="mt-4">
            <ul class="pagination justify-content-center">
                {% set query_params = app.request.query.all %}
                
                {% if currentPage > 1 %}
                    <li class="page-item">
                        <a class="page-link" href="{{ path('app_activity_log_list', query_params|merge({page: currentPage - 1})) }}">
                            Précédent
                        </a>
                    </li>
                {% endif %}

                {% for page in 1..totalPages %}
                    {% if page == currentPage %}
                        <li class="page-item active">
                            <span class="page-link">{{ page }}</span>
                        </li>
                    {% elseif page <= currentPage + 2 and page >= currentPage - 2 %}
                        <li class="page-item">
                            <a class="page-link" href="{{ path('app_activity_log_list', query_params|merge({page: page})) }}">
                                {{ page }}
                            </a>
                        </li>
                    {% elseif page == 1 or page == totalPages %}
                        <li class="page-item">
                            <a class="page-link" href="{{ path('app_activity_log_list', query_params|merge({page: page})) }}">
                                {{ page }}
                            </a>
                        </li>
                    {% elseif page == currentPage + 3 or page == currentPage - 3 %}
                        <li class="page-item disabled">
                            <span class="page-link">...</span>
                        </li>
                    {% endif %}
                {% endfor %}

                {% if currentPage < totalPages %}
                    <li class="page-item">
                        <a class="page-link" href="{{ path('app_activity_log_list', query_params|merge({page: currentPage + 1})) }}">
                            Suivant
                        </a>
                    </li>
                {% endif %}
            </ul>
        </nav>
    {% endif %}
</div>
{% endblock %}