{% extends "admin_base" %}
{% block extra_css %}{{ super() }}
  <link rel="stylesheet" href="{{ "css/admin/history.css" | runique_static }}">
{% endblock %}
{% block title %}Historique{% endblock %}
{% block breadcrumb %}
  <span class="breadcrumb-sep">/</span>
  <span>Historique</span>
{% endblock %}
{% block content %}
<div class="page-header">
  <div>
    <h1 class="page-title">Historique des actions</h1>
    <p class="page-subtitle">Toutes les créations, modifications et suppressions effectuées via l'admin.</p>
  </div>
</div>

<div class="card">

  <div class="timeline-filter-bar">
    <form method="GET" action="" class="history-filter-form">
      <select name="resource" class="history-filter-select" id="history-filter-resource">
        <option value="">Toutes les ressources</option>
        {% for resource in resources %}
          <option value="{{ resource.key }}" {% if filter_resource == resource.key %}selected{% endif %}>{{ resource.title }}</option>
        {% endfor %}
      </select>
      <select name="action" class="history-filter-select" id="history-filter-action">
        <option value="">Toutes les actions</option>
        <option value="create" {% if filter_action == "create" %}selected{% endif %}>Créé</option>
        <option value="edit" {% if filter_action == "edit" %}selected{% endif %}>Modifié</option>
        <option value="delete" {% if filter_action == "delete" %}selected{% endif %}>Supprimé</option>
      </select>
      {% if filter_user %}
        <input type="hidden" name="user" value="{{ filter_user }}">
        <a href="?" class="btn btn-ghost btn-sm">✕ {{ filter_user }}</a>
      {% endif %}
      {% if filter_resource or filter_action or filter_user %}
        <a href="?" class="btn btn-ghost btn-sm">Réinitialiser</a>
      {% endif %}
    </form>
  </div>

  <div class="admin-table-wrapper">
    <table class="admin-table">
      <thead>
        <tr>
          <th>Date</th>
          <th class="col-secondary">Utilisateur</th>
          <th class="col-secondary">Ressource</th>
          <th class="col-secondary">Objet</th>
          <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>
            <td class="col-secondary"><span class="id-badge">{{ entry.username }}</span></td>
            <td class="col-secondary">{{ entry.resource_key }}</td>
            <td class="col-secondary">
              {% if entry.batch_count > 1 %}
                <span class="text-muted">{{ entry.batch_count }} objets</span>
              {% elif entry.object_pk and entry.object_pk != "" %}
                <span class="id-badge">{{ entry.object_pk }}</span>
              {% else %}
                <span class="text-muted">—</span>
              {% endif %}
            </td>
            <td>
              {% if entry.batch_count > 1 %}
                {% if entry.action == "edit" %}
                  <span class="badge badge-blue">{{ entry.batch_count }} modifiés</span>
                {% elif entry.action == "delete" %}
                  <span class="badge badge-red">{{ entry.batch_count }} supprimés</span>
                {% else %}
                  <span class="badge">{{ entry.batch_count }} × {{ entry.action }}</span>
                {% endif %}
              {% elif 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.batch_count > 1 %}
                <a href="{{ admin_prefix }}/history/batch/{{ entry.batch_id }}" class="btn btn-ghost btn-sm" title="Voir le lot">
                  Voir les {{ entry.batch_count }}
                </a>
              {% elif 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="5">
              <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="?page={{ page - 1 }}{% if filter_resource %}&resource={{ filter_resource }}{% endif %}{% if filter_action %}&action={{ filter_action }}{% endif %}{% if filter_user %}&user={{ filter_user }}{% endif %}" 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="?page={{ page + 1 }}{% if filter_resource %}&resource={{ filter_resource }}{% endif %}{% if filter_action %}&action={{ filter_action }}{% endif %}{% if filter_user %}&user={{ filter_user }}{% endif %}" class="btn btn-secondary btn-sm">Suivant →</a>
    {% else %}
      <span></span>
    {% endif %}
  </div>
  {% endif %}
</div>

{% endblock %}
{% block extra_js %}{{ super() }}
<script {% csp %}>
  document.getElementById('history-filter-resource').addEventListener('change', function() { this.form.submit(); });
  document.getElementById('history-filter-action').addEventListener('change', function() { this.form.submit(); });
</script>
{% endblock %}