{% extends "_layout.html" %}
{% block title %}Audit{% endblock %}
{% block content %}
<header class="page-header">
    <div>
        <div class="eyebrow">Audit</div>
        <h1>Audit Log</h1>
        <p class="subtitle">{{ audit_total }} recent events from the server audit log.</p>
    </div>
</header>

{% if audit_events %}
<section class="panel">
    <div class="table-wrap">
        <table class="data-table audit-table">
            <thead>
                <tr>
                    <th>Time</th>
                    <th>Event</th>
                    <th>Actor</th>
                    <th>Target</th>
                    <th>Status</th>
                    <th>Source</th>
                </tr>
            </thead>
            <tbody>
                {% for event in audit_events %}
                <tr>
                    <td><span class="mono subtle">{{ event.time }}</span></td>
                    <td>
                        <div class="table-primary">{{ event.event }}</div>
                        <div class="table-secondary mono">{{ event.event_id }}</div>
                    </td>
                    <td><span class="mono">{{ event.actor }}</span></td>
                    <td>{{ event.target }}</td>
                    <td>
                        {% if event.status != "-" %}
                        <span class="pill pill-neutral">{{ event.status }}</span>
                        {% else %}
                        <span class="muted">-</span>
                        {% endif %}
                    </td>
                    <td><span class="pill pill-neutral">{{ event.source }}</span></td>
                </tr>
                {% if event.metadata %}
                <tr class="audit-metadata-row">
                    <td></td>
                    <td colspan="5">
                        <dl class="metadata-list">
                            {% for key, value in event.metadata.items() %}
                            <div>
                                <dt>{{ key }}</dt>
                                <dd>{{ value }}</dd>
                            </div>
                            {% endfor %}
                        </dl>
                    </td>
                </tr>
                {% endif %}
                {% endfor %}
            </tbody>
        </table>
    </div>
</section>
{% else %}
<div class="empty">
    <div class="empty-title">No audit events yet</div>
    <div class="empty-body">Events will appear here after authentication, provider, or proxy activity is recorded.</div>
</div>
{% endif %}
{% endblock %}