{% extends "base.html" %}
{% block title %}Alert thresholds · SD RMM{% endblock %}
{% block content %}
<style>
  .tbl { width:100%; border-collapse:collapse; font-size:13px; margin-bottom:16px; }
  .tbl th { text-align:left; color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.4px; padding:7px 8px; border-bottom:1px solid var(--line); }
  .tbl td { padding:9px 8px; border-bottom:1px solid var(--line-soft); vertical-align:middle; }
  .inp { background:var(--surface-2); border:1px solid var(--line); color:var(--ink); border-radius:6px; padding:5px 8px; width:88px; font:inherit; }
  .saved-banner { background:rgba(74,222,128,.12); color:var(--ok); border:1px solid rgba(74,222,128,.3); border-radius:8px; padding:8px 12px; margin-bottom:14px; font-size:13px; }
  .hint { color:var(--muted-2); font-size:12px; }
</style>

<div class="page-header">
  <div>
    <p class="crumb"><a href="/alerts">Alerts</a> &rsaquo;</p>
    <h1 class="page-title">Alert thresholds</h1>
    <p class="muted">Global defaults applied to every agent. Push to ntfy topic <code>sec</code> on breach + recovery.</p>
  </div>
</div>

{% if saved %}<div class="saved-banner">&#10003; Thresholds saved.</div>{% endif %}

<form method="post" action="/alerts/settings">
  <table class="tbl">
    <thead><tr><th>Metric</th><th>Fires when</th><th>Threshold</th><th>Sustained</th><th>Severity</th><th>On</th></tr></thead>
    <tbody>
    {% for r in rules %}
    <tr>
      <td><b>{{ r.metric|upper }}</b></td>
      <td class="hint">{% if r.metric == 'offline' %}no heartbeat for &ge; threshold{% else %}{{ r.metric }} usage &ge; threshold{% endif %}</td>
      <td><input type="number" step="any" min="0" name="threshold_{{ r.id }}" value="{{ r.threshold|int }}" class="inp"> {% if r.metric == 'offline' %}sec{% else %}%{% endif %}</td>
      <td>{% if r.metric == 'offline' %}<span class="hint">n/a</span>{% else %}<input type="number" min="0" name="for_{{ r.id }}" value="{{ r.for_seconds }}" class="inp"> sec{% endif %}</td>
      <td>
        <select name="sev_{{ r.id }}" class="inp">
          <option value="warn" {% if r.severity == 'warn' %}selected{% endif %}>warn</option>
          <option value="crit" {% if r.severity == 'crit' %}selected{% endif %}>crit</option>
        </select>
      </td>
      <td><input type="checkbox" name="enabled_{{ r.id }}" {% if r.enabled %}checked{% endif %}></td>
    </tr>
    {% endfor %}
    </tbody>
  </table>
  <button class="btn btn-primary" type="submit">Save thresholds</button>
</form>
{% endblock %}