{% extends "base.html" %}
{% block title %}Audit Trail — ClawTex Dashboard{% endblock %}
{% block content %}
<h1>Audit Trail</h1>

<form class="filter-bar" method="get" action="/audit">
    <select name="decision">
        <option value="">All Decisions</option>
        <option value="ALLOW" {% if filter_decision == "ALLOW" %}selected{% endif %}>ALLOW</option>
        <option value="DENY" {% if filter_decision == "DENY" %}selected{% endif %}>DENY</option>
        <option value="REVIEW" {% if filter_decision == "REVIEW" %}selected{% endif %}>REVIEW</option>
    </select>
    <input type="text" name="tenant" placeholder="Tenant ID (optional)" value="{{ filter_tenant or '' }}">
    <button type="submit">Filter</button>
</form>

{% if entries %}
<table>
    <thead>
        <tr>
            <th>Timestamp</th>
            <th>Action</th>
            <th>Decision</th>
            <th>Tenant</th>
            <th>Context</th>
        </tr>
    </thead>
    <tbody>
        {% for entry in entries %}
        <tr>
            <td>{{ entry.timestamp }}</td>
            <td>{{ entry.action }}</td>
            <td>
                <span class="badge badge-{{ entry.decision | lower }}">{{ entry.decision }}</span>
            </td>
            <td>{{ entry.tenant_id or "—" }}</td>
            <td style="max-width:300px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;">
                {{ entry.context | tojson }}
            </td>
        </tr>
        {% endfor %}
    </tbody>
</table>
<p style="color: var(--text-muted); font-size: 0.85rem;">
    Showing {{ entries | length }} entries
</p>
{% else %}
<div class="empty">No audit entries match the current filter.</div>
{% endif %}
{% endblock %}