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

<div class="page-header">
  <div>
    <h1 class="page-title">Action groupée — {{ resource_titles[resource_key] | default(value=resource_key) }}</h1>
    <p class="page-subtitle">{{ batch_entries | length }} objets affectés par cette action</p>
  </div>
  <a href="{{ admin_prefix }}/history" class="btn btn-secondary btn-sm">← Historique</a>
</div>

<div class="card">

  <div class="history-meta">
    <div class="history-meta-item">
      <span class="history-meta-label">Date</span>
      <span class="history-meta-value">{% if created_at %}{{ created_at | format_date }}{% else %}<span class="text-muted">—</span>{% endif %}</span>
    </div>
    <div class="history-meta-item">
      <span class="history-meta-label">Utilisateur</span>
      <span class="history-meta-value"><span class="id-badge">{{ username }}</span></span>
    </div>
    <div class="history-meta-item">
      <span class="history-meta-label">Ressource</span>
      <span class="history-meta-value">{{ resource_titles[resource_key] | default(value=resource_key) }}</span>
    </div>
    <div class="history-meta-item">
      <span class="history-meta-label">Action</span>
      <span class="history-meta-value">
        {% if action == "edit" %}<span class="badge badge-blue">modifié</span>
        {% elif action == "delete" %}<span class="badge badge-red">supprimé</span>
        {% else %}<span class="badge">{{ action }}</span>{% endif %}
      </span>
    </div>
  </div>

  <div class="admin-table-wrapper">
    <table class="admin-table">
      <thead>
        <tr>
          <th>Objet</th>
          <th>Modifications</th>
          <th></th>
        </tr>
      </thead>
      <tbody>
        {% if batch_entries %}
          {% for item in batch_entries %}
          <tr>
            <td>
              <div class="batch-obj">
                <span class="id-badge">{{ item.object_pk }}</span>
                {% if item.display_name %}<span class="batch-obj-name">{{ item.display_name }}</span>{% endif %}
              </div>
            </td>
            <td>
              {% if item.diff_fields and item.diff_fields | length > 0 %}
                <div class="batch-diff-inline">
                  {% for field in item.diff_fields %}
                    <span class="batch-diff-field">
                      <span class="diff-key">{{ field.key }}</span>
                      <span class="diff-old">{{ field.old_val }}</span>
                      <span class="diff-arrow">→</span>
                      <span class="diff-new">{{ field.new_val }}</span>
                    </span>
                  {% endfor %}
                </div>
              {% else %}
                <span class="text-muted">—</span>
              {% endif %}
            </td>
            <td class="td-actions">
              {% if item.summary %}
                <a href="{{ admin_prefix }}/history/{{ item.id }}" class="btn btn-ghost btn-sm" title="Diff détaillé">
                  <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="3">
              <div class="admin-empty-state">
                <p class="admin-empty-state__title">Aucune entrée pour ce lot</p>
              </div>
            </td>
          </tr>
        {% endif %}
      </tbody>
    </table>
  </div>

</div>

{% endblock %}