{% extends "base.html" %}

{% block title %}Admin: Metrics - Makenot.work{% endblock %}
{% block body_attrs %} class="padded-page admin-page"{% endblock %}

{% block head %}
{% endblock %}

{% block content %}
    {% include "partials/site_header.html" %}

    <div class="container">
        {% include "partials/admin_nav.html" %}

        <h1 class="page-title">Metrics</h1>
        <p class="refresh-note">
            Uptime: {{ uptime }}.
            <button class="btn-secondary btn-tiny"
                    hx-get="/admin/metrics" hx-target="body" hx-swap="outerHTML">Refresh</button>
        </p>

        <div class="metrics-grid">
            <div class="metric-card">
                <div class="value">{{ total_requests }}</div>
                <div class="label">Total requests</div>
            </div>
            <div class="metric-card{% if error_rate > 5.0 %} error{% elif error_rate > 1.0 %} warn{% endif %}">
                <div class="value">{{ error_rate|fmt("{:.1}") }}%</div>
                <div class="label">Error rate (5xx)</div>
            </div>
            <div class="metric-card">
                <div class="value">{{ total_errors }}</div>
                <div class="label">App errors</div>
            </div>
            <div class="metric-card{% if pool_active as f64 / pool_max as f64 > 0.8 %} warn{% endif %}">
                <div class="value">{{ pool_active }} / {{ pool_max }}</div>
                <div class="label">DB pool (active / max)</div>
            </div>
            <div class="metric-card">
                <div class="value">{{ pool_idle }}</div>
                <div class="label">DB pool idle</div>
            </div>
        </div>

        {% if !top_routes.is_empty() %}
        <h2 class="section-heading">Top Routes (by request count)</h2>
        <table>
            <thead>
                <tr>
                    <th>Method</th>
                    <th>Path</th>
                    <th>Status</th>
                    <th>Count</th>
                </tr>
            </thead>
            <tbody>
                {% for r in top_routes %}
                <tr>
                    <td class="mono">{{ r.method }}</td>
                    <td class="mono">{{ r.path }}</td>
                    <td class="mono">{{ r.status }}</td>
                    <td class="mono">{{ r.count }}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
        {% endif %}

        {% if !error_breakdown.is_empty() %}
        <h2 class="section-heading">Errors by Kind</h2>
        <table>
            <thead>
                <tr>
                    <th>Kind</th>
                    <th>Count</th>
                </tr>
            </thead>
            <tbody>
                {% for e in error_breakdown %}
                <tr>
                    <td class="mono">{{ e.kind }}</td>
                    <td class="mono">{{ e.count }}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
        {% endif %}

        <p class="grafana-link">Full dashboards: <a href="http://100.120.174.96:3100" target="_blank">Grafana</a> (Tailscale only)</p>
    </div>
{% endblock %}