{% extends "admin/base.html" %}

{% block logo %}
<h1>System</h1>
{% endblock %}

{% block main %}
<div class="admin-content">
    {% if message %}
    <div class="alert alert-success">{{ message }}</div>
    {% endif %}

    <section class="admin-stats">
        <h2>System Information</h2>
        <div class="info-grid">
            <div class="info-item">
                <span class="info-label">Uptime</span>
                <span class="info-value">{{ uptime }}</span>
            </div>
            <div class="info-item">
                <span class="info-label">Total Users</span>
                <span class="info-value">{{ stats.users }}</span>
            </div>
            <div class="info-item">
                <span class="info-label">Online Users</span>
                <span class="info-value">{{ stats.online }}</span>
            </div>
            <div class="info-item">
                <span class="info-label">Total Messages</span>
                <span class="info-value">{{ stats.messages }}</span>
            </div>
        </div>
    </section>

    <section class="admin-actions-section">
        <h2>Maintenance</h2>
        <form method="post" action="/admin/system/index.html">
            <input type="hidden" name="action" value="maintenance">
            <p>Run database maintenance (VACUUM and ANALYZE) to optimize performance.</p>
            <button type="submit" class="btn btn-primary">Run Maintenance</button>
        </form>
    </section>

    <section class="admin-links">
        <h2>Quick Links</h2>
        <ul>
            <li><a href="/admin/system/kv.html">KV Store Editor</a></li>
            <li><a href="/admin/system/push.html">Push Registrations</a></li>
        </ul>
    </section>
</div>
{% endblock main %}