{# alerts/_active.html — the Alerts page's Active section, polled on its own:
   firing first, then no data, then acknowledged, then pending
   (alert_svc.active_rows). An acknowledged alert says how long it has been
   breaching, and apart from that who acknowledged it and when. #}
{% from "_macros.html" import status_badge, empty_state %}
{% set can_edit = session.user_role in ('operator', 'admin') %}
{% if active %}
<h2 class="section-title" style="margin-bottom:1rem;">Active</h2>
<div class="card-flush" style="margin-bottom:2rem;">
    <table class="table">
        <thead>
            <tr>
                <th>State</th>
                <th>What is wrong</th>
                <th>Rule</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            {% for row in active %}
            <tr>
                <td>
                    {{ status_badge(row.label, title=("No sample since " ~ (row.state.last_sample_at.strftime('%Y-%m-%d %H:%M UTC') if row.state.last_sample_at else 'the rule started watching')) if row.label == 'no_data' else none) }}
                    {% if row.state.no_data_since and row.label != 'no_data' %}
                    {{ status_badge('no_data', title="Silent since " ~ row.state.no_data_since.strftime('%Y-%m-%d %H:%M UTC')) }}
                    {% endif %}
                </td>
                <td>
                    {{- row.says.lead -}}
                    {%- if row.url %}<a href="{{ row.url }}">{{ row.says.resource }}</a>{% else %}<strong>{{ row.says.resource }}</strong>{% endif -%}
                    {{- row.says.tail -}}
                    {%- if row.label == 'acknowledged' and row.state.acknowledged_at %}
                    <div class="field-hint" style="margin-top:0.15rem;">Acknowledged{% if row.acked_by %} by {{ row.acked_by }}{% endif %} {{ row.state.acknowledged_at|ago }}</div>
                    {%- endif %}
                </td>
                <td style="color:var(--text-muted);"><a href="/alerts/history?rule={{ row.rule.id }}">{{ row.rule.name }}</a></td>
                <td class="td-actions">
                    {% if can_edit and row.state.state.value == 'firing' %}
                    <form method="post" action="/alerts/{{ row.rule.id }}/acknowledge" style="display:inline;">{{ csrf_field() }}
                        <button type="submit" class="btn btn-sm btn-warn">Acknowledge</button>
                    </form>
                    {% endif %}
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% else %}
<div class="card" style="margin-bottom:2rem;">{{ empty_state("No active alerts. Every rule is quiet.") }}</div>
{% endif %}