{% extends "ui/_layout.html" %}
{% from "ui/_table_macros.html" import pagination_inline with context %}
{% block title %}Events - nbdmux{% endblock %}

{% block subnav %}
<nav class="navbar subnav-strip" aria-label="Section sub-navigation">
    <div class="container">
        <span class="subnav-jumps d-flex align-items-center flex-wrap">
            <a href="#events-list">Events</a>
        </span>
    </div>
</nav>
{% endblock %}

{% block intro %}
<div class="alert alert-secondary small mb-3">
    Append-only audit log of operator + system activity: exports
    created / deleted, warm pipeline transitions, settings changes,
    auth events. Filter with the search box; click the check icon
    on a failure row to acknowledge and clear it from the dashboard
    tripwire.
</div>
{% endblock %}

{% block content %}
<div class="card mb-3" id="events-list">
    <div class="card-header bg-light fw-semibold d-flex flex-wrap align-items-center gap-3 py-2">
        <span class="text-nowrap"><i class="bi bi-clock-history me-1"></i>Events</span>
        <span class="vr"></span>
        <form method="get" class="d-flex align-items-center gap-2 m-0 flex-grow-1" style="min-width: 14rem;">
            {% if page.per_page != per_page_choices[0] %}<input type="hidden" name="per_page" value="{{ page.per_page }}">{% endif %}
            <label for="events-q" class="text-nowrap text-muted small mb-0">Filter:</label>
            <input type="search" name="q" id="events-q" value="{{ q or '' }}"
                   class="form-control form-control-sm flex-grow-1"
                   placeholder="kind / subject / actor / summary (substring)">
            <button type="submit" class="btn btn-sm btn-outline-secondary" title="Search">
                <i class="bi bi-search"></i>
            </button>
            {% if q %}
            <a href="?" class="btn btn-sm btn-link text-nowrap">Clear</a>
            {% endif %}
        </form>
        {{ pagination_inline(page, preserved, label='events') }}
    </div>
    <div class="table-responsive">
        <table class="table table-striped table-hover mb-0 align-middle">
            <thead class="table-light">
                <tr>
                    <th style="width: 1%; white-space: nowrap;">Time</th>
                    <th style="width: 1%; white-space: nowrap;">Kind</th>
                    <th style="width: 1%; white-space: nowrap;">Actor</th>
                    <th>Summary</th>
                    <th style="width: 1%; white-space: nowrap;">Subject</th>
                    <th class="text-end" style="width: 1%; white-space: nowrap;">Ack</th>
                </tr>
            </thead>
            <tbody>
                {% for e in events %}
                <tr>
                    <td class="small text-muted text-nowrap font-monospace">{{ e.ts }}</td>
                    <td class="small text-nowrap">
                        {% if e.kind.endswith('failed') %}
                        <span class="badge bg-danger">{{ e.kind }}</span>
                        {% elif e.kind.endswith('completed') or e.kind.endswith('added') or e.kind.endswith('refreshed') or e.kind.endswith('succeeded') %}
                        <span class="badge bg-success">{{ e.kind }}</span>
                        {% elif e.kind.endswith('cancelled') or e.kind.endswith('dismissed') or e.kind.endswith('logout') %}
                        <span class="badge bg-secondary">{{ e.kind }}</span>
                        {% elif e.kind.endswith('started') or e.kind.endswith('requested') or e.kind.endswith('updated') %}
                        <span class="badge bg-info text-dark">{{ e.kind }}</span>
                        {% else %}
                        <span class="badge bg-light text-dark border">{{ e.kind }}</span>
                        {% endif %}
                    </td>
                    <td class="small text-nowrap">
                        {% if e.actor %}
                        <code>{{ e.actor }}</code>
                        {% else %}
                        <span class="text-muted">-</span>
                        {% endif %}
                    </td>
                    <td class="small">{{ e.summary }}</td>
                    <td class="small font-monospace text-truncate" style="max-width: 20rem;"
                        title="{{ e.subject_kind }}/{{ e.subject_id }}">
                        {% if e.subject_kind %}
                        {{ e.subject_kind }}
                        {% if e.subject_id %}<span class="text-muted">/</span>{{ e.subject_id }}{% endif %}
                        {% else %}
                        <span class="text-muted">-</span>
                        {% endif %}
                    </td>
                    <td class="text-end text-nowrap">
                        {% if e.kind.endswith('failed') and not e.acknowledged %}
                        <form method="post" action="/admin/events/{{ e.id }}/ack" class="d-inline m-0">
                            <button type="submit" class="btn btn-sm btn-outline-primary"
                                    title="Mark this failure acknowledged">
                                <i class="bi bi-check2"></i>
                            </button>
                        </form>
                        {% elif e.acknowledged %}
                        <span class="badge bg-success" title="Acknowledged">
                            <i class="bi bi-check2"></i>
                        </span>
                        {% else %}
                        <span class="text-muted">-</span>
                        {% endif %}
                    </td>
                </tr>
                {% endfor %}
                {% if not events %}
                <tr><td colspan="6" class="text-muted text-center py-3">
                    {% if q %}
                    No events match <code>{{ q }}</code>.
                    {% else %}
                    No events recorded yet. Actions on Exports and
                    Settings pages land here as the operator performs
                    them; the Warmer emits system events as it moves
                    exports from queued to ready.
                    {% endif %}
                </td></tr>
                {% endif %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}