{% extends "base.html" %}
{% block title %}{{ t('audit.title') }} — painfree{% endblock %}
{% block body %}
<h1>{{ t('audit.heading') }}</h1>
<p class="lede">{{ t('audit.lede') }}</p>

{# Four links rather than a form, so each is a URL an operator can keep and the
   seven-control form is there for the day somebody needs it. #}
<p class="filters shows">
  <a href="/ui/audit"{% if not filters.outcome and not filters.actor_id %} aria-current="true"{% endif %}>{{ t('audit.quick_everything') }}</a>
  <a href="/ui/audit?outcome=failure"{% if filters.outcome == 'failure' %} aria-current="true"{% endif %}>{{ t('audit.quick_failures') }}</a>
  <a href="/ui/audit?since={{ today }}"{% if filters.since == today %} aria-current="true"{% endif %}>{{ t('audit.quick_today') }}</a>
</p>

<details class="pf-escape"{% if filters.action or filters.order_id or filters.connection_id %} open{% endif %}>
<summary>{{ t('audit.all_filters') }}</summary>
<form class="filters" method="get" action="/ui/audit">
  <div><label for="connection_id">{{ t('common.connection') }}</label>
    <select id="connection_id" name="connection_id">
      <option value="">{{ t('common.every_connection') }}</option>
      {% for row in connections %}
      <option value="{{ row.connection_id }}" {{ 'selected' if row.connection_id == filters.connection_id else '' }}>{{ row.connection_id }}</option>
      {% endfor %}
    </select></div>
  <div><label for="actor_id">{{ t('audit.actor') }}</label>
    <select id="actor_id" name="actor_id">
      <option value="">{{ t('audit.anyone') }}</option>
      {% for name in actors %}
      <option value="{{ name }}" {{ 'selected' if name == filters.actor_id else '' }}>{{ name }}</option>
      {% endfor %}
    </select></div>
  {# The action values are the audit contract's own vocabulary, read out of the
     table. They are matched on by anything reading this trail and are never
     translated. #}
  <div><label for="action">{{ t('audit.action') }}</label>
    <select id="action" name="action">
      <option value="">{{ t('audit.every_action') }}</option>
      {% for name in actions %}
      <option value="{{ name }}" {{ 'selected' if name == filters.action else '' }}>{{ name }}</option>
      {% endfor %}
    </select></div>
  <div><label for="outcome">{{ t('audit.outcome') }}</label>
    <select id="outcome" name="outcome">
      <option value="">{{ t('audit.either') }}</option>
      <option value="success" {{ 'selected' if filters.outcome == 'success' else '' }}>{{ t('audit.success') }}</option>
      <option value="failure" {{ 'selected' if filters.outcome == 'failure' else '' }}>{{ t('audit.failure') }}</option>
    </select></div>
  <div><label for="since">{{ t('audit.from') }}</label>
    <input type="date" id="since" name="since" value="{{ filters.since }}"></div>
  <div><label for="until">{{ t('audit.to') }}</label>
    <input type="date" id="until" name="until" value="{{ filters.until }}"></div>
  <div><label for="order_id">{{ t('orders.order') }}</label>
    <input type="text" class="mono" id="order_id" name="order_id"
           value="{{ filters.order_id }}" placeholder="ord_…"></div>
  <button type="submit" class="secondary">{{ t('common.filter') }}</button>
  <a class="button secondary" href="/ui/audit">{{ t('audit.clear') }}</a>
</form>
</details>

<div class="card">
{% if events %}
<table>
  <tr><th>{{ t('common.when') }}</th><th>{{ t('audit.action') }}</th>
      <th>{{ t('audit.concerns') }}</th><th>{{ t('error.detail') }}</th></tr>
  {% for group in groups %}
  {# One operator action and the rows it wrote. They already shared a
     `request_id`; read as rows of equal weight, one person pressing one button
     looked like several unrelated things. #}
  {% if group.request_id and group.rows | length > 1 %}
  <tr class="reqhead">
    <td colspan="4">{{ group.rows[0].occurred_at | moment }} &middot;
      {{ group.rows[0].actor_id }} &middot;
      {{ t('audit.rows_in_request', count=group.rows | length) }}
      <code>{{ group.request_id }}</code></td>
  </tr>
  {% endif %}
  {% for row in group.rows %}
  <tr{% if group.request_id and group.rows | length > 1 %} class="sub"{% endif %}>
    <td>{{ row.occurred_at | moment }}
        <span class="hint mono">#{{ row.seq }}</span></td>
    <td><span class="mono">{{ row.action }}</span>
        <span class="hint"><span class="tag {{ 'acknowledged' if row.outcome == 'success' else 'failed' }}">{{ row.outcome }}</span>
        {{ row.actor_id }}</span></td>
    <td>
      {# The point of the page: from "something happened" to the thing it
         happened to, without copying an id out of a JSON blob. Only targets
         this reader may actually open are linked, and the correlation ids sit
         under the link rather than beside it as a third mono string. #}
      {% if links[row.event_id] %}
        {% for link in links[row.event_id] %}
        <a href="{{ link.href }}">{{ t(link.label_key) }}</a>
        <span class="hint mono">{{ link.value }}</span>
        {% endfor %}
      {% else %}
        <span class="hint">{{ t('audit.nothing_addressable') }}</span>
      {% endif %}
      {% if row.idempotency_key %}<span class="hint mono">key {{ row.idempotency_key }}</span>{% endif %}
      {% if row.request_id and not (group.request_id and group.rows | length > 1) %}
      <span class="hint mono">req {{ row.request_id }}</span>{% endif %}
    </td>
    <td>
      {% if row.detail %}
      <details>
        <summary><small>{{ t('audit.field_count', count=row.detail | length) }}</small></summary>
        <pre class="json">{{ row.detail | pretty_json }}</pre>
      </details>
      {% else %}
      <small class="empty">—</small>
      {% endif %}
    </td>
  </tr>
  {% endfor %}
  {% endfor %}
</table>
{% else %}
<p class="empty">{{ t('audit.empty') }}</p>
{% endif %}
</div>

{% if older %}
{# A cursor on the append sequence rather than an offset: rows arrive while the
   page is being read, and an offset would show one twice and skip another. #}
<p><a class="button secondary" href="/ui/audit?before={{ older }}{% for name, value in filters.items() %}{% if value %}&amp;{{ name }}={{ value | urlencode }}{% endif %}{% endfor %}">{{ t('audit.older') }}</a></p>
{% endif %}

<h2>{{ t('audit.reading_a_row') }}</h2>
<div class="card">
<p>{{ t('audit.reading_a_row_ids') }}</p>
<p>{{ t('audit.reading_a_row_redaction') }}</p>
</div>
{% endblock %}