{% extends '@Admin/admin/layout.html.twig' %}
{% block title %}Journal d’audit{% endblock %}
{% block admin_content %}
<div class="d-flex flex-wrap justify-content-between align-items-center gap-3 mb-4">
    <div><span class="text-primary text-uppercase fw-semibold small">Traçabilité</span><h1 class="h3 mb-1">Journal d’audit</h1><p class="text-muted mb-0">{{ company.nom }} · événements techniques et métier</p></div>
    <a class="btn btn-outline-primary" href="{{ path('platform_audit_export', app.request.query.all) }}">Exporter en CSV</a>
</div>
<form method="get" class="card mb-4"><div class="card-body"><div class="row g-3">
    <div class="col-lg-4"><label class="form-label">Recherche</label><input class="form-control" name="q" value="{{ filters.q }}" placeholder="Utilisateur, entité, libellé…"></div>
    <div class="col-md-4 col-lg-2"><label class="form-label">Catégorie</label><select class="form-select" name="category"><option value="">Toutes</option>{% for value,label in {security:'Sécurité',data:'Données',document:'Documents',email:'Emails',business:'Métier'} %}<option value="{{ value }}" {{ filters.category == value ? 'selected' }}>{{ label }}</option>{% endfor %}</select></div>
    <div class="col-md-4 col-lg-2"><label class="form-label">Action</label><select class="form-select" name="action"><option value="">Toutes</option>{% for action in actions %}<option {{ filters.action == action ? 'selected' }}>{{ action }}</option>{% endfor %}</select></div>
    <div class="col-md-4 col-lg-2"><label class="form-label">Du</label><input type="date" class="form-control" name="from" value="{{ filters.from }}"></div>
    <div class="col-md-4 col-lg-2"><label class="form-label">Au</label><input type="date" class="form-control" name="to" value="{{ filters.to }}"></div>
    <div class="col-12 d-flex justify-content-end gap-2"><a class="btn btn-light" href="{{ path('platform_audit_index') }}">Réinitialiser</a><button class="btn btn-primary">Filtrer</button></div>
</div></div></form>
<section class="card"><div class="table-responsive"><table class="table align-middle mb-0"><thead><tr><th>Date</th><th>Utilisateur</th><th>Événement</th><th>Élément</th><th>Contexte</th></tr></thead><tbody>
{% for log in logs %}<tr>
    <td class="text-nowrap">{{ log.occurredAt|date('d/m/Y H:i:s') }}<small class="d-block text-muted">{{ log.ipAddress|default('') }}</small></td>
    <td>{{ log.actorEmail|default('Système') }}</td>
    <td><span class="badge bg-light text-dark">{{ log.category }}</span><strong class="d-block mt-1">{{ log.action }}</strong></td>
    <td>{% if log.entityType %}<strong>{{ log.entityType }}</strong><small class="d-block text-muted">{{ log.entityLabel ?: log.entityToken ?: log.entityId }}</small>{% else %}<span class="text-muted">—</span>{% endif %}</td>
    <td>{% if log.changes or log.context %}<details><summary class="text-primary">Afficher</summary><pre class="small bg-light border rounded p-2 mt-2 mb-0 text-wrap">{{ {changes:log.changes,context:log.context}|json_encode(constant('JSON_PRETTY_PRINT')) }}</pre></details>{% else %}<span class="text-muted">{{ log.route|default('—') }}</span>{% endif %}</td>
</tr>{% else %}<tr><td colspan="5" class="text-center text-muted py-5">Aucun événement pour ces critères.</td></tr>{% endfor %}
</tbody></table></div>
{% if pages > 1 %}<div class="card-footer d-flex justify-content-between align-items-center"><span>Page {{ page }} sur {{ pages }}</span><div class="btn-group">{% if page > 1 %}<a class="btn btn-light" href="{{ path('platform_audit_index', app.request.query.all|merge({page:page-1})) }}">Précédent</a>{% endif %}{% if page < pages %}<a class="btn btn-light" href="{{ path('platform_audit_index', app.request.query.all|merge({page:page+1})) }}">Suivant</a>{% endif %}</div></div>{% endif %}
</section>
{% endblock %}