{% extends "base.html" %}
{% block content %}

<h1>Audit Log</h1>
<p class="page-subtitle">
    Every admin action — who changed what, when, and from where.
</p>

<div class="page-actions">
    <a href="/audit/export.csv?range={{ range_filter }}&kind={{ kind_filter }}"
       class="btn-primary">↓ Download CSV</a>
</div>

<section>
    <h2>Date Range</h2>
    <div class="chip-row">
        {% set ranges = [('today', 'Today'), ('7d', 'Last 7 days'), ('30d', 'Last 30 days'), ('all', 'All time')] %}
        {% for slug, label in ranges %}
            <a href="/audit?range={{ slug }}&kind={{ kind_filter }}"
               class="chip {% if range_filter == slug %}chip-active{% endif %}">{{ label }}</a>
        {% endfor %}
    </div>
</section>

<section>
    <h2>Action Kind</h2>
    <div class="chip-row">
        {% set kinds = [('all', 'All'), ('auth', 'Auth'), ('rate', 'Rates'), ('voucher', 'Vouchers')] %}
        {% for slug, label in kinds %}
            <a href="/audit?range={{ range_filter }}&kind={{ slug }}"
               class="chip {% if kind_filter == slug %}chip-active{% endif %}">
                {{ label }} <span class="chip-count">{{ counts[slug] }}</span>
            </a>
        {% endfor %}
    </div>
</section>

<section>
    {% if rows %}
        <div class="table-scroll">
            <table>
                <thead>
                    <tr>
                        <th>Time</th>
                        <th class="col-hide-mobile">Actor</th>
                        <th>Action</th>
                        <th>Target</th>
                        <th class="col-hide-mobile">IP</th>
                        <th class="col-hide-mobile">Details</th>
                    </tr>
                </thead>
                <tbody>
                {% for r in rows %}
                    <tr>
                        <td>{{ r.ts }}</td>
                        <td class="col-hide-mobile">{{ r.actor }}</td>
                        <td><code>{{ r.action }}</code></td>
                        <td>
                            {% if r.target_id %}
                                <code>{{ r.target_id }}</code>
                                {% if r.target_kind %}<span style="color: var(--muted); font-size: 11px;">({{ r.target_kind }})</span>{% endif %}
                            {% else %}
                                <span style="color: var(--muted-2);">—</span>
                            {% endif %}
                        </td>
                        <td class="col-hide-mobile">
                            {% if r.ip %}<span class="code">{{ r.ip }}</span>
                            {% else %}<span style="color: var(--muted-2);">—</span>{% endif %}
                        </td>
                        <td class="col-hide-mobile">
                            {% if r.details is mapping %}
                                <code style="font-size: 11px; color: var(--text-body);">
                                {%- for k, v in r.details.items() -%}
                                    {%- if not loop.first %}, {% endif -%}
                                    {{ k }}={{ v }}
                                {%- endfor -%}
                                </code>
                            {% elif r.details_raw %}
                                <code style="font-size: 11px; color: var(--danger);">{{ r.details_raw }}</code>
                            {% else %}
                                <span style="color: var(--muted-2);">—</span>
                            {% endif %}
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
        {% if row_limit_hit %}
            <p class="form-hint">
                Showing first 200 rows of the current filter. Narrow the range
                or download the CSV to see everything.
            </p>
        {% endif %}
    {% else %}
        <div class="empty-state">
            <strong>No audit entries in this view.</strong><br>
            {% if kind_filter == 'all' and range_filter == 'all' %}
                Activity will appear here as you use the admin console.
            {% else %}
                Try widening the range or switching kind.
            {% endif %}
        </div>
    {% endif %}
</section>

{% endblock %}