{% extends "base.html" %}
{% block title %}Audit{% endblock %}
{% block content %}
<div class="stack stack-sm">
  <h1>Audit</h1>
  <p class="text-muted">Wer hat was wann getan{% if not a.access.is_platform %} in deinem Tenant{% endif %}. Neueste zuerst.</p>
</div>
<form class="form-row hugin-filter" action="{{ url_for('audit') }}" method="get"
      hx-get="{{ url_for('audit') }}" hx-target="#audit-list" hx-push-url="true"
      hx-trigger="input changed delay:300ms from:#target, change from:#action, submit">
  <input id="target" name="target" type="search" value="{{ target }}" placeholder="Ziel, z. B. pub-munin-nutzen" aria-label="Ziel">
  <select id="action" name="action" aria-label="Aktion">
    <option value="">Alle Aktionen</option>
    {% for value, name in [('version.', 'Versionen'), ('package.', 'Pakete'), ('key.', 'Keys'), ('person.', 'Personen'), ('tenant.', 'Tenants'), ('project.', 'Projekte'), ('mandatory.', 'Pflichtpakete'), ('setting.', 'Einstellungen')] %}
    <option value="{{ value }}" {% if action == value %}selected{% endif %}>{{ name }}</option>
    {% endfor %}
  </select>
  <span class="htmx-indicator spinner spinner-sm" aria-hidden="true"></span>
</form>
<div id="audit-list">{% include "_audit_list.html" %}</div>
{% endblock %}