{% extends "admin/base.html" %}
{% from "admin/macros/history.html" import entry_item %}
{% block title %}History{% endblock %}
{% block content %}
<div class="page-header d-print-none">
  <div class="row g-2 align-items-center">
    <div class="col">
      <h2 class="page-title">
        {{ heading }} <span class="text-secondary">/ {{ subtitle }}</span>
      </h2>
      <div class="text-secondary mt-1">{{ count }} change{{ '' if count == 1 else 's' }} recorded</div>
    </div>
    <div class="col-auto ms-auto d-print-none">
      <div class="btn-list">
        {% if can_revert %}
        <form method="post" action="{{ revert_url }}"
          onsubmit="return confirm('Revert this entire change set? Entries are reverted in reverse order and a new history entry records each revert.');">
          <input type="hidden" name="csrf_token" value="{{ csrf_token }}" />
          <button type="submit" class="btn btn-outline-primary">Revert change set</button>
        </form>
        {% endif %}
        <a href="{{ back_url }}" class="btn">Back</a>
      </div>
    </div>
  </div>
</div>
{% if deleted_target %}
<div class="alert alert-warning" role="alert">
  This row has been deleted. The history below is kept for auditing; restoring a
  <code>delete</code> entry re-creates the row with its original id when free.
</div>
{% endif %}
<div class="card">
  <div class="card-body">
    {% if not entries %}
    <div class="text-secondary">No changes recorded.</div>
    {% endif %}
    {% for entry in entries %}
      {{ entry_item(entry, true, csrf_token) }}
    {% endfor %}
  </div>
  {% if older %}
  <div class="card-footer d-flex align-items-center">
    <span class="text-secondary small">Showing the most recent changes.</span>
    <div class="ms-auto btn-list">
      {% if before %}<a href="{{ timeline_url }}" class="btn btn-sm">Newest</a>{% endif %}
      <a href="{{ timeline_url }}?before={{ older }}" class="btn btn-sm">Older</a>
    </div>
  </div>
  {% elif before %}
  <div class="card-footer">
    <a href="{{ timeline_url }}" class="btn btn-sm">Newest</a>
  </div>
  {% endif %}
</div>
{% endblock %}