{% macro op_badge(op) %}
{%- set classes = {"create": "bg-green-lt", "update": "bg-blue-lt", "delete": "bg-red-lt"} -%}
<span class="badge {{ classes.get(op, 'bg-secondary-lt') }}">{{ op }}</span>
{% endmacro %}

{% macro entry_item(entry, detailed=false, csrf_token="") %}
<div class="history-entry mb-3">
  <div class="d-flex align-items-center gap-2 flex-wrap">
    {{ op_badge(entry.op) }}
    <strong>{{ entry.actor_label }}</strong>
    <span class="badge bg-secondary-lt">{{ entry.source }}</span>
    <span class="text-secondary small ms-auto" title="{{ entry.occurred_at.isoformat() }}"
      >{{ entry.occurred_at | format_datetime("%Y-%m-%d %H:%M:%S") }}</span>
  </div>
  {% if detailed %}
  <div class="d-flex align-items-center gap-2 flex-wrap mt-1">
    <span class="text-secondary small">{{ entry.object_repr }}</span>
    {% if entry.revertable and csrf_token %}
    <form method="post" action="{{ entry.revert_url }}" class="ms-auto"
      onsubmit="return confirm('Revert this change? A new history entry will record the revert.');">
      <input type="hidden" name="csrf_token" value="{{ csrf_token }}" />
      <button type="submit" class="btn btn-sm btn-outline-primary">Revert</button>
    </form>
    {% endif %}
  </div>
  {% endif %}
  {% if entry.diffs or entry.m2m or entry.masked or entry.redacted or entry.unknown_old %}
  <table class="table table-sm table-vcenter mt-2 mb-1">
    <thead>
      <tr>
        <th style="width: 30%">Field</th>
        <th>Before</th>
        <th>After</th>
      </tr>
    </thead>
    <tbody>
      {% for diff in entry.diffs %}
      <tr>
        <td>{{ diff.label }}</td>
        <td class="text-secondary" style="overflow-wrap: anywhere">{{ diff.old }}</td>
        <td style="overflow-wrap: anywhere">{{ diff.new }}</td>
      </tr>
      {% endfor %}
      {% for diff in entry.masked %}
      <tr>
        <td>{{ diff.label }} <span class="badge bg-purple-lt">masked</span></td>
        <td class="text-secondary" style="overflow-wrap: anywhere">{{ diff.old }}</td>
        <td style="overflow-wrap: anywhere">{{ diff.new }}</td>
      </tr>
      {% endfor %}
      {% for rel in entry.m2m %}
      <tr>
        <td>{{ rel.label }}</td>
        <td class="text-secondary" style="overflow-wrap: anywhere">
          {% if rel.removed %}<span class="badge bg-red-lt">{{ rel.removed | join(", ") }}</span>{% endif %}
        </td>
        <td style="overflow-wrap: anywhere">
          {% if rel.added %}<span class="badge bg-green-lt">{{ rel.added | join(", ") }}</span>{% endif %}
        </td>
      </tr>
      {% endfor %}
      {% for label in entry.redacted %}
      <tr>
        <td>{{ label }}</td>
        <td colspan="2"><span class="badge bg-orange-lt">redacted</span></td>
      </tr>
      {% endfor %}
      {% for label in entry.unknown_old %}
      <tr>
        <td>{{ label }}</td>
        <td colspan="2"><span class="badge bg-secondary-lt">previous value unknown</span></td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% else %}
  <div class="text-secondary small mt-1">No field changes recorded.</div>
  {% endif %}
  {% if entry.truncated %}
  <div class="text-secondary small">Large values were truncated in this entry.</div>
  {% endif %}
</div>
{% endmacro %}