{% extends "base.html" %}
{% block title %}Incidents{% endblock %}
{% block content %}
<div class="hdr"><div><h1>Incidents</h1><p class="sub" style="margin:0">{{ open_count }} open{% if mttr %} · mean time to recovery {{ mttr }}{% endif %}</p></div>
  <div class="actions"><a class="btn sm" href="/app/reports/export?sections=incidents,alerts">Export</a><div class="seg"><a class="{% if show == 'open' %}on{% endif %}" href="?show=open">Open</a><a class="{% if show == '7d' %}on{% endif %}" href="?show=7d">Last 7 days</a><a class="{% if show == 'all' %}on{% endif %}" href="?show=all">All</a></div></div></div>
<div class="panel tight tbl"><table>
<thead><tr><th>Started</th><th>Incident</th><th>Monitor</th><th>Status</th><th>Duration</th><th>Response</th></tr></thead><tbody>
{% for i in incidents %}
<tr><td class="small muted" style="white-space:nowrap">{{ i.started_at|dt }}<div class="dim">{{ i.started_at|timeago }}</div></td>
  <td><a href="/app/incidents/{{ i.id }}"><b>{{ i.title }}</b></a>{% if i.cause %}<div class="small muted">{{ i.cause[:120] }}</div>{% endif %}</td>
  <td class="small">{% if i.monitor_id and i.monitor_id in monitors %}<a href="/app/monitors/{{ i.monitor_id }}">{{ monitors[i.monitor_id].name }}</a>{% elif i.server_id %}<a href="/app/servers/{{ i.server_id }}">{{ (i.source or 'server')|replace('server:', '') }}</a> <span class="pill">server</span>{% elif i.kind == 'external' %}<span class="pill info">{{ i.source or 'external' }}</span>{% elif i.manual %}<span class="muted">manual{% if i.status_page_id %} (status page){% endif %}</span>{% else %}—{% endif %}</td>
  <td><span class="pill {% if i.resolved_at %}ok{% elif i.kind == 'maintenance' %}info{% elif i.kind == 'degraded' %}warn{% else %}err{% endif %}">{{ i.kind }}{% if not i.resolved_at %} · {{ i.status }}{% endif %}</span></td>
  <td class="small">{{ fmt_duration(i.duration_seconds) }}</td>
  <td class="small">{% if i.acknowledged_at %}<span class="pill ok" title="{{ i.acknowledged_by }}">ack</span>{% elif not i.resolved_at and not i.manual %}<span class="pill warn">unacknowledged</span>{% endif %}{% if i.escalated_at %} <span class="pill err">escalated</span>{% endif %}{% if i.postmortem %} <span class="pill" title="Has a postmortem">PM</span>{% endif %}</td></tr>
{% endfor %}
{% if not incidents %}<tr><td colspan="6" class="empty">{% if show == 'open' %}No open incidents. Everything is up.{% else %}No incidents in this period.{% endif %}</td></tr>{% endif %}
</tbody></table></div>
{% endblock %}