{% extends "base.html" %}
{% block title %}Audit Log — Admin{% endblock %}
{% block content %}
<h1>Audit Log</h1>
<p class="subtle">Every meaningful action in the portal is recorded here.</p>

<form method="GET" action="{{ url_for('admin_audit') }}" class="inline-form">
    <input type="text" name="user" placeholder="Filter by username" value="{{ user_filter }}">
    <input type="text" name="action" placeholder="Filter by action (e.g. LOGIN)" value="{{ action_filter }}">
    <button type="submit" class="btn btn-primary">Filter</button>
    <a href="{{ url_for('admin_audit') }}" class="btn btn-ghost">Reset</a>
</form>

<table class="data-table">
    <thead>
        <tr>
            <th>Timestamp (UTC)</th>
            <th>User</th>
            <th>Action</th>
            <th>Details</th>
            <th>IP</th>
        </tr>
    </thead>
    <tbody>
        {% for log in logs.items %}
        <tr>
            <td><code>{{ log.timestamp.strftime('%Y-%m-%d %H:%M:%S') }}</code></td>
            <td>{{ log.username or '—' }}</td>
            <td><span class="badge badge-blue">{{ log.action }}</span></td>
            <td>{{ log.details }}</td>
            <td><code>{{ log.ip_address or '—' }}</code></td>
        </tr>
        {% else %}
        <tr><td colspan="5" class="empty-row">No log entries found.</td></tr>
        {% endfor %}
    </tbody>
</table>

{% if logs.pages > 1 %}
<div class="pagination">
    {% if logs.has_prev %}
        <a href="{{ url_for('admin_audit', page=logs.prev_num, user=user_filter, action=action_filter) }}" class="btn btn-sm">← Prev</a>
    {% endif %}
    <span>Page {{ logs.page }} of {{ logs.pages }}</span>
    {% if logs.has_next %}
        <a href="{{ url_for('admin_audit', page=logs.next_num, user=user_filter, action=action_filter) }}" class="btn btn-sm">Next →</a>
    {% endif %}
</div>
{% endif %}
{% endblock %}