{# plugins/snmp/templates/snmp/widget.html #}
{% if devices %}
{% for device in devices %}
<div class="ping-row" style="align-items:flex-start;flex-direction:column;gap:0.3rem;padding:0.4rem 0;">
  <div style="display:flex;align-items:center;gap:0.6rem;width:100%;">
    <span style="font-size:0.82rem;font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">
      {{ device.name }}
    </span>
    {% if device.readings %}
    <span style="font-size:0.7rem;color:var(--green);">&#9679;</span>
    {% else %}
    <span style="font-size:0.7rem;color:var(--text-dim);">&#9675;</span>
    {% endif %}
    <a href="/plugins/snmp/device/{{ device.name }}" style="font-size:0.72rem;color:var(--text-muted);">detail →</a>
  </div>
  {% if device.readings %}
  <div style="display:flex;flex-wrap:wrap;gap:0.5rem 1rem;padding-left:0.1rem;">
    {% for oid_cfg in device.oids[:4] %}
    {% set label = oid_cfg.label if oid_cfg.label else oid_cfg.oid %}
    {% set val = device.readings.get(label) %}
    {% if val is not none %}
    <span style="font-size:0.78rem;font-variant-numeric:tabular-nums;">
      <span style="color:var(--text-muted);">{{ label }}</span>
      <span style="margin-left:0.25rem;">
        {% if val >= 1000000 %}{{ "%.1f"|format(val / 1000000) }}M
        {% elif val >= 1000 %}{{ "%.0f"|format(val / 1000) }}K
        {% else %}{{ "%.4g"|format(val) }}{% endif %}
      </span>
    </span>
    {% endif %}
    {% endfor %}
    {% if device.oids|length > 4 %}
    <span style="font-size:0.72rem;color:var(--text-dim);">+{{ device.oids|length - 4 }} more</span>
    {% endif %}
  </div>
  {% endif %}
</div>
{% if not loop.last %}
<div style="height:1px;background:var(--border-low);margin:0.1rem 0;"></div>
{% endif %}
{% endfor %}
{% if total > devices|length %}
<div style="color:var(--text-dim);font-size:0.75rem;padding:0.25rem 0;">
  +{{ total - devices|length }} more — <a href="/plugins/snmp/">view all →</a>
</div>
{% endif %}
{% else %}
<p class="empty" style="padding:0.5rem 0;font-size:0.85rem;">No SNMP devices configured.</p>
{% endif %}