{% extends "admin_base" %}
{% block extra_css %}{{ super() }}
  <link rel="stylesheet" href="{{ "css/admin/history.css" | runique_static }}">
{% endblock %}
{% block title %}Timeline — Historique{% endblock %}
{% block breadcrumb %}
  <span class="breadcrumb-sep">/</span>
  <a href="{{ admin_prefix }}/history">Historique</a>
  <span class="breadcrumb-sep">/</span>
  <span>Timeline</span>
{% endblock %}
{% block content %}

<div class="page-header">
  <div>
    <h1 class="page-title">
      {% if filter_type == "object" %}
        Historique — {{ filter_resource }} #{{ filter_object_id }}
      {% elif filter_type == "user" %}
        Activité de l'admin #{{ filter_user_id }}
      {% elif filter_type == "resource" %}
        Historique — table {{ filter_resource }}
      {% else %}
        Timeline complète
      {% endif %}
    </h1>
    <p class="page-subtitle">{{ total }} entrée{% if total != 1 %}s{% endif %}</p>
  </div>
  <a href="{{ admin_prefix }}/history" class="btn btn-secondary btn-sm">← Historique</a>
</div>

<div class="card">

  <div class="timeline-filter-bar">
    <span class="timeline-filter-label">Filtres actifs :</span>
    {% if filter_user_id %}
      <span class="badge badge-blue">Admin #{{ filter_user_id }}</span>
    {% endif %}
    {% if filter_resource %}
      <span class="badge badge-neutral">Table : {{ filter_resource }}</span>
    {% endif %}
    {% if filter_object_id %}
      <span class="badge badge-neutral">Objet #{{ filter_object_id }}</span>
    {% endif %}
    {% if not filter_user_id and not filter_resource and not filter_object_id %}
      <span class="text-muted">Aucun</span>
    {% endif %}
  </div>

  <div class="admin-table-wrapper">
    <table class="admin-table">
      <thead>
        <tr>
          <th>Date</th>
          {% if not filter_user_id %}<th class="col-secondary">Utilisateur</th>{% endif %}
          {% if not filter_resource %}<th class="col-secondary">Ressource</th>{% endif %}
          {% if not filter_object_id %}<th class="col-secondary">Objet</th>{% endif %}
          <th>Action</th>
          <th></th>
        </tr>
      </thead>
      <tbody>
        {% if entries %}
          {% for entry in entries %}
          <tr>
            <td class="td-nowrap">{{ entry.created_at | format_date }}</td>
            {% if not filter_user_id %}
              <td class="col-secondary"><span class="id-badge">{{ entry.username }}</span></td>
            {% endif %}
            {% if not filter_resource %}
              <td class="col-secondary">{{ entry.resource_key }}</td>
            {% endif %}
            {% if not filter_object_id %}
              <td class="col-secondary">
                {% if entry.object_pk and entry.object_pk != "" %}
                  <span class="id-badge">{{ entry.object_pk }}</span>
                {% else %}
                  <span class="text-muted">—</span>
                {% endif %}
              </td>
            {% endif %}
            <td>
              {% if entry.action == "create" %}<span class="badge badge-green">créé</span>
              {% elif entry.action == "edit" %}<span class="badge badge-blue">modifié</span>
              {% elif entry.action == "delete" %}<span class="badge badge-red">supprimé</span>
              {% else %}<span class="badge">{{ entry.action }}</span>{% endif %}
            </td>
            <td class="td-actions">
              {% if entry.summary %}
                <a href="{{ admin_prefix }}/history/{{ entry.id }}" class="btn btn-ghost btn-sm" title="Vue diff">
                  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="14" height="14">
                    <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/>
                    <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/>
                  </svg>
                </a>
              {% endif %}
            </td>
          </tr>
          {% endfor %}
        {% else %}
          <tr>
            <td colspan="7">
              <div class="empty-state">
                <svg class="empty-state-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
                  <circle cx="12" cy="12" r="10"/>
                  <polyline points="12 6 12 12 16 14"/>
                </svg>
                <p class="empty-state-title">Aucune action enregistrée</p>
              </div>
            </td>
          </tr>
        {% endif %}
      </tbody>
    </table>
  </div>

  {% if total_pages > 1 %}
  <div class="pagination">
    {% if page > 1 %}
      <a href="?{% if filter_user_id %}user_id={{ filter_user_id }}&{% endif %}{% if filter_resource %}resource={{ filter_resource | urlencode }}&{% endif %}{% if filter_object_id %}object_id={{ filter_object_id | urlencode }}&{% endif %}page={{ page - 1 }}"
         class="btn btn-secondary btn-sm">← Précédent</a>
    {% else %}
      <span></span>
    {% endif %}
    <span class="pagination-info">Page {{ page }} / {{ total_pages }}</span>
    {% if page < total_pages %}
      <a href="?{% if filter_user_id %}user_id={{ filter_user_id }}&{% endif %}{% if filter_resource %}resource={{ filter_resource | urlencode }}&{% endif %}{% if filter_object_id %}object_id={{ filter_object_id | urlencode }}&{% endif %}page={{ page + 1 }}"
         class="btn btn-secondary btn-sm">Suivant →</a>
    {% else %}
      <span></span>
    {% endif %}
  </div>
  {% endif %}

</div>

{% endblock %}