{# steward/templates/settings/thresholds.html — tunable degraded/critical cutoffs #}
{% extends "base.html" %}
{% block title %}Settings — Thresholds — Steward{% endblock %}
{% block content %}
{% set active_tab = "thresholds" %}
{% include "settings/_tabs.html" %}

{% macro pair(label, warn_field, warn_key, crit_field, crit_key, unit, hint, step="1") %}
<div class="form-group" style="margin-bottom:1.1rem;">
  <label>{{ label }} <span style="color:var(--text-muted);font-size:0.8rem;">({{ unit }})</span></label>
  <div style="display:flex;gap:1.25rem;flex-wrap:wrap;margin-top:0.25rem;">
    <span style="display:flex;align-items:center;gap:0.4rem;">
      <span style="color:var(--yellow);font-size:0.8rem;font-weight:600;">warn</span>
      <input type="number" name="{{ warn_field }}" step="{{ step }}"
             value="{{ settings[warn_key] }}" style="max-width:110px;">
    </span>
    <span style="display:flex;align-items:center;gap:0.4rem;">
      <span style="color:var(--red);font-size:0.8rem;font-weight:600;">crit</span>
      <input type="number" name="{{ crit_field }}" step="{{ step }}"
             value="{{ settings[crit_key] }}" style="max-width:110px;">
    </span>
  </div>
  {% if hint %}<div style="font-size:0.78rem;color:var(--text-muted);margin-top:0.3rem;">{{ hint }}</div>{% endif %}
</div>
{% endmacro %}

<form method="post" action="/settings/thresholds/">
<div class="card" style="max-width:640px;">
  <h2 class="section-title" style="margin-bottom:0.5rem;">Monitoring thresholds</h2>
  <p style="font-size:0.82rem;color:var(--text-muted);margin-bottom:1.25rem;">
    Values at or beyond <span style="color:var(--yellow);">warn</span> show amber; at or beyond
    <span style="color:var(--red);">crit</span> show red — across dashboard widgets and host views.
    Higher is worse for everything except uptime, where the cutoffs are floors.
  </p>

  {{ pair("CPU usage",    "cpu_warn",  "thresholds.cpu_warn",  "cpu_crit",  "thresholds.cpu_crit",  "%", "Average CPU utilization per host.") }}
  {{ pair("Memory usage", "mem_warn",  "thresholds.mem_warn",  "mem_crit",  "thresholds.mem_crit",  "%", "Memory in use per host.") }}
  {{ pair("Disk usage",   "disk_warn", "thresholds.disk_warn", "disk_crit", "thresholds.disk_crit", "%", "Filesystem usage.") }}
  {{ pair("Load",         "load_warn", "thresholds.load_warn", "load_crit", "thresholds.load_crit", "% per core", "Load average normalized by core count (100% = one full core per core).") }}
  {{ pair("Temperature",  "temp_warn", "thresholds.temp_warn", "temp_crit", "thresholds.temp_crit", "°C", "Hottest reported sensor per host.") }}
  {{ pair("Ping latency", "latency_warn", "ping.threshold.good_ms", "latency_crit", "ping.threshold.warn_ms", "ms", "Round-trip time. Shared with the Ping widget's good/warn colouring.") }}
  {{ pair("Uptime / SLA", "uptime_warn", "thresholds.uptime_warn", "uptime_crit", "thresholds.uptime_crit", "%", "Lower is worse — amber below warn, red below crit.", step="0.1") }}
</div>

<div style="margin-top:1rem;display:flex;align-items:center;gap:1rem;">
  <button type="submit" class="btn">Save</button>
  <span style="font-size:0.82rem;color:var(--text-muted);">Takes effect immediately — no restart.</span>
</div>
</form>
{% endblock %}