{# 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">
    {{ status_badge('up', 'Reachable') if device.readings else status_badge('pending', 'No data yet') }}
    <h2 id="snmp-{{ loop.index }}" class="section-title" style="margin:0;">{{ device.name }}</h2>
    <span class="field-hint mono">{{ device.host }}</span>
    <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 %}