{% if router_data %}
{% for r in router_data %}
<div class="ping-row">
  <div class="ping-meta">
    <span class="ping-name" style="font-size:0.8rem;word-break:break-all;">{{ r.name }}</span>
  </div>
  <div style="flex:1;display:flex;gap:1.5rem;font-size:0.82rem;font-variant-numeric:tabular-nums;">
    <span title="Requests/s">
      <span style="color:var(--text-muted);">req/s</span>
      <span style="margin-left:0.3rem;">{{ "%.2f"|format(r.latest.request_rate) }}</span>
    </span>
    <span title="p95 latency">
      <span style="color:var(--text-muted);">p95</span>
      <span style="margin-left:0.3rem;
        {% if r.latest.latency_p95_ms > 500 %}color:var(--red){% elif r.latest.latency_p95_ms > 200 %}color:var(--yellow){% else %}color:var(--green){% endif %};">
        {{ "%.0f"|format(r.latest.latency_p95_ms) }}ms
      </span>
    </span>
    {% if r.latest.error_rate_5xx_pct > 0 %}
    <span title="5xx error rate">
      <span style="color:var(--red);">{{ "%.1f"|format(r.latest.error_rate_5xx_pct) }}% 5xx</span>
    </span>
    {% endif %}
  </div>
</div>
{% endfor %}
{% else %}
<p class="empty" style="padding:0.5rem 0;font-size:0.85rem;">No Traefik data yet.</p>
{% endif %}