{% extends "admin/dj_celery_panel/base.html" %}
{% load i18n static dcr_icons %}

{% block panel_page_content %}

<div class="dcr-page-header">
  <div class="dcr-page-header__main">
    <div class="dcr-page-header__icon dcr-icon-color--success">
      {% dcr_icon "chart" %}
    </div>
    <div class="dcr-page-header__body">
      <h1 class="dcr-page-header__title">{% trans "Active Task Queues" %}</h1>
      <p class="dcr-page-header__subtitle">
        {% trans "Queues discovered from currently running workers." %}
      </p>
    </div>
  </div>
</div>

{% include "admin/dj_celery_panel/_backend_info.html" %}

<div class="dcr-data-table">
  <div class="dcr-data-table__scroll">
    <table>
      <thead>
        <tr>
          <th>{% trans "Queue Name" %}</th>
          <th class="dcr-col--right">{% trans "Messages" %}</th>
          <th>{% trans "Exchange" %}</th>
          <th>{% trans "Routing Key" %}</th>
          <th>{% trans "Workers" %}</th>
        </tr>
      </thead>
      <tbody>
        {% if queues %}
        {% for queue in queues %}
        <tr>
          <td>
            <a href="{% url 'dj_celery_panel:queue_detail' queue.name %}" class="dcr-data-table__link">
              <code class="dcr-code">{{ queue.name }}</code>
            </a>
          </td>
          <td class="dcr-col--right">
            {% if queue.message_count is not none %}
            {{ queue.message_count }}
            {% elif queue.broker_query_error %}
            <span class="dcr-text-muted" title="{{ queue.broker_query_error }}">{% trans "unavailable" %}</span>
            {% else %}
            <span class="dcr-text-muted">—</span>
            {% endif %}
          </td>
          <td>{{ queue.exchange }}</td>
          <td><code class="dcr-code">{{ queue.routing_key }}</code></td>
          <td>
            <div class="dcr-d-flex dcr-flex-wrap dcr-gap-xs">
              {% for worker in queue.workers %}
              <span class="dcr-badge dcr-badge--success">{{ worker }}</span>
              {% endfor %}
            </div>
          </td>
        </tr>
        {% endfor %}
        {% else %}
        <tr>
          <td colspan="5">
            <div class="dcr-empty">
              <h2 class="dcr-empty__title">{% trans "No Active Queues" %}</h2>
              <p class="dcr-empty__body">{% trans "No workers are currently running or no queues have been configured." %}</p>
            </div>
          </td>
        </tr>
        {% endif %}
      </tbody>
    </table>
  </div>
</div>

{% endblock %}