{# docker/swarm.html — the Swarm laid out by node (#5303). A verdict, the
   services short of replicas, then one card per node: a node that is down or
   not taking work first, then managers. Each card says what its containers use
   against what the machine has, and lists the services placed on it. #}
{% extends "base.html" %}
{% from "_macros.html" import crumbs, status_badge, status_dot %}
{% from "docker/_usage.html" import cores as fmt_cores %}
{% block title %}Swarm — Docker — Steward{% endblock %}
{% block breadcrumb %}{{ crumbs([("Docker", "/plugins/docker/"), ("Swarm", "")]) }}{% endblock %}
{% block content %}

<h1 class="page-title">Swarm</h1>

{% if swarms %}
{% for g in swarms %}
{% set down_nodes = g.nodes|rejectattr("ok")|list %}
<section class="swarm-group" aria-label="Swarm reported by {{ g.managers|join(', ') }}">
  <p class="page-verdict">
    {% if down_nodes or g.troubled %}<strong class="tone-crit">{{ down_nodes|length + g.troubled|length }} need{{ "s" if (down_nodes|length + g.troubled|length) == 1 }} attention</strong>
    {% else %}<strong class="tone-ok">Every node is up and taking work</strong>{% endif %}
    · {{ g.nodes|length }} node{{ "s" if g.nodes|length != 1 }}
    · <span class="tone-{{ 'ok' if g.services_healthy == g.services_total else 'warn' }}">{{ g.services_healthy }}/{{ g.services_total }}</span> services healthy
    <span class="tone-dim">· reported by {{ g.managers|join(", ") }}</span>
  </p>

  {% if down_nodes or g.troubled %}
  <section class="card problem-card" aria-label="Needs attention">
    <ul class="problem-list">
      {% for n in down_nodes %}
      <li>
        {{ status_badge('crit', 'Node ' ~ n.status) if n.status != 'ready' else status_badge('warn', n.availability|capitalize) }}
        <span>{{ n.hostname }}</span>
        <span class="problem-detail">{{ n.role }} · {{ n.task_count }} task{{ "s" if n.task_count != 1 }} placed on it</span>
      </li>
      {% endfor %}
      {% for s in g.troubled %}
      <li>
        {% if s.crash_looping %}{{ status_badge('crit', 'Crash-looping') }}{% elif s.state == 'down' %}{{ status_badge('crit', 'Down') }}{% else %}{{ status_badge('warn', 'Degraded') }}{% endif %}
        <a href="/plugins/docker/service/{{ s.name }}">{{ s.name }}</a>
        {% set e = s.last_error %}
        <span class="problem-detail">
          {{- s.running }} of {{ s.desired }} running
          {%- if e %} · last task {{ e.state }}: {{ e.error or e.message or e.state }}{% if e.node %} on {{ e.node }}{% endif %}{% endif %}
          {%- if s.trouble_since %} · since {{ s.trouble_since|ago }}{% endif -%}
        </span>
      </li>
      {% endfor %}
    </ul>
  </section>
  {% endif %}

  <div class="node-grid">
    {% for n in g.nodes %}
    <section class="card node-card{% if not n.ok %} problem-card{% endif %}" aria-labelledby="node-{{ n.node_id }}">
      <h2 id="node-{{ n.node_id }}" class="node-card-head">
        {{ status_dot('up' if n.status == 'ready' else 'down') }}
        {% if n.host_id %}<a href="/hosts/{{ n.host_id }}">{{ n.hostname }}</a>{% else %}{{ n.hostname }}{% endif %}
        <span class="chip">{{ "leader" if n.leader else n.role }}</span>
        {% if n.availability != 'active' %}{{ status_badge('warn', n.availability|capitalize, title="Swarm places no new tasks here") }}{% endif %}
      </h2>
      <p class="node-card-figures">
        {% if n.cores_used is not none %}
        Containers use <strong>{{ fmt_cores(n.cores_used) }}</strong>{% if n.cores %} of {{ n.cores }}{% endif %}
        · <strong>{{ n.mem_used|bytes }}</strong>{% if n.mem %} of {{ n.mem|bytes }}{% endif %}
        {% elif n.agent %}
        <span class="tone-muted">No swarm task reports figures here yet.</span>
        {% else %}
        <span class="tone-muted" title="Install the Steward agent on this node to see what its tasks use">No Steward agent: what runs here is Swarm's placement, without figures.</span>
        {% endif %}
      </p>
      {% if n.tasks %}
      <table class="table node-tasks">
        <thead><tr><th>Service</th><th class="num">Tasks</th><th class="num">CPU</th><th class="num">Memory</th></tr></thead>
        <tbody>
          {% for t in n.tasks %}
          <tr>
            <td class="cell-name">
              {%- if t.state != 'healthy' %}{{ status_dot('down' if t.state == 'down' else 'warn') }} {% endif -%}
              <a href="/plugins/docker/service/{{ t.name }}" title="{{ t.name }}">{{ t.name }}</a>
            </td>
            <td class="num">{{ t.tasks }}</td>
            <td class="num">{% if t.cores is not none %}{{ fmt_cores(t.cores) }}{% else %}<span class="tone-dim">—</span>{% endif %}</td>
            <td class="num">{% if t.mem_bytes is not none %}{{ t.mem_bytes|bytes }}{% else %}<span class="tone-dim">—</span>{% endif %}</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
      {% else %}
      <p class="tone-muted" style="margin:0;">No tasks placed here.</p>
      {% endif %}
    </section>
    {% endfor %}
  </div>
</section>
{% endfor %}
{% else %}
<div class="card empty-state">
  No Swarm topology reported. A Steward host agent running on a Swarm
  <strong>manager</strong> reports services, nodes and task placement here;
  workers and hosts outside a swarm contribute only their own containers.
</div>
{% endif %}
{% endblock %}