{# plugins/snmp/templates/snmp/host_panel.html — the SNMP panel on a host's
   page: the devices bound to this host, or at its address, with their
   readings in their units, or why they aren't answering. #}
{% from "_macros.html" import status_badge, stat_tile %}
<div class="card">
  <div style="display:flex;align-items:baseline;justify-content:space-between;margin-bottom:0.6rem;gap:1rem;flex-wrap:wrap;">
    <h3 class="section-title" style="margin-bottom:0;">SNMP</h3>
    <a href="/plugins/snmp/" class="field-hint">All devices</a>
  </div>
  {% for d in devices %}
  <div{% if not loop.last %} style="margin-bottom:1rem;"{% endif %}>
    <div style="display:flex;align-items:center;gap:0.6rem;margin-bottom:0.5rem;flex-wrap:wrap;">
      <a href="/plugins/snmp/devices/{{ d.id }}" style="font-weight:500;">{{ d.name }}</a>
      <span class="field-hint mono">{{ d.address }}</span>
      {% if d.reach == 'up' %}{{ status_badge('up', 'Answering') }}
      {% elif d.reach == 'down' %}{{ status_badge('down', 'Not answering', title=d.says) }}
      {% elif d.reach == 'stale' %}{{ status_badge('stale', 'Not polled', title=d.says) }}
      {% else %}{{ status_badge('pending', 'Not polled yet') }}{% endif %}
    </div>
    {% if d.reach == 'down' %}<p class="field-hint" style="margin:0 0 0.5rem;">{{ d.says }}</p>{% endif %}
    {% if d.reach != 'pending' and d.readings %}
    <div class="stat-strip" style="margin-bottom:0;">
      {% for r in d.readings %}{{ stat_tile(r.name, r.text) }}{% endfor %}
    </div>
    {% endif %}
  </div>
  {% endfor %}
</div>