{% 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-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 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>{{ event.adapter_display }}</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>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>

<div class="pagination-info">
    <span>Showing {{ events | length }} event{{ 's' if events | length != 1 else '' }}.</span>
    {% if next_cursor %}
    <a href="/events?cursor={{ next_cursor }}{% if filter_values.adapter %}&amp;adapter={{ filter_values.adapter }}{% endif %}{% if filter_values.category %}&amp;category={{ filter_values.category | urlencode }}{% endif %}{% if filter_values.since %}&amp;since={{ filter_values.since }}{% endif %}{% if filter_values.until %}&amp;until={{ filter_values.until }}{% endif %}{% if filter_values.region_north %}&amp;region_north={{ filter_values.region_north }}&amp;region_south={{ filter_values.region_south }}&amp;region_east={{ filter_values.region_east }}&amp;region_west={{ filter_values.region_west }}{% endif %}&amp;limit={{ filter_values.limit }}"
       role="button"
       hx-get="/events/rows?cursor={{ next_cursor }}{% if filter_values.adapter %}&amp;adapter={{ filter_values.adapter }}{% endif %}{% if filter_values.category %}&amp;category={{ filter_values.category | urlencode }}{% endif %}{% if filter_values.since %}&amp;since={{ filter_values.since }}{% endif %}{% if filter_values.until %}&amp;until={{ filter_values.until }}{% endif %}{% if filter_values.region_north %}&amp;region_north={{ filter_values.region_north }}&amp;region_south={{ filter_values.region_south }}&amp;region_east={{ filter_values.region_east }}&amp;region_west={{ filter_values.region_west }}{% endif %}&amp;limit={{ filter_values.limit }}"
       hx-target="#events-rows"
       hx-push-url="true">
        Next &rarr;
    </a>
    {% else %}
    <span><em>End of results</em></span>
    {% endif %}
</div>
{% else %}
<article>
    <p>No events match the filters.</p>
</article>
{% endif %}