{% extends "base.html" %}
{% block title %}Dashboard — nanio-orchestrator{% endblock %}
{% block content %}
<h1>Dashboard</h1>

<div class="grid grid-3">
    <div class="card">
        <h3>Pools</h3>
        <div class="stat">{{ pools|length }}</div>
        <a href="/web/pools">Manage →</a>
    </div>
    <div class="card">
        <h3>Vhosts</h3>
        <div class="stat">{{ vhosts|length }}</div>
        <a href="/web/vhosts">Manage →</a>
    </div>
    <div class="card {% if drift_count > 0 %}card-warn{% endif %}">
        <h3>Config Drift</h3>
        <div class="stat">{{ drift_count }}</div>
        {% if drift_count > 0 %}
        <span class="badge warn">DRIFT DETECTED</span>
        {% else %}
        <span class="badge ok">IN SYNC</span>
        {% endif %}
        <a href="/web/config">View →</a>
    </div>
</div>

<div class="grid grid-3" style="margin-top:0">
    <div class="card {% if unrouted_count > 0 %}card-warn{% endif %}">
        <h3>Unrouted Buckets</h3>
        <div class="stat">{{ unrouted_count }}</div>
        {% if unrouted_count > 0 %}
        <span class="badge warn">ACTION NEEDED</span>
        {% else %}
        <span class="badge ok">ALL ROUTED</span>
        {% endif %}
        <a href="/web/buckets">Manage →</a>
    </div>
    <div class="card">
        <h3>Active Migrations</h3>
        <div class="stat">{{ active_migrations|length }}</div>
        <a href="/web/migrations">View →</a>
    </div>
    <div class="card {% if last_reload and not last_reload.nginx_reload_ok %}card-error{% endif %}">
        <h3>Last Nginx Reload</h3>
        {% if last_reload %}
        {% if last_reload.nginx_reload_ok %}
        <span class="badge ok">OK</span>
        {% else %}
        <span class="badge error">FAILED</span>
        {% endif %}
        <p class="meta">{{ last_reload.created_at }}</p>
        {% else %}
        <span class="badge">—</span>
        {% endif %}
        <a href="/web/config">Config →</a>
    </div>
</div>

{% if last_reload %}
<div class="card {% if last_reload.nginx_reload_ok %}card-ok{% else %}card-error{% endif %}">
    <h3>Last Nginx Reload</h3>
    <p>
        {% if last_reload.nginx_reload_ok %}
        <span class="badge ok">OK</span>
        {% else %}
        <span class="badge error">FAILED</span>
        {% endif %}
        at {{ last_reload.created_at }}
    </p>
    {% if last_reload.nginx_reload_output %}
    <pre class="output">{{ last_reload.nginx_reload_output }}</pre>
    {% endif %}
</div>
{% endif %}

{% if active_migrations %}
<div class="card card-warn">
    <h3>Active Migrations</h3>
    <table>
        <thead>
            <tr><th>ID</th><th>Bucket</th><th>Phase</th><th>Progress</th><th>Actions</th></tr>
        </thead>
        <tbody>
        {% for m in active_migrations %}
        <tr>
            <td>#{{ m.id }}</td>
            <td><code>{{ m.bucket }}</code></td>
            <td><span class="badge">{{ m.phase }}</span></td>
            <td>{{ m.bytes_done|filesizeformat if m.bytes_done else '—' }}</td>
            <td>
                {% if m.phase not in ('done', 'error', 'cancelled') %}
                <button class="btn btn-xs btn-danger" onclick="cancelMigration({{ m.id }})">Cancel</button>
                {% endif %}
            </td>
        </tr>
        {% endfor %}
        </tbody>
    </table>
    <a href="/web/migrations">View all →</a>
</div>
{% endif %}

<h2>Config Files</h2>
<table>
    <thead>
        <tr>
            <th>Path</th>
            <th>Status</th>
            <th>Last Synced</th>
        </tr>
    </thead>
    <tbody>
    {% for cf in config_files %}
        <tr>
            <td><code>{{ cf.path }}</code></td>
            <td>
                {% if cf.sha256_disk and cf.sha256_db and cf.sha256_disk != cf.sha256_db %}
                <span class="badge warn">DRIFTED</span>
                {% else %}
                <span class="badge ok">OK</span>
                {% endif %}
            </td>
            <td>{{ cf.last_synced_at or '—' }}</td>
        </tr>
    {% endfor %}
    {% if not config_files %}
        <tr><td colspan="3" class="empty">No config files tracked yet</td></tr>
    {% endif %}
    </tbody>
</table>

<h2>Recent Activity</h2>
<table>
    <thead>
        <tr>
            <th>Time</th>
            <th>Action</th>
            <th>Entity</th>
            <th>Nginx</th>
        </tr>
    </thead>
    <tbody>
    {% for a in recent_audit %}
        <tr>
            <td>{{ a.created_at }}</td>
            <td><code>{{ a.action }}</code></td>
            <td>{{ a.entity_type }} {% if a.entity_id %}#{{ a.entity_id }}{% endif %}</td>
            <td>
                {% if a.nginx_reload_ok is not none %}
                    {% if a.nginx_reload_ok %}<span class="badge ok">OK</span>{% else %}<span class="badge error">FAIL</span>{% endif %}
                {% else %}—{% endif %}
            </td>
        </tr>
    {% endfor %}
    {% if not recent_audit %}
        <tr><td colspan="4" class="empty">No activity yet</td></tr>
    {% endif %}
    </tbody>
</table>
{% endblock %}