{% extends "base.html" %}

{% block title %}Broker · Flower{% end %}

{% block navbar %}
{% module Template("navbar.html", active_tab="broker") %}
{% end %}

{% block container %}
<div class="page-section broker-page">
  <header class="page-header mb-2">
    <div>
      <p class="page-eyebrow">Message broker</p>
      <p class="page-description broker-url mt-3">{{ broker_url }}</p>
    </div>
  </header>

  <section class="broker-table-card" aria-label="Broker queues">
    <figure class="table-responsive mb-0">
      <table id="queue-table" class="broker-table table table-hover align-middle mb-0">
      <thead>
        <tr>
          <th>Queue</th>
          <th class="broker-secondary-column">Messages</th>
          <th class="broker-secondary-column">Unacked</th>
          <th>Ready</th>
          <th>Consumers</th>
          <th class="broker-secondary-column">Idle since</th>
        </tr>
      </thead>
      <tbody>
        {% for queue in queues %}
        <tr id="{{ url_escape(queue['name']) }}">
          <td>{{ queue['name'] }}</td>
          <td class="broker-secondary-column">{% raw format_value(queue.get('messages')) %}</td>
          <td class="broker-secondary-column">{% raw format_value(queue.get('messages_unacknowledged')) %}</td>
          <td>{% raw format_value(queue.get('messages_ready')) %}</td>
          <td>{% raw format_value(queue.get('consumers')) %}</td>
          <td class="broker-secondary-column">{% raw format_value(queue.get('idle_since')) %}</td>
        </tr>
        {% end %}
        {% if not queues %}
        <tr>
          <td class="empty-table-message" colspan="6">No queue data is available.</td>
        </tr>
        {% end %}
      </tbody>
      </table>
    </figure>
  </section>
</div>
{% end %}