{# plugins/traefik/templates/traefik/index.html #}
{% extends "base.html" %}
{% block title %}Traefik — Steward{% endblock %}
{% block content %}
<div style="display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0.75rem;margin-bottom:1.5rem;">
  <div style="display:flex;align-items:baseline;gap:1rem;">
    <h1 class="page-title" style="margin-bottom:0;">Traefik Services</h1>
    <span style="color:var(--text-muted);font-size:0.85rem;">polling every {{ poll_interval }}s</span>
  </div>
  {% include "_time_range.html" %}
</div>

<div id="traefik-rows"
     hx-get="/plugins/traefik/rows"
     hx-trigger="load, every {{ poll_interval }}s, rangeChange from:body"
     hx-include="#time-range"
     hx-swap="innerHTML">
</div>

{% if access_log_enabled %}
<div style="margin-top:1.5rem;">
  <h2 class="section-title" style="margin-bottom:1rem;">Traffic Origin</h2>
  <div id="traefik-traffic"
       hx-get="/plugins/traefik/traffic"
       hx-trigger="load, every {{ poll_interval }}s, rangeChange from:body"
       hx-include="#time-range"
       hx-swap="innerHTML">
  </div>
</div>
{% endif %}
{% endblock %}