{% extends "base.html" %}
{% from "_macros.html" import crumbs, page_header, stat_tile, status_badge, icon_button, empty_state %}
{# One monitor: its state and since when, latency and uptime against Settings →
   Thresholds, its last checks, and the failures behind them. #}
{% block title %}{{ monitor.name }} — Monitors — Steward{% endblock %}
{% block breadcrumb %}{{ crumbs([("Monitors", "/monitors/"), (monitor.name, "")]) }}{% endblock %}
{% block content %}
{% set can_edit = session.user_role in ['operator', 'admin'] %}
{% call page_header(monitor.name, (monitor.type|monitor_type) ~ " · " ~ monitor.target) %}
  {% if can_edit %}
  {{ icon_button("✎", "Edit " ~ monitor.name, href="/monitors/" ~ monitor.id ~ "/edit") }}
  <form method="post" action="/monitors/{{ monitor.id }}/toggle">{{ csrf_field() }}
    {{ icon_button("⏸" if monitor.enabled else "▶", ("Pause " if monitor.enabled else "Resume ") ~ monitor.name, type="submit") }}
  </form>
  <form method="post" action="/monitors/{{ monitor.id }}/delete">{{ csrf_field() }}
    {{ icon_button("×", "Delete " ~ monitor.name, type="submit", cls="btn-danger", confirm="Delete monitor " ~ monitor.name ~ "? Its check history goes with it.") }}
  </form>
  {% endif %}
{% endcall %}

<div class="stat-strip">
  {% set since_hint = ((("for at least " if since_at_least else "since ") ~ since|ago) if since and state in ("up", "down", "degraded") else none) %}
  {{ stat_tile("State", status_info(state)[1], state=state, hint=since_hint) }}
  {% if latest and latest.response_ms is not none %}
  {{ stat_tile("Latency", "%.0f ms"|format(latest.response_ms), state=status_class(latest.response_ms, "latency")) }}
  {% endif %}
  {% for window in ("24h", "7d", "30d") %}
  {% set pct = uptime.get(window) %}
  {{ stat_tile("Uptime " ~ window, "%.2f%%"|format(pct) if pct is not none else "—", state=status_class(pct, "uptime")) }}
  {% endfor %}
  {% if tls_days is not none %}
  {{ stat_tile("TLS certificate", "expired" if tls_days < 0 else (tls_days|round|int) ~ " days", state="crit" if tls_days < 0 else status_class(tls_days, "tls_days")) }}
  {% endif %}
</div>

<section class="card" aria-labelledby="m-checks">
  <h2 id="m-checks" class="section-title">Last checks</h2>
  {% if heartbeat %}
  <div class="ping-pills" style="margin:0.5rem 0;">
    {% for _ in range([30 - heartbeat|length, 0]|max) %}<span class="pill pill-empty" title="No data"></span>{% endfor %}
    {% for h in heartbeat %}<span class="pill pill-{{ h.state }}" title="{{ h.title }}"></span>{% endfor %}
  </div>
  <p class="field-hint">Newest on the right.{% if latest %} Last checked {{ latest.checked_at|ago }}.{% endif %}</p>
  {% else %}
  {{ empty_state("Not checked yet. The first check runs on the next scheduler tick." if monitor.enabled else "Paused, and never checked.") }}
  {% endif %}
</section>

<section class="card" aria-labelledby="m-failures">
  <h2 id="m-failures" class="section-title">Recent failures</h2>
  {% if failures %}
  <table class="table">
    <thead><tr><th>When</th><th>Error</th>{% if monitor.type == "http" %}<th>Status</th>{% endif %}</tr></thead>
    <tbody>
      {% for f in failures %}
      <tr>
        <td style="white-space:nowrap;">{{ f.checked_at|ago }}</td>
        <td style="overflow-wrap:anywhere;">{{ f.error_msg or "Down" }}</td>
        {% if monitor.type == "http" %}<td>{{ f.status_code or "—" }}</td>{% endif %}
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% else %}
  {{ empty_state("No failed checks on record.") }}
  {% endif %}
</section>

<section class="card" aria-labelledby="m-config">
  <h2 id="m-config" class="section-title">Settings</h2>
  <dl class="kv">
    <dt>Checked every</dt>
    <dd>{{ monitor.check_interval_seconds|duration if monitor.check_interval_seconds else "the global interval" }}</dd>
    {% if host %}<dt>Host</dt><dd><a href="/hosts/{{ host.id }}">{{ host.name }}</a></dd>{% endif %}
    {% for key, value in monitor.config.items() %}
    {% if value not in (none, "", {}) %}
    <dt>{{ key|replace("_", " ")|capitalize }}</dt>
    <dd style="overflow-wrap:anywhere;">{{ value|join(", ") if value is mapping else ("yes" if value is sameas true else ("no" if value is sameas false else value)) }}</dd>
    {% endif %}
    {% endfor %}
  </dl>
</section>
{% endblock %}