{% extends "base.html" %}
{% from "_macros.html" import cell %}
{% block title %}{{ admin.get_verbose_name() }} · {{ identity | short_identity }}{% endblock %}
{% block content %}
<section class="tempest-admin-detail">
  <header class="tempest-admin-detail__header">
    <div class="tempest-admin-page-title">
      <a class="tempest-admin-crumb" href="{{ url_for('admin_list', slug=admin.get_slug()) }}">← {{ admin.get_verbose_name_plural() }}</a>
      <h1>{{ admin.get_verbose_name() }} <code class="tempest-admin-value--uuid" title="{{ identity }}">{{ identity | short_identity }}</code></h1>
    </div>
    <div class="tempest-admin-detail__actions">
      {% 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 tempest-admin-btn--danger">Delete</button>
      </form>
      {% endif %}
    </div>
  </header>
  <dl class="tempest-admin-detail__fields">
    {% for column, value in fields %}
    <dt>{{ column | field_label }}</dt>
    <dd>
      {% if value is not none and column in json_columns %}<pre class="tempest-admin-detail__json">{{ value }}</pre>{% else %}{{ cell(value, full=true) }}{% endif %}
    </dd>
    {% endfor %}
  </dl>
  {% macro inline_cell(f) %}
    {% if f.widget == 'checkbox' %}
    <input type="checkbox" name="{{ f.name }}" value="true" {% if f.checked %}checked{% endif %}>
    {% elif f.widget == 'textarea' or f.widget == 'json' %}
    <textarea name="{{ f.name }}" rows="2" {% if f.required %}required{% endif %}>{{ f.value }}</textarea>
    {% elif f.widget == 'select' %}
    <select name="{{ f.name }}" {% if f.required %}required{% endif %}>
      {% if not f.required %}<option value="">— none —</option>{% endif %}
      {% for val, lbl in f.options %}<option value="{{ val }}" {% if (f.value | string) == val %}selected{% endif %}>{{ lbl }}</option>{% endfor %}
    </select>
    {% elif f.widget == 'number' %}
    <input type="number" name="{{ f.name }}" value="{{ f.value }}" {% if f.step %}step="{{ f.step }}"{% endif %} {% if f.required %}required{% endif %}>
    {% elif f.widget == 'datetime' %}
    <input type="datetime-local" name="{{ f.name }}" value="{{ f.value }}" {% if f.required %}required{% endif %}>
    {% elif f.widget == 'date' %}
    <input type="date" name="{{ f.name }}" value="{{ f.value }}" {% if f.required %}required{% endif %}>
    {% elif f.widget == 'time' %}
    <input type="time" name="{{ f.name }}" value="{{ f.value }}" {% if f.required %}required{% endif %}>
    {% else %}
    <input type="text" name="{{ f.name }}" value="{{ f.value }}" {% if f.required %}required{% endif %}>
    {% endif %}
    {% if f.error %}<small class="tempest-admin-form__field-error">{{ f.error }}</small>{% endif %}
  {% endmacro %}
  {% 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.editable %}
    {% if inline_error %}<p class="tempest-admin-form__error">{{ inline_error }}</p>{% endif %}
    <form method="post" action="{{ inline.form_action }}" class="tempest-admin-inline__form">
      <input type="hidden" name="csrf_token" value="{{ session.csrf_token }}">
      <div class="tempest-admin-inline__scroll">
        <table class="tempest-admin-inline__table">
          <thead>
            <tr>{% for col in inline.columns %}<th>{{ col }}</th>{% endfor %}{% if inline.can_delete %}<th>Delete</th>{% endif %}</tr>
          </thead>
          <tbody>
            {% for row in inline.rows %}
            <tr>
              {% for f in row.fields %}<td>{{ inline_cell(f) }}</td>{% endfor %}
              {% if inline.can_delete %}<td class="tempest-admin-inline__del"><input type="checkbox" name="row.{{ row.key }}.__delete" value="true"></td>{% endif %}
            </tr>
            {% endfor %}
            {% if inline.new_row %}
            <tr class="tempest-admin-inline__new">
              {% for f in inline.new_row.fields %}<td>{{ inline_cell(f) }}</td>{% endfor %}
              {% if inline.can_delete %}<td></td>{% endif %}
            </tr>
            {% endif %}
          </tbody>
        </table>
      </div>
      <div class="tempest-admin-form__actions">
        <button type="submit">Save {{ inline.label }}</button>
      </div>
    </form>
    {% if inline.truncated %}<p class="tempest-admin-inline__more"><em>Editing the first {{ inline.rows | length }} of {{ inline.total }}.</em></p>{% endif %}
    {% elif inline.rows %}
    <div class="tempest-admin-inline__scroll">
      <table class="tempest-admin-inline__table">
        <thead>
          <tr>{% for col in inline.columns %}<th>{{ col | field_label }}</th>{% endfor %}<th></th></tr>
        </thead>
        <tbody>
          {% for row in inline.rows %}
          <tr>
            {% for col, value in row.cells %}
            <td>{{ cell(value) }}</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 %}
  {% 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>{{ cell(audit.created_at) }}</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>{{ cell(audit.updated_at) }}</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">
          {{ cell(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 | field_label }}</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 %}