{# plugins/traefik/templates/traefik/rows.html #}

{# ── Global stats bar ──────────────────────────────────────────────────────── #}
{% if global_stat %}
<div style="display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.25rem;padding:0.75rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;font-size:0.85rem;font-variant-numeric:tabular-nums;">

  {% if global_stat.open_conns_total is not none %}
  <span>
    <span style="color:var(--text-muted);">Open conns</span>
    <span style="margin-left:0.4rem;font-weight:600;">{{ global_stat.open_conns_total | int }}</span>
  </span>
  {% endif %}

  {% if global_stat.config_last_reload_success is not none %}
  <span>
    <span style="color:var(--text-muted);">Config</span>
    {% if global_stat.config_last_reload_success == 1.0 %}
      <span style="margin-left:0.4rem;color:var(--green);">&#10003; OK</span>
    {% else %}
      <span style="margin-left:0.4rem;color:var(--red);">&#10007; failed</span>
    {% endif %}
    {% if global_stat.config_reloads_total is not none %}
      <span style="color:var(--text-dim);margin-left:0.3rem;">({{ global_stat.config_reloads_total | int }} reloads)</span>
    {% endif %}
  </span>
  {% endif %}

  {% if global_stat.process_memory_bytes is not none %}
  <span>
    <span style="color:var(--text-muted);">Memory</span>
    <span style="margin-left:0.4rem;">
      {{ global_stat.process_memory_bytes|bytes }}
    </span>
  </span>
  {% endif %}

  <span style="margin-left:auto;color:var(--text-dim);font-size:0.78rem;">
    {{ global_stat.scraped_at.strftime("%H:%M:%S") }} UTC
  </span>
</div>
{% endif %}

{# ── Per-service cards + cert card in shared columns layout ───────────────── #}
{% if router_data or certs %}
<div style="column-width:340px;column-count:3;column-gap:1rem;">

{% for r in router_data %}
<div class="card" style="break-inside:avoid;margin-bottom:1rem;">
    <h3 class="section-title" style="margin-bottom:0.75rem;word-break:break-all;">{{ r.name }}</h3>
    <table class="table" style="font-size:0.85rem;">
        <tr>
            <td style="color:var(--text-muted);padding:0.2rem 0;">Req/s</td>
            <td style="padding:0.2rem 0.5rem;">{{ "%.2f"|format(r.latest.request_rate) }}</td>
            <td style="padding:0.2rem 0;">{{ r.sparkline_req | safe }}</td>
        </tr>
        <tr>
            <td style="color:var(--text-muted);padding:0.2rem 0;">Bandwidth</td>
            <td style="padding:0.2rem 0.5rem;">
              {% set bps = r.latest.response_bytes_rate %}
              {{ bps|rate }}
            </td>
            <td style="padding:0.2rem 0;"></td>
        </tr>
        <tr>
            <td style="color:var(--text-muted);padding:0.2rem 0;">p95 ms</td>
            <td style="padding:0.2rem 0.5rem;">{{ "%.1f"|format(r.latest.latency_p95_ms) }}</td>
            <td style="padding:0.2rem 0;">{{ r.sparkline_p95 | safe }}</td>
        </tr>
        <tr>
            <td style="color:var(--text-muted);padding:0.2rem 0;">p99 ms</td>
            <td style="padding:0.2rem 0.5rem;">{{ "%.1f"|format(r.latest.latency_p99_ms) }}</td>
            <td style="padding:0.2rem 0;"></td>
        </tr>
        <tr>
            <td style="color:var(--text-muted);padding:0.2rem 0;">4xx %</td>
            <td style="color:{% if r.latest.error_rate_4xx_pct > 1 %}var(--yellow){% else %}var(--green){% endif %};padding:0.2rem 0.5rem;">
                {{ "%.1f"|format(r.latest.error_rate_4xx_pct) }}%
            </td>
            <td style="padding:0.2rem 0;"></td>
        </tr>
        <tr>
            <td style="color:var(--text-muted);padding:0.2rem 0;">5xx %</td>
            <td style="color:{% if r.latest.error_rate_5xx_pct > 0.1 %}var(--red){% else %}var(--green){% endif %};padding:0.2rem 0.5rem;">
                {{ "%.1f"|format(r.latest.error_rate_5xx_pct) }}%
            </td>
            <td style="padding:0.2rem 0;">{{ r.sparkline_5xx | safe }}</td>
        </tr>
    </table>
    <div style="color:var(--text-dim);font-size:0.75rem;margin-top:0.5rem;">
        Last scraped {{ r.latest.scraped_at.strftime("%H:%M:%S") }} UTC
    </div>
</div>
{% endfor %}

{% if certs %}
<div class="card" style="break-inside:avoid;margin-bottom:1rem;">
  <div class="section-title" style="margin-bottom:0.75rem;">TLS Certificates</div>
  <table class="table" style="font-size:0.83rem;width:100%;">
    {% for cert in certs %}
    <tr>
      <td style="padding:0.2rem 0 0.2rem 0;word-break:break-all;">{{ cert.cn }}</td>
      <td style="text-align:right;padding:0.2rem 0;white-space:nowrap;font-weight:600;
        {% if cert.days_remaining < 7 %}color:var(--red);
        {% elif cert.days_remaining < 30 %}color:var(--yellow);
        {% else %}color:var(--green);{% endif %}">
        {{ cert.days_remaining | int }}d
      </td>
    </tr>
    <tr>
      <td colspan="2" style="padding:0 0 0.4rem 0;color:var(--text-dim);font-size:0.75rem;">
        {{ cert.not_after.strftime("%Y-%m-%d") }}
      </td>
    </tr>
    {% endfor %}
  </table>
</div>
{% endif %}

</div>
{% else %}
<div class="card">
    <p style="color:var(--text-dim);">No Traefik metrics yet. Configure <code>metrics_url</code> in <code>config.yaml</code> under <code>plugins.traefik</code>.</p>
</div>
{% endif %}