{% extends "base.html" %}{% block content %}
<section class="page-head">
  <div>
    <p class="eyebrow ink">Definitions</p>
    <h1>Monitors</h1>
    <p class="page-sub">Enable, disable, and approve definitions. Trends open in the explorer.</p>
  </div>
  <p class="page-count">{{ monitors|length }} loaded{% if drafts %} · {{ drafts|length }} draft{{ '' if drafts|length == 1 else 's' }}{% endif %}</p>
</section>
{% if monitors %}
<div class="def-list" role="list">
{% for m in monitors %}
  <article class="def-row {% if m.enabled %}def-enabled{% else %}def-disabled{% endif %}" role="listitem">
    <div class="def-main">
      <h2>{{ m.name }}</h2>
      <p class="def-desc">{{ m.description }}</p>
    </div>
    <p class="def-source"><span class="pill">{{ m.source }}</span></p>
    <p class="def-state"><span class="pill {% if m.enabled %}pill-ok{% else %}pill-muted{% endif %}">{{ 'enabled' if m.enabled else 'disabled' }}</span></p>
    <div class="def-trends">{% if m.trends %}{% for profile in m.trends %}<a href="/trends/{{ m.name }}/{{ profile.id }}">{{ profile.title }}</a>{% endfor %}{% else %}<span class="muted">—</span>{% endif %}</div>
    <form class="def-action" method="post" action="/monitors/{{ m.name }}/{{ 'disable' if m.enabled else 'enable' }}"><button class="btn-compact">{{ 'Disable' if m.enabled else 'Enable' }}</button></form>
  </article>
{% endfor %}
</div>
{% else %}
<p>No monitors configured.</p>
{% endif %}
{% if errors %}<h2>Validation errors</h2>{% for path,error in errors %}<pre>{{ path.name }}: {{ error }}</pre>{% endfor %}{% endif %}
<h2>Drafts</h2>
{% if drafts %}
<div class="def-list def-drafts" role="list">
{% for name,text,m,error in drafts %}
  <article class="def-row def-draft" role="listitem">
    <div class="def-main">
      <h2>{{ name }}</h2>
      {% if error %}<p class="def-desc" role="alert">{{ error }}</p>
      {% else %}<p class="def-desc">Valid definition, ready for approval.</p>{% endif %}
    </div>
    <div class="def-draft-actions">
      {% if not error %}<form method="post" action="/monitors/{{ name }}/approve"><button class="btn-compact">Approve</button></form>{% endif %}
      <form method="post" action="/monitors/{{ name }}/delete-draft"><button class="btn-compact btn-danger">Delete draft</button></form>
    </div>
    <details class="def-details"><summary>Definition</summary><pre>{{ text }}</pre></details>
  </article>
{% endfor %}
</div>
{% else %}
<p class="muted">No drafts.</p>
{% endif %}
{% endblock %}