{% extends "layouts/base.html" %}
{% from "macros.html" import sidebar_classes %}
{% block body %}
<div class="flex flex-1 min-h-0">
  <aside id="sidebar" class="{{ sidebar_classes() }}"
         hx-get="{{ url_for('sidebar').path }}" hx-trigger="sse:changed throttle:400ms"
         hx-swap="morph:innerHTML" hx-sync="this:drop">
    {% include "partials/sidebar.html" %}
  </aside>
  {# Controls inside the panel re-render the panel by DEFAULT: hx-target is
     inherited from here, so tabs/pagination/pause/resume/toolbar omit it. The
     exceptions state their own target: the search box (#jobs), the accordion
     body (`find .acc-body`, relative so colon job ids can't break the selector),
     the schedulers table (#schedulers), and a job row's action buttons
     (#queue-panel, overriding the row's accordion target). #}
  <main id="queue-panel" class="flex-1 overflow-y-auto" hx-target="#queue-panel">
    {% if job_page is defined %}
      {% include "partials/job_page.html" %}
    {% elif workers is defined %}
      {% include "partials/workers.html" %}
    {% elif q %}
      {% include "partials/queue.html" %}
    {% else %}
      <div class="p-10 text-muted">No queues configured.</div>
    {% endif %}
  </main>
</div>
{% endblock %}