{% extends "base.html" %}
{% block title %}Voxint — dashboard{% endblock %}
{% block body %}
<h1>Dashboard</h1>
<p class="muted">
  Run health and throughput at a glance — the same figures as
  <code>GET /metrics</code> and <code>voxint stats</code>, refreshed automatically.
</p>
{# In-page window picker (issue #56). Options are exactly the strings parse_since
   already accepts, so this needs no new parsing; an empty ?since= defaults to
   24h, so "24h" is selected then too. A plain GET reloads the page, which
   re-seeds the 15s htmx poll below with the chosen window. #}
<form method="get" action="/dashboard" class="filters">
  <label>Time window
    <select name="since" onchange="this.form.submit()">
      <option value="24h"{% if since_param in ("", "24h") %} selected{% endif %}>Last 24 hours</option>
      <option value="7d"{% if since_param == "7d" %} selected{% endif %}>Last 7 days</option>
      <option value="30d"{% if since_param == "30d" %} selected{% endif %}>Last 30 days</option>
      {# A valid ?since= that isn't one of the presets (e.g. 48h or an ISO
         datetime, honoured by parse_since) is still the *active* window — echo
         it as a selected option so the control never shows a shorter span than
         the data actually reflects. An invalid value is cleared upstream
         (since_param==""), so it never reaches here. #}
      {% if since_param and since_param not in ("24h", "7d", "30d") %}
      <option value="{{ since_param }}" selected>Custom ({{ since_param }})</option>
      {% endif %}
    </select>
  </label>
  <noscript><button type="submit">Apply</button></noscript>
</form>
{# The htmx poll re-requests /dashboard every 15s; the route answers the
   HX-Request with just the fragment below, swapped into this container so the
   page chrome and nav are untouched. The active ?since= is baked into the poll
   URL so a custom window survives the refresh (htmx does not inherit the page's
   query string). innerHTML swaps the contents, so this polling container — and
   its hx-get — persists unchanged across polls. #}
<div id="dashboard-metrics"
     hx-get="/dashboard{% if since_param %}?since={{ since_param | urlencode }}{% endif %}"
     hx-trigger="every 15s" hx-swap="innerHTML">
  {% include "fragments/dashboard_metrics.html" %}
</div>
{% endblock %}