{% extends "base.html" %}
{% block title %}{{ admin.get_verbose_name() }} · {{ identity }}{% endblock %}
{% block content %}
<section class="tempest-admin-detail">
  <header class="tempest-admin-detail__header">
    <h1>{{ admin.get_verbose_name() }} · {{ identity }}</h1>
    <div class="tempest-admin-detail__actions">
      <a href="{{ url_for('admin_list', slug=admin.get_slug()) }}">← Back to list</a>
      {% if can_edit %}<a class="tempest-admin-btn" href="{{ edit_url }}">Edit</a>{% endif %}
      {% if can_delete %}
      <form method="post" action="{{ delete_url }}" class="tempest-admin-detail__delete" onsubmit="return confirm('Delete this record? This cannot be undone.');">
        <input type="hidden" name="csrf_token" value="{{ session.csrf_token }}">
        <button type="submit" class="tempest-admin-btn--danger">Delete</button>
      </form>
      {% endif %}
    </div>
  </header>
  <dl class="tempest-admin-detail__fields">
    {% for column, value in fields %}
    <dt>{{ column }}</dt>
    <dd>
      {% if value is none %}<em>—</em>{% else %}{{ value }}{% endif %}
    </dd>
    {% endfor %}
  </dl>
  {% if audit %}
  <h2 class="tempest-admin-detail__audit-title">Audit</h2>
  <dl class="tempest-admin-detail__fields tempest-admin-detail__audit">
    <dt>created at</dt>
    <dd>{% if audit.created_at %}{{ audit.created_at }}{% else %}<em>—</em>{% endif %}</dd>
    {% if audit.has_actors %}
    <dt>created by</dt>
    <dd>{% if audit.created_by %}{{ audit.created_by }}{% else %}<em>—</em>{% endif %}</dd>
    {% endif %}
    <dt>updated at</dt>
    <dd>{% if audit.updated_at %}{{ audit.updated_at }}{% else %}<em>—</em>{% endif %}</dd>
    {% if audit.has_actors %}
    <dt>updated by</dt>
    <dd>{% if audit.updated_by %}{{ audit.updated_by }}{% else %}<em>—</em>{% endif %}</dd>
    {% endif %}
  </dl>
  {% endif %}
  {% if admin.audit_model is not none %}
  <h2 class="tempest-admin-detail__audit-title">History</h2>
  {% if history %}
  <ol class="tempest-admin-history">
    {% for entry in history %}
    <li class="tempest-admin-history__item tempest-admin-history__item--{{ entry.action }}">
      <div class="tempest-admin-history__head">
        <span class="tempest-admin-history__action">{{ entry.action }}</span>
        <span class="tempest-admin-history__meta">
          {{ entry.at }}{% if entry.actor %} · {{ entry.actor }}{% endif %}
        </span>
      </div>
      {% if entry.changes %}
      <table class="tempest-admin-history__changes">
        <thead><tr><th>field</th><th>before</th><th>after</th></tr></thead>
        <tbody>
          {% for change in entry.changes %}
          <tr>
            <td>{{ change.field }}</td>
            <td>{% if change.before is none %}<em>—</em>{% else %}{{ change.before }}{% endif %}</td>
            <td>{% if change.after is none %}<em>—</em>{% else %}{{ change.after }}{% endif %}</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
      {% endif %}
    </li>
    {% endfor %}
  </ol>
  {% else %}
  <p class="tempest-admin-history__empty"><em>No recorded changes for this record.</em></p>
  {% endif %}
  {% endif %}
</section>
{% endblock %}