{# docker/service.html — one swarm service (#5302): its state and what it
   runs, where its replicas are and what they use, Swarm's record of its recent
   tasks, its CPU and memory over time, and the logs of every task it has run.
   A failure's "Logs →" lands on #logs with ?task= picked. #}
{% extends "base.html" %}
{% from "_macros.html" import crumbs, status_badge, status_dot, stat_tile %}
{% from "docker/_usage.html" import cpu, mem, cores %}
{% block title %}{{ name }} — Docker — Steward{% endblock %}
{% block breadcrumb %}{{ crumbs([("Docker", "/plugins/docker/"), (name, "")]) }}{% endblock %}
{% block content %}

{% if service is none %}
<div class="card empty-state">
  <strong>{{ "No longer running" if task_choices else "Service not found" }}</strong>
  {% if task_choices %}
  <span>No swarm service named <code>{{ name }}</code> is reported now; it may have been removed.
    The logs Steward still keeps from its tasks are below.</span>
  {% else %}
  <span>No swarm service named <code>{{ name }}</code> is reported, and Steward holds no logs or
    events for one. It may have been removed. <a href="/plugins/docker/">Back to Docker</a></span>
  {% endif %}
</div>
{% else %}

{# ── Header: is it well, then what it is ─────────────────────────────────── #}
{% set tone = 'ok' if row.state == 'healthy' else ('warn' if row.state == 'degraded' else 'crit') %}
<div class="page-header">
  <div>
    <h1 class="page-title" style="overflow-wrap:anywhere;">{{ name }}</h1>
    <p class="page-subtitle">
      {% if row.crash_looping %}{{ status_badge('crit', 'Crash-looping') }}
      {% elif row.state == 'down' %}{{ status_badge('crit', 'Down') }}
      {% elif row.state == 'degraded' %}{{ status_badge('warn', 'Degraded') }}
      {% else %}{{ status_badge('ok', 'Healthy') }}{% endif %}
      <span class="tone-{{ tone }}">{{ row.running }} of {{ row.desired }} running</span>
      · {{ row.mode }}
      {%- if stack %} · stack <a class="chip" href="/plugins/docker/?stack={{ stack }}">{{ stack }}</a>{% endif %}
      {%- if row.trouble_since %} · in trouble since {{ row.trouble_since|ago }}{% endif %}
    </p>
  </div>
  <div class="page-actions"><a class="btn btn-sm btn-ghost" href="#logs">Logs</a></div>
</div>

{% if row.last_error %}
{% set e = row.last_error %}
<section class="card problem-card" aria-labelledby="svc-last-error">
  <h2 id="svc-last-error" class="section-title" style="margin-bottom:0.4rem;">Last failed task</h2>
  <p style="margin:0;">
    {{ e.error or e.message or e.state }}{% if e.exit_code %} <span class="tone-crit">(exit {{ e.exit_code }})</span>{% endif %}
    {%- if e.node %} · on {{ e.node }}{% endif %}{% if e.age_s is not none %} · {{ e.age_s|duration }} ago{% endif %}
    {%- if e.task_id %} · <a href="?task={{ e.task_id }}#logs">its logs →</a>{% endif %}
  </p>
</section>
{% endif %}

<div class="stat-strip">
  {{ stat_tile("CPU", cores(row.cpu_cores) if row.cpu_cores is not none else "—", hint="across running replicas") }}
  {{ stat_tile("Memory", row.mem_bytes|bytes if row.mem_bytes is not none else "—", hint="across running replicas") }}
  {{ stat_tile("Up", (row.started_at|ago|striptags|replace(" ago", "")) if row.started_at else "—", hint="since its newest replica started") }}
  {{ stat_tile("Failed (24h)", row.failures_24h or 0, state="warn" if row.failures_24h else none, hint="tasks Swarm replaced", href="#tasks" if row.failures_24h else none) }}
</div>

<div class="card">
  <dl class="kv">
    <dt>Image</dt><dd class="mono" style="overflow-wrap:anywhere;">{{ (svc.image if svc and svc.image else row.image) or "—" }}</dd>
    <dt>Mode</dt><dd>{{ row.mode }}{% if row.mode != 'global' %}, {{ row.desired }} replica{{ "s" if row.desired != 1 }}{% endif %}</dd>
    {% if svc %}<dt>Reported</dt><dd>{{ svc.updated_at|ago }} by the manager's agent</dd>{% endif %}
  </dl>
</div>

{# ── Replicas: where it runs and what each uses ──────────────────────────── #}
<section class="card-flush" aria-labelledby="svc-replicas">
  <h2 id="svc-replicas" class="table-caption">Replicas <span class="tone-muted">{{ replicas|length }}</span></h2>
  {% if replicas %}
  <table class="table">
    <thead><tr>
      <th>Node</th><th>Container</th><th>Status</th>
      <th class="num" title="Docker counts CPU per core">CPU</th><th class="num">Memory</th><th class="num">Up</th>
    </tr></thead>
    <tbody>
      {% for r in replicas %}
      <tr>
        {% if r.ghost %}
        <td>{{ r.host }}</td>
        <td colspan="5" class="tone-dim">{{ r.count }} running on a node with no Steward agent: no figures for {{ "it" if r.count == 1 else "them" }}</td>
        {% else %}
        <td>{% if r.host_id %}<a href="/hosts/{{ r.host_id }}">{{ r.host }}</a>{% else %}{{ r.host }}{% endif %}</td>
        <td class="cell-name"><a href="/plugins/docker/container/{{ r.host_id }}/{{ r.name }}" title="{{ r.name }}">{{ r.name }}</a></td>
        <td>
          {{ status_dot('up' if r.status == 'running' else 'down') }} <span class="tone-muted">{{ r.status }}</span>
          {%- if r.health == 'unhealthy' %} {{ status_badge('crit', 'Unhealthy') }}{% elif r.health == 'starting' %} {{ status_badge('pending', 'Starting') }}{% endif %}
        </td>
        <td class="num">{% if r.usage %}{{ cpu(r.usage) }}{% else %}<span class="tone-dim">—</span>{% endif %}</td>
        <td class="num">{% if r.usage %}{{ mem(r.usage) }}{% else %}<span class="tone-dim">—</span>{% endif %}</td>
        <td class="num">{{ r.uptime or "—" }}</td>
        {% endif %}
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% else %}
  <p class="tone-muted" style="margin:0;padding:1rem;">No replica is running.</p>
  {% endif %}
</section>

{# ── Resource history, summed across replicas ────────────────────────────── #}
<section class="card" aria-labelledby="svc-history">
  <div style="display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:0.75rem;flex-wrap:wrap;">
    <h2 id="svc-history" class="section-title" style="margin:0;">Resource history</h2>
    {% include "_time_range.html" %}
  </div>
  <div hx-get="/plugins/docker/service/{{ name }}/history"
       hx-trigger="load, rangeChange from:body"
       hx-include="#time-range"
       hx-swap="innerHTML">
    <p class="field-hint">Loading…</p>
  </div>
</section>

{# ── Swarm's record of its recent tasks ──────────────────────────────────── #}
<section id="tasks" class="card-flush" aria-labelledby="svc-tasks">
  <h2 id="svc-tasks" class="table-caption">Tasks <span class="tone-muted">Swarm's most recent, newest first</span></h2>
  {% if tasks %}
  <table class="table">
    <thead><tr>
      <th title="The replica slot this task filled">Slot</th><th>Task</th><th>Node</th><th>State</th>
      <th class="num">Exit</th><th>Why</th><th class="num">When</th>
    </tr></thead>
    <tbody>
      {% for t in tasks %}
      <tr>
        <td>{{ t.slot or "—" }}</td>
        <td class="mono" title="{{ t.task_id }}">{% if t.task_id %}<a href="?task={{ t.task_id }}#logs">{{ t.task_id[:10] }}</a>{% else %}—{% endif %}</td>
        <td>{{ t.node }}</td>
        <td>
          {%- if t.failed %}{{ status_badge('crit', t.state|capitalize) }}
          {%- elif t.current %}{{ status_badge('ok', 'Running') }}
          {%- else %}<span class="tone-muted">{{ t.state }}</span>{% endif %}
          {%- if t.desired and t.desired != t.state and not t.current %} <span class="tone-dim" title="What Swarm wants of it">→ {{ t.desired }}</span>{% endif -%}
        </td>
        <td class="num">{% if t.exit_code %}<span class="tone-{{ 'crit' if t.failed else 'dim' }}">{{ t.exit_code }}</span>{% else %}<span class="tone-dim">—</span>{% endif %}</td>
        <td style="overflow-wrap:anywhere;">{{ t.why or "" }}</td>
        <td class="num">{% if t.at %}{{ t.at|ago }}{% else %}<span class="tone-dim">—</span>{% endif %}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% else %}
  <p class="tone-muted" style="margin:0;padding:1rem;">No task record yet: the manager's agent reports them from version 1.8.0.</p>
  {% endif %}
</section>

{% endif %}

{# ── Logs across every task, newest first ─────────────────────────────────
   Shown for a removed service too, while its lines are still kept. #}
{% if service is not none or task_choices %}
<section id="logs" class="card-flush" aria-labelledby="svc-logs">
  <h2 id="svc-logs" class="table-caption">Logs <span class="tone-muted">every task, newest first</span></h2>
  <form id="svc-log-controls" class="filter-bar" onsubmit="return false;" style="padding:0.75rem 1rem 0;">
    <input type="search" name="q" class="input" placeholder="Filter lines…" autocomplete="off" aria-label="Filter log lines">
    {% if task_choices|length > 1 %}
    <select name="task" aria-label="Task">
      <option value="">All tasks</option>
      {% for tid, label in task_choices %}<option value="{{ tid }}"{% if tid == focus_task %} selected{% endif %}>{{ label }}</option>{% endfor %}
    </select>
    {% elif focus_task %}<input type="hidden" name="task" value="{{ focus_task }}">{% endif %}
    <select name="stream" aria-label="Stream">
      <option value="all">stdout and stderr</option>
      <option value="stdout">stdout</option>
      <option value="stderr">stderr</option>
    </select>
  </form>
  <div id="svc-log-lines"
       hx-get="/plugins/docker/service/{{ name }}/logs/lines"
       hx-trigger="load, every 5s, change from:#svc-log-controls, keyup changed delay:400ms from:#svc-log-controls"
       hx-include="#svc-log-controls"
       hx-swap="innerHTML"
       role="log" aria-live="polite" tabindex="0"
       style="max-height:60vh;overflow:auto;padding:0.5rem 1rem 0.75rem;font-family:var(--fs-font-mono);font-size:0.8rem;line-height:1.5;">
    <p class="field-hint">Loading…</p>
  </div>
</section>
{% endif %}
{% endblock %}