{% if filter_error %}
<article aria-label="Filter Error" style="background-color: var(--pico-del-color); padding: 1rem; margin-bottom: 1rem;">
    <strong>Filter Error:</strong> {{ filter_error }}
</article>
{% endif %}

{% if events %}
<table class="events-table">
    <thead>
        <tr>
            <th style="width: 2rem;"></th>
            <th>Time</th>
            <th>Location</th>
            <th>Subject</th>
            <th>Adapter</th>
        </tr>
    </thead>
    <tbody>
        {% for event in events %}
        {# Per-adapter one-line summary, dispatched by adapter name with a generic
           fallback (no hardcoded list). Captured once so it serves both the
           Subject cell and the map popup (via data-subject). #}
        {% set subject_summary %}{% include ["_event_summaries/" ~ event.adapter ~ ".html", "_event_summaries/_default.html"] %}{% endset %}
        {# Location: generic _enriched.geocoder reader, then top-level named
           fields, then coordinates. No adapter-specific logic. #}
        {% set d = (event.data.get('data') or {}).get('data') or {} %}
        {% set gc = (d.get('_enriched') or {}).get('geocoder') or {} %}
        {% set loc_local = gc.get('city') or d.get('city') or gc.get('county') or d.get('county') %}
        {% set loc_state = gc.get('state') or d.get('state') %}
        {% set loc_country = gc.get('country') or d.get('country') %}
        {% set loc_parts = [loc_local, loc_state, loc_country] | select | list %}
        <tr class="event-row" data-row-idx="{{ loop.index0 }}"
            data-event-id="{{ event.id }}"
            data-adapter="{{ event.adapter }}"
            data-category="{{ event.category }}"
            data-severity="{{ event.severity if event.severity is not none else '' }}"
            data-time="{{ event.time }}"
            data-subject="{{ subject_summary | trim }}"
            {% if event.geometry %}data-geometry='{{ event.geometry | tojson }}'{% endif %}>
            <td><button type="button" class="expand-row" aria-label="Expand">&#9656;</button></td>
            <td class="cell-time" title="{{ event.time }}">{{ event.time_human }}</td>
            <td>{% if loc_parts %}{{ loc_parts | join(', ') }}{% elif gc.get('landclass') %}{{ gc.landclass }}{% else %}—{% endif %}</td>
            <td>{{ subject_summary | trim or '—' }}</td>
            <td><span class="adapter-chip" title="{{ event.adapter_display }}"><span class="adapter-chip-swatch" style="background:{{ event.adapter_color }}"></span>{{ event.adapter }}</span></td>
        </tr>
        <tr class="event-detail" hidden>
            <td colspan="5">
                <dl class="event-detail-list">
                    <dt>Event ID</dt>
                    <dd><code>{{ event.id }}</code></dd>
                    <dt>Time</dt>
                    <dd>{{ event.time }}</dd>
                    <dt>Received</dt>
                    <dd>{{ event.received }}</dd>
                    {% if event.regions %}
                    <dt>Regions</dt>
                    <dd>{{ event.regions | join(", ") }}</dd>
                    {% endif %}
                    {# Per-adapter curated fields. Dispatch by adapter name with a
                       generic fallback; the chosen template is whichever exists
                       first, so new adapters fall through to _default.html with
                       no hardcoded adapter list here. #}
                    {% include ["_event_rows/" ~ event.adapter ~ ".html", "_event_rows/_default.html"] %}
                    <dt>Data</dt>
                    <dd><pre class="event-data-pre">{{ event.data | tojson(indent=2) }}</pre></dd>
                </dl>
            </td>
        </tr>
        {% endfor %}
    </tbody>
</table>

{# Real offset paginator (v0.7.3). Each link carries offset + the filter
   query_string (which excludes cursor/offset); limit persists via query_string. #}
{# base_path passed into the macro (macros don't see render-context vars). #}
{% macro page_link(base, off, label, cls) %}
{% set qs = "offset=" ~ off ~ ("&" ~ query_string if query_string else "") %}
<a href="{{ base }}?{{ qs }}" role="button" class="page-link {{ cls }}"
   hx-get="{{ base }}/rows?{{ qs }}" hx-target="#events-rows" hx-push-url="true">{{ label }}</a>
{% endmacro %}
<nav class="paginator" aria-label="Pagination">
    <div class="paginator-pages">
        {% if pagination.prev_offset is not none %}{{ page_link(base_path, pagination.prev_offset, "‹ Previous", "page-prev") }}{% else %}<span class="page-link disabled">‹ Previous</span>{% endif %}
        {% for p in pagination.pages %}
            {% if p.ellipsis %}<span class="page-ellipsis">…</span>
            {% elif p.current %}<span class="page-link current" aria-current="page">{{ p.page }}</span>
            {% else %}{{ page_link(base_path, p.offset, p.page, "") }}{% endif %}
        {% endfor %}
        {% if pagination.next_offset is not none %}{{ page_link(base_path, pagination.next_offset, "Next ›", "page-next") }}{% else %}<span class="page-link disabled">Next ›</span>{% endif %}
    </div>
    <div class="paginator-meta">
        {% if pagination.total %}
        <span>Page {{ pagination.page }} of {{ pagination.total_pages }} (showing {{ "{:,}".format(pagination.start) }}–{{ "{:,}".format(pagination.end) }} of {{ "{:,}".format(pagination.total) }})</span>
        {% else %}<span>No events.</span>{% endif %}
        <label class="per-page">Per page:
            {# JS-only: syncs the form's hidden #filter-limit and re-submits at page 1. #}
            <select id="per-page-select">
                {% for n in pagination.per_page_options %}
                <option value="{{ n }}" {{ 'selected' if n == pagination.limit else '' }}>{{ n }}</option>
                {% endfor %}
            </select>
        </label>
    </div>
</nav>
{% else %}
<article>
    <p>No events match the filters.</p>
</article>
{% endif %}
{% if oob_pills %}
{# Out-of-band update of the page-level active-pills bar on each HTMX swap. #}
<div id="active-pills" hx-swap-oob="true">{% include "_active_pills.html" %}</div>
{% endif %}