{% 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 %}
  {% for inline in inlines %}
  <section class="tempest-admin-inline">
    <header class="tempest-admin-inline__header">
      <h2>{{ inline.label }}{% if inline.total %} <span class="tempest-admin-inline__count">({{ inline.total }})</span>{% endif %}</h2>
      {% if inline.add_url %}<a class="tempest-admin-btn" href="{{ inline.add_url }}">Add</a>{% endif %}
    </header>
    {% if inline.rows %}
    <div class="tempest-admin-inline__scroll">
      <table class="tempest-admin-inline__table">
        <thead>
          <tr>{% for col in inline.columns %}<th>{{ col }}</th>{% endfor %}<th></th></tr>
        </thead>
        <tbody>
          {% for row in inline.rows %}
          <tr>
            {% for col, value in row.cells %}
            <td>{% if value is none %}<em>—</em>{% else %}{{ value }}{% endif %}</td>
            {% endfor %}
            <td>{% if row.url %}<a href="{{ row.url }}">View</a>{% endif %}</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
    {% if inline.truncated %}<p class="tempest-admin-inline__more"><em>Showing the first {{ inline.rows | length }} of {{ inline.total }}.</em></p>{% endif %}
    {% else %}
    <p class="tempest-admin-inline__empty"><em>No related records.</em></p>
    {% endif %}
  </section>
  {% endfor %}
</section>
{% endblock %}