{# plugins/ups/templates/ups/index.html #}
{% extends "base.html" %}
{% block title %}UPS — Fabled Scryer{% 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;">UPS Monitor</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="ups-rows"
     hx-get="/plugins/ups/rows"
     hx-trigger="load, every {{ poll_interval }}s, rangeChange from:body"
     hx-include="#time-range"
     hx-swap="innerHTML">
</div>
{% endblock %}