{% from "macros.html" import badge, icon, job_chip, empty_state with context %}
{% if workers %}
<div class="flex items-center gap-x-5 gap-y-1 flex-wrap mb-4 text-sm">
  <span class="flex items-center gap-1.5">
    <span class="w-2 h-2 rounded-full bg-success animate-pulse"></span>
    <b class="tabular-nums">{{ workers|length }}</b><span class="text-muted">live</span>
  </span>
  <span class="text-muted">·</span>
  <span><b class="tabular-nums">{{ workers|sum(attribute='concurrency') }}</b> <span class="text-muted">slots</span></span>
  <span class="text-muted">·</span>
  <span><b class="tabular-nums">{{ workers|sum(attribute='processed')|compact }}</b> <span class="text-muted">done</span></span>
  {% set tfail = workers|sum(attribute='failed') %}
  {% if tfail %}<span class="text-muted">·</span><span class="text-danger tabular-nums">{{ tfail|compact }} failed</span>{% endif %}
</div>
<div class="rounded-xl border border-line overflow-hidden">
  <table class="w-full text-sm">
    <thead class="bg-panel2/40 text-xs uppercase tracking-wider text-muted text-left">
      <tr>
        <th scope="col" class="th">Worker</th>
        {% if multi %}<th scope="col" class="th">Queue</th>{% endif %}
        <th scope="col" class="th">Running</th>
        <th scope="col" class="th text-right">Done</th>
        <th scope="col" class="th text-right">Failed</th>
        <th scope="col" class="th text-right">Uptime</th>
      </tr>
    </thead>
    <tbody>
      {% for w in workers %}
      <tr id="w-{{ w.host }}-{{ w.pid }}" class="border-t border-line hover:bg-panel2/20">
        <td class="td">
          <div class="flex items-center gap-2 min-w-0">
            {% if w.state == 'stopping' %}
            <span class="w-2 h-2 rounded-full bg-warning animate-pulse shrink-0"><span class="sr-only">draining</span></span>
            {% else %}
            <span class="w-2 h-2 rounded-full bg-success animate-pulse shrink-0"><span class="sr-only">live</span></span>
            {% endif %}
            <span class="font-medium truncate">{{ w.host }}</span>
            <span class="font-mono text-muted shrink-0">pid {{ w.pid }}</span>
            <span class="text-muted shrink-0">×{{ w.concurrency }}</span>
            {% if w.state == 'stopping' %}<span class="{{ badge('warning', 'shrink-0') }}">draining</span>{% endif %}
          </div>
        </td>
        {% if multi %}<td class="td text-muted">{{ w.queue }}</td>{% endif %}
        <td class="td">
          {% if w.current %}
          <div class="flex flex-wrap items-center gap-1">
            {% for jid in w.current %}{{ job_chip(w.queue, jid) }}{% endfor %}
            <span class="text-muted ml-0.5 tabular-nums">{{ w.current|length }}/{{ w.concurrency }}</span>
          </div>
          {% else %}<span class="text-muted">idle</span>{% endif %}
        </td>
        <td class="td text-right tabular-nums">{{ w.processed|compact }}</td>
        <td class="td text-right tabular-nums{{ ' text-danger' if w.failed }}">{{ w.failed|compact }}</td>
        <td class="td text-right tabular-nums text-muted">{{ w.started|uptime }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% else %}
{{ empty_state('server', 'No workers running', 'Start a toro Worker against this Redis and it appears here.', bordered=true) }}
{% endif %}

{% if departed %}
<div class="flex items-center justify-between mt-8 mb-3">
  <div class="text-xs uppercase tracking-wider text-muted">Recently stopped</div>
  <button class="btn btn-sm btn-ghost tip" data-tip="Clear stopped-worker history"
          hx-post="{{ url_for('clear_departed').path }}"
          hx-target="#workers-list" hx-swap="morph:innerHTML"
          hx-confirm="Clear the stopped-worker history?"
          data-loading-disable data-loading-aria-busy>{{ icon('trash', 'w-3.5 h-3.5') }} clear<span class="sr-only"> stopped-worker history</span></button>
</div>
<div class="rounded-xl border border-line overflow-hidden">
  <table class="w-full text-sm">
    <thead class="bg-panel2/40 text-xs uppercase tracking-wider text-muted text-left">
      <tr>
        <th scope="col" class="th">Worker</th>
        {% if multi %}<th scope="col" class="th">Queue</th>{% endif %}
        <th scope="col" class="th">Status</th>
        <th scope="col" class="th text-right">Done</th>
        <th scope="col" class="th text-right">Failed</th>
        <th scope="col" class="th text-right">Stopped</th>
      </tr>
    </thead>
    <tbody>
      {% for d in departed %}
      <tr id="d-{{ d.host }}-{{ d.pid }}" class="border-t border-line hover:bg-panel2/20 text-muted">
        <td class="td">
          <div class="flex items-center gap-2 min-w-0">
            <span class="w-2 h-2 rounded-full shrink-0 {{ 'bg-danger' if d.reason == 'lost' else 'bg-muted/50' }}"></span>
            <span class="truncate">{{ d.host }}</span>
            <span class="font-mono shrink-0">pid {{ d.pid }}</span>
          </div>
        </td>
        {% if multi %}<td class="td">{{ d.queue }}</td>{% endif %}
        <td class="td">
          <div class="flex items-center gap-2 flex-wrap">
            {% if d.reason == 'lost' %}
            <span class="{{ badge('danger') }}">lost · no heartbeat</span>
            {% else %}
            <span class="{{ badge('muted') }}">stopped</span>
            {% endif %}
            {% if d.current %}
            <span>while running</span>
            {% for jid in d.current %}{{ job_chip(d.queue, jid) }}{% endfor %}
            {% endif %}
          </div>
        </td>
        <td class="td text-right tabular-nums">{{ d.processed|compact }}</td>
        <td class="td text-right tabular-nums{{ ' text-danger' if d.failed }}">{{ d.failed|compact }}</td>
        <td class="td text-right tabular-nums"
            title="last heartbeat {{ ((d.at - d.last_seen) / 1000)|round(1) }}s before detected">{{ d.at|uptime }} ago</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endif %}