{# plugins/snmp/templates/snmp/index.html #}
{% extends "base.html" %}
{% from "_macros.html" import page_header, status_badge, stat_tile, empty_state %}
{% block title %}SNMP — Steward{% endblock %}
{% block content %}
{{ page_header("SNMP devices", devices|length ~ " device" ~ ("s" if devices|length != 1 else "") ~ " configured") }}

{% if not devices %}
<div class="card">{{ empty_state("No SNMP devices configured. Add them to the snmp plugin's plugin.yaml.") }}</div>
{% else %}

{% for device in devices %}
<section class="card" aria-labelledby="snmp-{{ loop.index }}">
  <div class="host-health-head">
    {#- reach: answered within the last few polls (up), only long ago (stale),
        or never (pending); routes._device_state. #}
    {% if device.reach == 'up' %}{{ status_badge('up', 'Reachable') }}
    {% elif device.reach == 'stale' %}{{ status_badge('stale', 'No answer', title="The last reading is from " ~ device.at.strftime('%Y-%m-%d %H:%M UTC') ~ "; the values below are from then") }}
    {% else %}{{ status_badge('pending', 'No data yet') }}{% endif %}
    <h2 id="snmp-{{ loop.index }}" class="section-title" style="margin:0;">{{ device.name }}</h2>
    <span class="field-hint mono">{{ device.host }}</span>
    {% if device.at %}<span class="field-hint">read {{ device.at|ago }}</span>{% endif %}
    <a href="/plugins/snmp/device/{{ device.name }}" class="btn btn-sm btn-ghost" style="margin-left:auto;">History</a>
  </div>

  {% if device.readings %}
  <div class="stat-strip" style="margin-bottom:0;">
    {% for oid_cfg in device.oids %}
    {% set label = oid_cfg.label if oid_cfg.label else oid_cfg.oid %}
    {% set val = device.readings.get(label) %}
    {{ stat_tile(label,
                 "—" if val is none else
                 ("%.2fM"|format(val / 1000000)) if val >= 1000000 else
                 ("%.1fK"|format(val / 1000)) if val >= 1000 else
                 "%.4g"|format(val)) }}
    {% endfor %}
  </div>
  {% else %}
  <p class="field-hint">No readings yet; waiting for the next poll.</p>
  {% endif %}
</section>
{% endfor %}

{% endif %}
{% endblock %}