{% extends "base.html" %}
{% block title %}Reports{% endblock %}
{% block content %}
<div class="hdr"><div><h1>Uptime report</h1><p class="sub" style="margin:0">{{ rep.since|dt }} → {{ rep.until|dt }}</p></div>
  <div class="actions"><div class="seg"><a class="{% if days == 7 %}on{% endif %}" href="?days=7">7 days</a><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><a class="btn primary sm" href="/app/reports/export?sections=monitors,slo,incidents&days={{ days }}">Export centre</a>
  {% if user.can_edit %}<form method="post" action="/app/reports/send" class="inline"><input type="hidden" name="csrf" value="{{ csrf }}"><button class="btn sm">Send to channels now</button></form>{% endif %}</div></div>
<div class="grid g4" style="margin-bottom:20px">
  <div class="stat"><div class="k">Overall uptime</div><div class="v" style="color:{% if rep.overall is not none and rep.overall < 99 %}var(--warn){% else %}var(--ok){% endif %}">{{ rep.overall if rep.overall is not none else '—' }}{% if rep.overall is not none %}%{% endif %}</div></div>
  <div class="stat"><div class="k">Incidents</div><div class="v">{{ rep.incidents }}</div></div>
  <div class="stat"><div class="k">Total downtime</div><div class="v md">{{ fmt_duration(rep.downtime_s) }}</div></div>
  <div class="stat"><div class="k">Alerts sent</div><div class="v">{{ rep.alerts }}</div></div>
</div>
<div class="panel tight tbl"><table>
<thead><tr><th>Monitor</th><th>Uptime</th><th>Checks</th><th>Avg response</th><th>Incidents</th><th>Downtime</th><th>Changes</th></tr></thead><tbody>
{% for r in rep.rows %}<tr><td><a href="/app/monitors/{{ r.monitor.id }}"><b>{{ r.monitor.name }}</b></a> <span class="pill">{{ r.monitor.mode }}</span></td>
  <td>{% if r.uptime is none %}<span class="muted">—</span>{% else %}<span style="color:{% if r.uptime < 99 %}var(--err){% elif r.uptime < 99.9 %}var(--warn){% else %}var(--ok){% endif %}">{{ r.uptime }}%</span>{% endif %}</td>
  <td class="small">{{ r.checks }}</td><td class="small">{{ r.avg_ms ~ ' ms' if r.avg_ms else '—' }}</td><td class="small">{{ r.incidents }}</td><td class="small">{{ fmt_duration(r.downtime_s) }}</td><td class="small">{{ r.changes }}</td></tr>{% endfor %}
{% if not rep.rows %}<tr><td colspan="7" class="empty">No monitors yet.</td></tr>{% endif %}
</tbody></table></div>
<div class="panel" style="margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap">
  <div><b>Weekly summary</b><div class="small muted">Every Monday at 08:00 UTC we post this summary to all your alert channels.</div></div>
  {% if user.can_edit %}<form method="post" action="/app/reports/weekly"><input type="hidden" name="csrf" value="{{ csrf }}"><button class="btn sm">{{ 'Turn off' if ws.weekly_report else 'Turn on' }}</button></form>{% else %}<span class="pill {% if ws.weekly_report %}ok{% endif %}">{{ 'on' if ws.weekly_report else 'off' }}</span>{% endif %}
</div>
{% endblock %}