{# alerts/_history_rows.html — the history table; swapped in on a range or rule
   change. Its rows come a page at a time (alerts/_history_page.html). #}
{% from "_macros.html" import status_badge, empty_state %}
{% if events %}
<div class="card-flush" style="overflow-x:auto;">
  <table class="table">
    <thead>
      <tr>
        <th>When</th>
        <th>Rule</th>
        <th>Change</th>
        <th>Reading</th>
        <th>Notified</th>
        <th>Action</th>
      </tr>
    </thead>
    <tbody>
      {% include "alerts/_history_page.html" %}
    </tbody>
  </table>
</div>
{% else %}
<div class="card">{{ empty_state("No alert changed state in the last " ~ current_range ~ ((" for " ~ chosen.name) if chosen else "") ~ ".") }}</div>
{% endif %}