{% extends "layout.html" %}
{% from "shared/components.html" import empty_state, stat_card, status_badge %}
{% block content %}
  <div class="amq-page">
    <section class="amq-stat-grid" aria-label="Worker summary">
      {{ stat_card("Workers", worker_summary.total, None, "success", worker_summary.healthy ~ " healthy") }}
      {{ stat_card("Concurrency", worker_summary.capacity, None, "accent", "Runtime-declared capacity") }}
      {{ stat_card("Queues", worker_summary.queues, None, "neutral", "Queues with workers") }}
      {{ stat_card("Attention", worker_summary.attention, None, "warning", "Aging or stale heartbeats") }}
    </section>

    <section class="amq-table-wrap">
      <div class="amq-table-toolbar">
        <div>
          <h2 class="amq-card-title">Worker Health</h2>
          <p class="amq-card-meta">Runtime-owned heartbeat registry · TTL {{ worker_summary.ttl_label }}</p>
        </div>
        <form method="get" class="amq-actions">
          <label for="size" class="amq-card-meta">Rows</label>
          <select id="size" name="size" data-auto-submit class="amq-select">
            {% for s in page_sizes %}
              <option value="{{ s }}" {% if s == size %}selected{% endif %}>{{ s }}</option>
            {% endfor %}
          </select>
          <input type="hidden" name="page" value="1">
        </form>
      </div>

      <table class="amq-table">
        <thead>
        <tr>
          <th scope="col">Health</th>
          <th scope="col">Worker</th>
          <th scope="col">Queue</th>
          <th scope="col">Concurrency</th>
          <th scope="col">Heartbeat Age</th>
          <th scope="col">Last Seen</th>
        </tr>
      </thead>
      <tbody>
        {% for w in workers %}
        <tr class="amq-worker-row">
          <td>
            <div class="amq-worker-health">
              {{ status_badge(w.health_status, w.health_label) }}
              <span class="amq-card-meta">{{ w.health_detail }}</span>
            </div>
          </td>
          <td>
            <div class="amq-worker-identity">
              <span class="amq-mono amq-worker-id">{{ w.id }}</span>
              <span class="amq-card-meta">Backend registry record</span>
            </div>
          </td>
          <td>
            <a href="{{ url_prefix }}/queues/{{ w.queue }}" class="amq-worker-queue">{{ w.queue }}</a>
          </td>
          <td>
            <strong class="amq-worker-capacity">{{ w.concurrency }}</strong>
          </td>
          <td>
            <div class="amq-worker-heartbeat">
              <span>{{ w.heartbeat_age_label }}</span>
              <progress
                class="amq-heartbeat-meter amq-heartbeat-meter--{{ w.health_status }}"
                value="{{ w.heartbeat_age_seconds }}"
                max="{{ heartbeat_ttl }}"
                aria-label="Heartbeat age for {{ w.id }}"
              ></progress>
            </div>
          </td>
          <td>
            <time class="amq-mono" {% if w.heartbeat_iso %}datetime="{{ w.heartbeat_iso }}"{% endif %}>
              {{ w.heartbeat }}
            </time>
          </td>
        </tr>
        {% endfor %}
        {% if workers|length == 0 %}
        <tr>
          <td colspan="6">
            {{ empty_state("No workers found", "No backend-owned worker heartbeats are currently visible.") }}
          </td>
        </tr>
        {% endif %}
      </tbody>
    </table>
    </section>

    <div class="amq-pagination">
    <p class="amq-card-meta">
      {% if total > 0 %}
      Showing
      <strong class="amq-pagination-count">{{ (page - 1) * size + 1 }}</strong>
      to
      <strong class="amq-pagination-count">{{ (page - 1) * size + workers|length }}</strong>
      of
      <strong class="amq-pagination-count">{{ total }}</strong>
      results
      {% else %}
      No results found
      {% endif %}
    </p>
    <nav class="amq-pagination-nav" aria-label="Worker pages">
      {% if page and page > 1 %}
      <a href="?page={{ page - 1 }}&size={{ size }}"
         class="amq-pagination-link">
        Previous
      </a>
      {% else %}
      <span class="amq-pagination-link" aria-disabled="true">
        Previous
      </span>
      {% endif %}

      <span class="amq-pagination-current" aria-current="page">
        Page {{ page }} of {{ total_pages }}
      </span>

      {% if page and page < total_pages %}
      <a href="?page={{ page + 1 }}&size={{ size }}"
         class="amq-pagination-link">
        Next
      </a>
      {% else %}
      <span class="amq-pagination-link" aria-disabled="true">
        Next
      </span>
      {% endif %}
    </nav>
    </div>
  </div>
{% endblock %}