{% extends "base.html" %}
{% block title %}Docker — Steward{% endblock %}
{% block content %}
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap;">
  <div style="display:flex;align-items:baseline;gap:1rem;">
    <h1 class="page-title" style="margin-bottom:0;">Docker</h1>
    {% if has_swarm %}
    <a href="/plugins/docker/swarm" style="font-size:0.85rem;color:var(--accent);text-decoration:none;">Swarm →</a>
    {% endif %}
    {% if has_disk %}
    <a href="/plugins/docker/disk" style="font-size:0.85rem;color:var(--accent);text-decoration:none;">Disk →</a>
    {% endif %}
  </div>
  {% include "_time_range.html" %}
</div>

<div id="docker-rows"
     hx-get="/plugins/docker/rows"
     hx-trigger="load, rangeChange from:body"
     hx-include="#time-range"
     hx-swap="innerHTML">
  <div style="color:var(--text-muted);font-size:0.9rem;padding:2rem;">Loading...</div>
</div>
{% endblock %}