{% extends "base.html" %}
{% block title %}SLA report{% endblock %}
{% block head %}<style>@media print{.side,.topbar,.actions,.flash,nav{display:none!important}.shell{display:block}.content{padding:0}body{background:#fff;color:#111}.panel,.stat{border-color:#ddd;background:#fff}.pill{border-color:#999}h1{font-size:22px}}</style>{% endblock %}
{% block content %}
<div class="hdr"><div><div class="crumb"><a href="/app/reports">Reports</a> / SLA</div><h1>SLA report · {{ days }} days</h1><p class="sub" style="margin:0">{{ since|dt }} → {{ until|dt }} · workspace {{ ws.email }} · generated {{ until|dt }}</p></div>
  <div class="actions"><div class="seg"><a class="{% if days == 30 %}on{% endif %}" href="?days=30">30 days</a><a class="{% if days == 90 %}on{% endif %}" href="?days=90">90 days</a></div><button class="btn primary sm" onclick="window.print()">Print / save as PDF</button></div></div>
{% if not plan.slo %}<div class="flash info">SLO targets and this report are available on Pro and above. <a href="/app/billing">Upgrade</a>.</div>{% endif %}
<div class="grid g4" style="margin-bottom:20px">
  <div class="stat"><div class="k">Monitors with an SLO</div><div class="v">{{ with_slo|length }}</div><div class="t">of {{ rows|length }} monitors</div></div>
  <div class="stat"><div class="k">SLOs met</div><div class="v" style="color:var(--ok)">{{ met }}</div></div>
  <div class="stat"><div class="k">SLOs breached</div><div class="v" style="color:{% if breached %}var(--err){% else %}var(--text){% endif %}">{{ breached }}</div></div>
  <div class="stat"><div class="k">Period</div><div class="v md">{{ days }} days</div></div>
</div>
{% if with_slo %}
<h2>Service level objectives</h2>
<div class="panel tight tbl" style="margin-bottom:24px"><table>
<thead><tr><th>Service</th><th>Target</th><th>Achieved</th><th>Result</th><th>Error budget</th><th>Downtime</th><th>Incidents</th></tr></thead><tbody>
{% for r in with_slo %}<tr><td><b>{{ r.m.name }}</b><div class="small dim mono">{{ r.m.url }}</div></td><td>{{ r.target }}%</td><td><b>{{ r.achieved if r.achieved is not none else '—' }}{% if r.achieved is not none %}%{% endif %}</b></td>
  <td><span class="pill {% if r.met %}ok{% else %}err{% endif %}">{{ 'met' if r.met else 'breached' }}</span></td><td class="small">{{ fmt_duration(r.remaining_s) }} left of {{ fmt_duration(r.budget_s) }}</td><td class="small">{{ fmt_duration(r.down_s) }}</td><td class="small">{{ r.incidents|length }}</td></tr>{% endfor %}
</tbody></table></div>
{% endif %}
<h2>All monitors</h2>
<div class="panel tight tbl" style="margin-bottom:24px"><table>
<thead><tr><th>Monitor</th><th>Type</th><th>Uptime</th><th>Downtime</th><th>Incidents</th></tr></thead><tbody>
{% for r in rows %}<tr><td><b>{{ r.m.name }}</b></td><td class="small">{{ r.m.mode }}</td><td>{{ r.achieved if r.achieved is not none else '—' }}{% if r.achieved is not none %}%{% endif %}</td><td class="small">{{ fmt_duration(r.down_s) }}</td><td class="small">{{ r.incidents|length }}</td></tr>{% endfor %}
</tbody></table></div>
{% set all_incs = [] %}{% for r in rows %}{% for i in r.incidents %}{% if all_incs.append((r.m, i)) %}{% endif %}{% endfor %}{% endfor %}
{% if all_incs %}
<h2>Incident register</h2>
<div class="panel tight tbl"><table>
<thead><tr><th>Started</th><th>Service</th><th>Duration</th><th>Cause</th><th>Acknowledged</th><th>Postmortem</th></tr></thead><tbody>
{% for m, i in all_incs %}<tr><td class="small" style="white-space:nowrap">{{ i.started_at|dt }}</td><td>{{ m.name }}</td><td class="small">{{ fmt_duration(i.duration_seconds) }}</td><td class="small">{{ (i.cause or '')[:120] }}</td><td class="small">{{ i.acknowledged_by or '—' }}</td><td class="small">{{ (i.postmortem or '—')[:160] }}</td></tr>{% endfor %}
</tbody></table></div>
{% endif %}
<p class="small dim" style="margin-top:20px">Uptime = successful checks ÷ total checks in the period. Downtime = sum of confirmed outage incidents. Error budget = allowed downtime at the target over the period. Report generated by {{ app_name }}.</p>
{% endblock %}