{% extends "base.html" %}
{% from "_macros.html" import badge, chart, bars %}
{% block title %}{{ m.name }}{% endblock %}
{% block main %}
<p class="crumbs"><a href="/">Overview</a> / {{ m.service }}</p>
<div class="head">
  <div>
    <h1>{{ m.name }} {{ badge(m.display, m.note) }}</h1>
    {% if m.description %}<p class="muted">{{ m.description }}</p>{% endif %}
    <p class="muted small">{{ m.schedule[:1]|upper }}{{ m.schedule[1:] }} · alert after {{ config.alert_after }} failures in a row
      {% if config.notify %}· notifies {{ config.notify|join(", ") }}{% else %}· no notifiers{% endif %}
      {% if m.tags %}· tags {{ m.tags|join(", ") }}{% endif %}</p>
  </div>
  <form method="post" action="/monitors/{{ m.name }}/run"><button type="submit">Run now</button></form>
</div>

{% if m.last_status in ("fail", "error") and m.last_summary %}
<section><div class="errbox{% if m.state != 'down' %} warn{% endif %}">{{ m.last_summary }}</div></section>
{% endif %}

<section class="cards">
  <div class="card"><span class="label">Last check</span><b>{{ m.last_run }}</b></div>
  <div class="card"><span class="label">Response time</span><b>{% if m.last_duration_ms is not none %}{{ '%.0f' % m.last_duration_ms }} ms{% else %}—{% endif %}</b></div>
  <div class="card"><span class="label">24 h uptime</span><b>{{ m.uptime }}</b></div>
</section>

<section class="panel">
  <h2>Uptime, last 30 days</h2>
  {{ bars(days, "big") }}
  <div class="bars-legend"><span>30 days ago</span><span>today</span></div>
</section>

<section class="panel chart-panel">
  <h2>Response time <span class="muted small">last {{ m.chart.count if m.chart else 0 }} runs{% if m.chart %}, max {{ '%.0f' % m.chart.max_ms }} ms · red dots are failures{% endif %}</span></h2>
  {{ chart(m.chart, "big") }}
</section>

{% if details %}
<section>
  <h2>Run details {% if selected %}<span class="muted small">#{{ selected }}</span>{% endif %} {{ badge("up" if details.status == "pass" else ("paused" if details.status == "skipped" else "down"), details.status) }}</h2>
  {% for step in details.steps %}
  <div class="step">
    <div class="step-head">
      <code>{{ step.method }} {{ step.url }}</code>
      <span>{% if step.status_code %}{{ step.status_code }}{% endif %}{% if step.duration_ms %} · {{ '%.0f' % step.duration_ms }} ms{% endif %}{% if step.skipped %} · skipped{% endif %}</span>
    </div>
    {% if step.error %}<div class="errbox">{{ step.error }}</div>{% endif %}
    {% if step.assertions %}
    <ul class="checks">
      {% for a in step.assertions %}
      <li class="{{ 'ok' if a.passed else 'bad' }}">{{ '✔' if a.passed else '✘' }} {{ a.name }}{% if a.message and not a.passed %}: <span>{{ a.message }}</span>{% endif %}</li>
      {% endfor %}
    </ul>
    {% endif %}
    {% if step.drift and step.drift.changes %}
    <div class="drift">
      <b>Drift ({{ step.drift.status }})</b>
      <table class="diff">
        {% for c in step.drift.changes %}
        <tr class="{{ c.severity }}"><td><code>{{ c.path }}</code></td><td>{{ c.message }}</td><td class="sev">{{ c.severity }}</td></tr>
        {% endfor %}
      </table>
    </div>
    {% endif %}
  </div>
  {% endfor %}
</section>
{% endif %}

<section class="split">
  <div>
    <h2>Recent runs</h2>
    {% if runs %}
    <div class="table-wrap">
    <table>
      <thead><tr><th>When</th><th>Status</th><th class="num">Time</th><th>Details</th></tr></thead>
      <tbody>
      {% for r in runs %}
        <tr{% if r.id == selected %} class="selected"{% endif %}>
          <td><a href="/monitors/{{ m.name }}?run={{ r.id }}" title="{{ r.started_at }}">{{ r.ago }}</a></td>
          <td>{{ badge("up" if r.status == "pass" else ("paused" if r.status == "skipped" else "down"), r.status) }}</td>
          <td class="num">{{ '%.0f' % r.duration_ms }} ms</td>
          <td class="small">{{ r.summary }}</td>
        </tr>
      {% endfor %}
      </tbody>
    </table>
    </div>
    {% else %}<p class="muted">No runs yet.</p>{% endif %}
  </div>
  <div>
    <h2>Incidents</h2>
    {% if incidents %}
    <ul class="incident-list">
      {% for i in incidents %}
      <li>{{ badge("up" if i.resolved_at else "down", "resolved" if i.resolved_at else "open") }}
        <span title="{{ i.opened_at }}">{{ i.opened_at[:16]|replace("T", " ") }} UTC</span>
        <div class="small muted">{{ i.summary }}</div></li>
      {% endfor %}
    </ul>
    {% else %}<p class="muted">No incidents.</p>{% endif %}
  </div>
</section>
{% endblock %}