{% extends "base.html" %}
{% block title %}Audit log{% endblock %}
{% block content %}
<div class="hdr"><div><h1>Audit log</h1><p class="sub" style="margin:0">Every change in this workspace: who, what, when and from where. Your {{ plan.name }} plan keeps {{ days }} days{% if days < 365 %} · <a href="/app/billing">longer retention</a>{% endif %}.</p></div>
  <div class="actions">
    {% if can_export %}<a class="btn sm" href="/app/audit/export.csv?actor={{ actor|urlencode }}&action={{ action|urlencode }}&q={{ q|urlencode }}">Export CSV</a>
    {% else %}<a class="btn sm" href="/app/reports/export?sections=audit,team">Export centre</a> <a class="btn sm" href="/app/audit/export.csv" title="Paid plans">Export CSV</a>{% endif %}
  </div></div>

<form method="get" action="/app/audit" class="panel" style="padding:14px 16px;margin-bottom:16px">
  <div style="display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end">
    <div style="flex:1;min-width:160px"><label>Actor</label><input type="text" name="actor" list="actors" value="{{ actor }}" placeholder="anyone"><datalist id="actors">{% for a in actors %}<option value="{{ a }}">{% endfor %}</datalist></div>
    <div style="flex:1;min-width:160px"><label>Action</label><input type="text" name="action" list="actions" value="{{ action }}" placeholder="e.g. monitors.delete"><datalist id="actions">{% for a in actions %}<option value="{{ a }}">{% endfor %}</datalist></div>
    <div style="flex:2;min-width:200px"><label>Text</label><input type="text" name="q" value="{{ q }}" placeholder="target, IP or detail"></div>
    <div class="actions"><button class="btn">Filter</button>{% if actor or action or q %}<a class="btn ghost" href="/app/audit">Clear</a>{% endif %}</div>
  </div>
</form>

<div class="panel tight tbl"><table>
<thead><tr><th>Time</th><th>Actor</th><th>Action</th><th>Target</th><th>IP</th><th>Detail</th></tr></thead><tbody>
{% for e in events %}
<tr><td class="small muted" style="white-space:nowrap">{{ e.at|dt }}<div class="dim">{{ e.at|timeago }}</div></td>
  <td class="small" style="max-width:220px;overflow:hidden;text-overflow:ellipsis" title="{{ e.actor }}">{{ e.actor }}</td>
  <td><span class="pill {{ pill_class(e.action) }}">{{ e.action }}</span></td>
  <td class="small mono" style="word-break:break-all">{{ e.target or '—' }}</td>
  <td class="small muted mono">{{ e.ip or '—' }}</td>
  <td class="small muted" style="max-width:320px">{% if e.detail %}{% for k, v in e.detail.items() %}<span class="tag">{{ k }}={{ v }}</span>{% endfor %}{% else %}—{% endif %}</td></tr>
{% endfor %}
{% if not events %}<tr><td colspan="6" class="empty">{% if actor or action or q %}Nothing matches these filters.{% else %}No events yet. Changes to monitors, channels, pages, team and billing will show up here.{% endif %}</td></tr>{% endif %}
</tbody></table></div>

<div style="display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap">
  <span class="small muted">{{ total }} event{{ '' if total == 1 else 's' }}{% if pages > 1 %} · page {{ page }} of {{ pages }}{% endif %}</span>
  {% if pages > 1 %}<div class="seg">
    {% if page > 1 %}<a href="?actor={{ actor|urlencode }}&action={{ action|urlencode }}&q={{ q|urlencode }}&page={{ page - 1 }}">← Newer</a>{% endif %}
    {% if page < pages %}<a href="?actor={{ actor|urlencode }}&action={{ action|urlencode }}&q={{ q|urlencode }}&page={{ page + 1 }}">Older →</a>{% endif %}
  </div>{% endif %}
</div>
{% endblock %}