{# docker/host_panel.html — per-host Docker fragment embedded on the Hosts hub #}
<div class="card">
  <div style="display:flex;align-items:baseline;justify-content:space-between;gap:0.6rem;margin-bottom:0.6rem;">
    <h3 class="section-title" style="margin-bottom:0;">Docker</h3>
    <span style="font-size:0.78rem;color:var(--text-muted);">
      {{ running }} running{% if stopped %} · {{ stopped }} stopped{% endif %}
      <a href="/plugins/docker/" style="margin-left:0.6rem;color:var(--text-muted);">All →</a>
    </span>
  </div>
  <div style="display:grid;gap:2px;">
    {% for c in containers %}
    <div style="display:flex;align-items:center;gap:0.5rem;font-size:0.85rem;padding:0.2rem 0;">
      <span class="dot {% if c.status == 'running' %}dot-up{% elif c.status == 'paused' %}dot-warn{% else %}dot-down{% endif %}"></span>
      <a href="/plugins/docker/container/{{ c.host_id }}/{{ c.name }}" style="flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:inherit;text-decoration:none;" title="{{ c.image }}">{{ c.name }}</a>
      <span style="font-size:0.74rem;color:var(--text-muted);font-family:ui-monospace,monospace;flex-shrink:0;">
        {% if c.cpu_pct is not none %}{{ "%.1f" | format(c.cpu_pct) }}%{% endif %}
        {% if c.mem_pct is not none %} · {{ "%.1f" | format(c.mem_pct) }}%{% endif %}
      </span>
    </div>
    {% endfor %}
  </div>
</div>