{% extends "base.html" %}
{% block title %}{{ t("status.title") }}{% endblock %}
{% block description %}{{ t("status.title") }}{% endblock %}
{% block body %}

<h1>{{ t("status.title") }}</h1>
<p class="{% if all_ok %}ok{% else %}error{% endif %}" style="font-size:17px">
  {{ t("status.all_ok") if all_ok else t("status.degraded") }}
</p>

<table>
  <tr><th>{{ t("status.component") }}</th><th></th><th>{{ t("status.detail") }}</th></tr>
  {% for row in rows %}
  <tr>
    <td>{{ row.label }}</td>
    <td><span class="pill" style="{% if row.state == 'ok' %}color:var(--ok);border-color:var(--ok)
      {%- elif row.state == 'fail' %}color:var(--accent);border-color:var(--accent){% endif %}">{{ row.word }}</span></td>
    <td class="mono muted">{{ row.detail }}</td>
  </tr>
  {% endfor %}
</table>

<p class="muted">{{ t("status.checked") }}: <span class="mono">{{ checked_at }}</span> &middot;
  AIM {{ version }}<br>
  {{ t("status.machines", url="/health") }}</p>

{% endblock %}