{% extends "base.html" %}

{% block title %}System Health - Makenot.work{% endblock %}
{% block body_attrs %} class="health-page"{% endblock %}

{% block head %}
{% endblock %}

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

    <div class="health-container">
        <header>
            <h1 class="page-title">System Health</h1>
            <p class="subtitle">Service status and diagnostics</p>
        </header>

        <div class="summary-bar">
            <div class="summary-item">
                <span class="status-indicator {{ overall_status_class }}"></span>
                <span>{{ overall_status }}</span>
            </div>
            <div class="summary-item">
                Uptime: {{ uptime }}
            </div>
            <div class="summary-item">
                Version: {{ version }}
            </div>
            <div class="summary-item">
                Checked in {{ check_duration_ms }}ms
            </div>
        </div>

        <div class="health-grid">
            <div class="health-card">
                <h3>
                    <span class="status-indicator {{ db_status_class }}"></span>
                    Database
                </h3>
                <dl>
                    <dt>Status</dt>
                    <dd>{{ db_status }}</dd>
                    <dt>Pool</dt>
                    <dd>{{ db_active_connections }}/{{ db_pool_max }} ({{ db_pool_utilization }})</dd>
                    <dt>Users</dt>
                    <dd>{{ user_count }}</dd>
                    <dt>Projects</dt>
                    <dd>{{ project_count }}</dd>
                    <dt>Items</dt>
                    <dd>{{ item_count }}</dd>
                    <dt>Transactions</dt>
                    <dd>{{ transaction_count }}</dd>
                    <dt>Blog Posts</dt>
                    <dd>{{ blog_post_count }}</dd>
                </dl>
            </div>

            <div class="health-card">
                <h3>
                    <span class="status-indicator {{ session_status_class }}"></span>
                    Sessions
                </h3>
                <dl>
                    <dt>Status</dt>
                    <dd>{{ session_status }}</dd>
                    <dt>Store</dt>
                    <dd>PostgreSQL</dd>
                    <dt>Active Sessions</dt>
                    <dd>{{ active_sessions }}</dd>
                </dl>
            </div>

            <div class="health-card">
                <h3>
                    <span class="status-indicator {{ storage_status_class }}"></span>
                    Storage (S3)
                </h3>
                <dl>
                    <dt>Status</dt>
                    <dd>{{ storage_status }}</dd>
                    {% if storage_configured %}
                    <dt>Bucket</dt>
                    <dd>{{ storage_bucket }}</dd>
                    <dt>Region</dt>
                    <dd>{{ storage_region }}</dd>
                    {% endif %}
                </dl>
            </div>

            <div class="health-card">
                <h3>
                    <span class="status-indicator {{ stripe_status_class }}"></span>
                    Payments (Stripe)
                </h3>
                <dl>
                    <dt>Status</dt>
                    <dd>{{ stripe_status }}</dd>
                    {% if stripe_configured %}
                    <dt>Mode</dt>
                    <dd>{{ stripe_mode }}</dd>
                    <dt>Connected Creators</dt>
                    <dd>{{ connected_creators }}</dd>
                    {% endif %}
                </dl>
            </div>

            <div class="health-card">
                <h3>
                    <span class="status-indicator {{ email_status_class }}"></span>
                    Email
                </h3>
                <dl>
                    <dt>Status</dt>
                    <dd>{{ email_status }}</dd>
                    <dt>Provider</dt>
                    <dd>{{ email_provider }}</dd>
                </dl>
            </div>

            <div class="health-card">
                <h3>
                    <span class="status-indicator {{ synckit_status_class }}"></span>
                    SyncKit
                </h3>
                <dl>
                    <dt>Status</dt>
                    <dd>{{ synckit_status }}</dd>
                    {% if synckit_configured %}
                    <dt>Registered Apps</dt>
                    <dd>{{ synckit_app_count }}</dd>
                    <dt>Connected Devices</dt>
                    <dd>{{ synckit_device_count }}</dd>
                    <dt>Sync Log Entries</dt>
                    <dd>{{ synckit_log_entries }}</dd>
                    {% endif %}
                </dl>
            </div>

            <div class="health-card">
                <h3>
                    <span class="status-indicator status-ok"></span>
                    Security &amp; Monitoring
                </h3>
                <dl>
                    <dt>Admin</dt>
                    <dd>{{ admin_status }}</dd>
                    <dt>2FA</dt>
                    <dd>Available</dd>
                    <dt>CSRF</dt>
                    <dd>Active</dd>
                </dl>
            </div>

            <div class="health-card">
                <h3>
                    <span class="status-indicator status-ok"></span>
                    Server
                </h3>
                <dl>
                    <dt>Environment</dt>
                    <dd>{{ environment }}</dd>
                    <dt>Host</dt>
                    <dd>{{ host }}</dd>
                    <dt>Started</dt>
                    <dd>{{ started_at }}</dd>
                </dl>
            </div>
        </div>

        <h2 class="section-title">Privacy &amp; Compliance</h2>

        <div class="health-grid">
            {% for job in privacy_jobs %}
            <div class="health-card">
                <h3>
                    <span class="status-indicator {{ job.status_class }}"></span>
                    {{ job.description }}
                </h3>
                <dl>
                    <dt>Last ran</dt>
                    <dd>{{ job.last_ran }}</dd>
                    <dt>Rows affected</dt>
                    <dd>{{ job.rows_affected }}</dd>
                </dl>
            </div>
            {% endfor %}
        </div>

        <h2 class="section-title">Uptime Monitoring</h2>

        <div class="health-grid">
            <div class="health-card">
                <h3>
                    <span class="status-indicator {% if monitor_enabled %}status-ok{% else %}status-warn{% endif %}"></span>
                    Monitor
                </h3>
                <dl>
                    <dt>Status</dt>
                    <dd>{% if monitor_enabled %}Active{% else %}Disabled{% endif %}</dd>
                    <dt>Check Interval</dt>
                    <dd>{{ monitor_interval_secs }}s</dd>
                    <dt>Alerts</dt>
                    <dd>{% if alerts_configured %}Configured{% else %}Not configured{% endif %}</dd>
                </dl>
            </div>

            <div class="health-card">
                <h3>
                    <span class="status-indicator status-ok"></span>
                    Uptime
                </h3>
                <dl>
                    <dt>Last 24h</dt>
                    <dd>{% match uptime_24h %}{% when Some with (v) %}{{ v }}%{% when None %}No data{% endmatch %}</dd>
                    <dt>Last 7d</dt>
                    <dd>{% match uptime_7d %}{% when Some with (v) %}{{ v }}%{% when None %}No data{% endmatch %}</dd>
                    <dt>Last Incident</dt>
                    <dd>{% match last_incident %}{% when Some with (v) %}{{ v }}{% when None %}None recorded{% endmatch %}</dd>
                </dl>
            </div>

            <div class="health-card">
                <h3>
                    <span class="status-indicator {% if pom_available %}{{ pom_status_class.as_deref().unwrap_or("status-ok") }}{% else %}status-warn{% endif %}"></span>
                    External Monitor (PoM)
                </h3>
                <dl>
                    {% if pom_available %}
                    <dt>Status</dt>
                    <dd>{% match pom_status %}{% when Some with (v) %}{{ v }}{% when None %}-{% endmatch %}</dd>
                    <dt>Response Time</dt>
                    <dd>{% match pom_response_time_ms %}{% when Some with (v) %}{{ v }}ms{% when None %}-{% endmatch %}</dd>
                    <dt>Last Check</dt>
                    <dd>{% match pom_checked_at %}{% when Some with (v) %}{{ v }}{% when None %}-{% endmatch %}</dd>
                    <dt>Uptime 24h</dt>
                    <dd>{% match pom_uptime_24h %}{% when Some with (v) %}{{ v }}%{% when None %}No data{% endmatch %}</dd>
                    <dt>Uptime 7d</dt>
                    <dd>{% match pom_uptime_7d %}{% when Some with (v) %}{{ v }}%{% when None %}No data{% endmatch %}</dd>
                    {% match pom_avg_latency %}{% when Some with (v) %}
                    <dt>Avg Latency</dt>
                    <dd>{{ v }}</dd>
                    {% when None %}{% endmatch %}
                    {% match pom_p95_latency %}{% when Some with (v) %}
                    <dt>p95 Latency</dt>
                    <dd>{{ v }}</dd>
                    {% when None %}{% endmatch %}
                    {% if pom_routes_total > 0 %}
                    <dt>Routes</dt>
                    <dd>{{ pom_routes_ok }}/{{ pom_routes_total }} OK{% if !pom_routes_failed.is_empty() %} (FAIL: {{ pom_routes_failed.join(", ") }}){% endif %}</dd>
                    {% endif %}
                    {% if pom_incident_active %}
                    <dt>Incident</dt>
                    <dd class="health-error-text">{% match pom_incident_status %}{% when Some with (v) %}{{ v }}{% when None %}-{% endmatch %} since {% match pom_incident_since %}{% when Some with (v) %}{{ v }}{% when None %}-{% endmatch %}</dd>
                    {% endif %}
                    {% else %}
                    <dt>Status</dt>
                    <dd>Unavailable</dd>
                    {% endif %}
                </dl>
            </div>
        </div>

        {% if !recent_snapshots.is_empty() %}
        <details class="check-list">
            <summary>Recent Checks ({{ recent_snapshots.len() }})</summary>
            <ul class="test-list">
                {% for snap in recent_snapshots %}
                <li>
                    <span class="test-name">
                        <span class="status-indicator health-indicator-dot {{ snap.status_class }}"></span>
                        {{ snap.status }} at {{ snap.checked_at }}
                    </span>
                    <span>({{ snap.duration_ms }}ms)</span>
                </li>
                {% endfor %}
            </ul>
        </details>
        {% endif %}

        {% if !pom_recent.is_empty() %}
        <details class="check-list">
            <summary>Recent External Checks ({{ pom_recent.len() }})</summary>
            <ul class="test-list">
                {% for snap in pom_recent %}
                <li>
                    <span class="test-name">
                        <span class="status-indicator health-indicator-dot {{ snap.status_class }}"></span>
                        {{ snap.status }} at {{ snap.checked_at }}
                    </span>
                    <span>({{ snap.response_time_ms }}ms)</span>
                </li>
                {% endfor %}
            </ul>
        </details>
        {% endif %}

        {% if !pom_recent_incidents.is_empty() %}
        <details class="check-list">
            <summary>Recent Incidents ({{ pom_recent_incidents.len() }})</summary>
            <ul class="test-list">
                {% for inc in pom_recent_incidents %}
                <li>
                    <span class="test-name">
                        <span class="status-indicator health-indicator-dot status-error"></span>
                        {{ inc.to_status }} at {{ inc.started_at }}
                    </span>
                    <span>({{ inc.duration }})</span>
                </li>
                {% endfor %}
            </ul>
        </details>
        {% endif %}

        <h2 class="section-title">Endpoint Tests</h2>

        <details class="check-list">
            <summary>Public Endpoints ({{ public_tests.len() }})</summary>
            <ul class="test-list">
                {% for test in public_tests %}
                <li>
                    <span class="test-name">{{ test.name }}</span>
                    <span class="{% if test.passed %}test-pass{% else %}test-fail{% endif %}">
                        {% if test.passed %}PASS{% else %}FAIL{% endif %}
                        ({{ test.latency_ms }}ms)
                    </span>
                </li>
                {% endfor %}
            </ul>
        </details>

        <details class="check-list">
            <summary>Database Queries ({{ db_tests.len() }})</summary>
            <ul class="test-list">
                {% for test in db_tests %}
                <li>
                    <span class="test-name">{{ test.name }}</span>
                    <span class="{% if test.passed %}test-pass{% else %}test-fail{% endif %}">
                        {% if test.passed %}PASS{% else %}FAIL{% endif %}
                        ({{ test.latency_ms }}ms)
                    </span>
                </li>
                {% endfor %}
            </ul>
        </details>

        <p class="timestamp">Generated at {{ generated_at }}</p>
    </div>
{% endblock %}