{% extends "base.html" %}
{% from "_macros.html" import page_header %}
{% block title %}Docker — Steward{% endblock %}
{% block content %}
{% call page_header("Docker", "What needs attention first, then every service and container.") %}
  {% if has_swarm %}<a class="btn btn-sm btn-ghost" href="/plugins/docker/swarm">Swarm</a>{% endif %}
  {% if has_disk %}<a class="btn btn-sm btn-ghost" href="/plugins/docker/disk">Disk</a>{% endif %}
{% endcall %}

<div id="docker-rows"
     hx-get="/plugins/docker/rows"
     hx-trigger="load, every {{ poll_interval }}s"
     hx-swap="innerHTML">
  <div class="card"><p class="field-hint">Loading…</p></div>
</div>
{# A link to a section (the dashboard's "failed (24h)" → #failures) lands
   before the rows exist; scroll to it once, when they first arrive. #}
<script>
(function () {
  var rows = document.getElementById('docker-rows');
  if (!location.hash || !rows) return;
  rows.addEventListener('htmx:afterSwap', function once() {
    rows.removeEventListener('htmx:afterSwap', once);
    var target = document.getElementById(location.hash.slice(1));
    if (target) target.scrollIntoView({ block: 'start' });
  });
})();
</script>
{% endblock %}