{% extends "base.html" %}
{% import "_macros.html" as m %}
{% block title %}Audit log — rosbackup-ng{% endblock %}
{% block page_title %}Audit log{% endblock %}
{% block content %}
<div class="card">
  <div class="audit-bar">
    <form class="filters stacked" id="audit-filters" hx-get="/ui/audit/rows" hx-target="#audit-result"
          hx-swap="innerHTML" hx-trigger="change, keyup delay:300ms from:find input[name=q]">
      <div class="filter-row">
        <select name="severity">
          <option value="">All types</option>
          <option value="error" {{ 'selected' if severity == 'error' }}>Errors</option>
          <option value="warning" {{ 'selected' if severity == 'warning' }}>Warnings</option>
          <option value="notice" {{ 'selected' if severity == 'notice' }}>Notices</option>
        </select>
        {{ m.pagesize(pg.per) }}
      </div>
      <div class="filter-row">
        <input type="search" name="q" value="{{ q }}" placeholder="Search actor / action / detail">
      </div>
    </form>
    <form method="post" action="/ui/audit/retention" class="audit-retention">
      <input type="hidden" name="csrf_token" value="{{ request.state.session.csrf_token }}">
      <label for="days">Keep for</label>
      <input type="number" id="days" name="days" min="0" value="{{ retention }}" class="num-sm" placeholder="∞">
      <span class="muted">days</span>
      <button type="submit" class="btn">Save</button>
    </form>
  </div>
  <p class="muted">Most recent first. Click an entry for details.{% if retention %} Entries older than {{ retention }} days are pruned.{% endif %}</p>
  <div id="audit-result">
    {% include "_audit_feed.html" %}
  </div>
</div>
{% endblock %}