{% extends 'base/layout.html' %}
{% load helpers %}

{% block title %}Oxidized Dashboard{% endblock %}

{% block content %}
<div class="container-fluid mt-4">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h2>Oxidized Backup Dashboard</h2>
        <a href="{% url 'plugins:netbox_oxidized_viewer:oxidizedsource_list' %}" class="btn btn-sm btn-ghost-primary">Manage Sources</a>
    </div>

    {% if not source %}
    <div class="alert alert-warning">
        No Oxidized source configured. Add one under
        <a href="{% url 'plugins:netbox_oxidized_viewer:oxidizedsource_list' %}">Sources</a>.
    </div>
    {% else %}

    {# Health summary #}
    {% if not has_run_reports %}
    <div class="alert alert-info">
        Oxidized is not reporting run results to NetBox yet, so health is inferred from the age of the last
        configuration <em>change</em>. A device that is backed up but never changes shows as <strong>Unverified</strong>.
        Configure the Oxidized hook (install guide, &ldquo;Backup health&rdquo;) to get real success and failure status.
    </div>
    {% endif %}
    <div class="row row-cols-2 row-cols-md-5 g-2 mb-3">
        <div class="col"><div class="card text-center"><div class="card-body py-3">
            <h3 class="mb-0 text-success">{{ ok_count }}</h3><small class="text-muted">Up to date</small>
        </div></div></div>
        <div class="col"><div class="card text-center"><div class="card-body py-3">
            <h3 class="mb-0 {% if failing_count %}text-danger{% else %}text-muted{% endif %}">{{ failing_count }}</h3><small class="text-muted">Failing</small>
        </div></div></div>
        <div class="col"><div class="card text-center"><div class="card-body py-3">
            <h3 class="mb-0 {% if stale_count %}text-warning{% else %}text-muted{% endif %}">{{ stale_count }}</h3><small class="text-muted">Stale (no run for &gt; {{ stale_after_hours }}h)</small>
        </div></div></div>
        <div class="col"><div class="card text-center"><div class="card-body py-3">
            <h3 class="mb-0 text-muted">{{ unverified_count }}</h3><small class="text-muted">Unverified</small>
        </div></div></div>
        <div class="col"><div class="card text-center"><div class="card-body py-3">
            <h3 class="mb-0 {% if missing_count %}text-danger{% else %}text-muted{% endif %}">{{ missing_count }}</h3><small class="text-muted">Never backed up</small>
        </div></div></div>
    </div>

    {# Never-backed-up devices (collapsible; only in-scope devices) #}
    {% if missing %}
    <div class="card mb-3 border-danger">
        <div class="card-header text-red d-flex justify-content-between align-items-center"
             role="button" style="cursor:pointer;"
             data-bs-toggle="collapse" data-bs-target="#oxi-missing"
             aria-expanded="false" aria-controls="oxi-missing">
            <span>Never backed up — {{ missing_count }} in-scope device{{ missing_count|pluralize }} with no configuration in the repo</span>
            <i class="mdi mdi-chevron-down"></i>
        </div>
        <div id="oxi-missing" class="collapse">
            <div class="card-body p-0">
                <table class="table table-hover mb-0">
                    <thead><tr><th>Device</th><th>Role</th><th>Expected filename</th><th>Last run reported by Oxidized</th></tr></thead>
                    <tbody>
                        {% for row in missing %}
                        <tr>
                            <td><a href="{{ row.device.get_absolute_url }}">{{ row.device.name }}</a></td>
                            <td>{{ row.device.role|placeholder }}</td>
                            <td><code>{{ row.filename }}</code></td>
                            <td>
                                {% if row.status %}
                                <span class="badge {% if row.status.last_status == 'success' %}text-bg-success{% else %}text-bg-danger{% endif %}">{{ row.status.last_status }}</span>
                                {{ row.status.last_run|date:"Y-m-d H:i" }}{% if row.status.last_error %} &mdash; {{ row.status.last_error }}{% endif %}
                                {% else %}<span class="text-muted">&mdash;</span>{% endif %}
                            </td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    {% endif %}

    {# Indexed devices #}
    <div class="card">
        <div class="card-header">Mapped Devices</div>
        <div class="card-body p-0">
            <table class="table table-hover mb-0">
                <thead>
                    <tr>
                        <th>Device</th>
                        <th>Filename</th>
                        <th>Health</th>
                        <th>Last backup run</th>
                        <th>Last change</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    {% for data in devices_data %}
                    <tr>
                        <td><a href="{{ data.device.get_absolute_url }}">{{ data.device.name }}</a></td>
                        <td><code>{{ data.filename }}</code></td>
                        <td>
                            {% if data.health == 'ok' %}<span class="badge text-bg-success">Up to date</span>
                            {% elif data.health == 'failing' %}<span class="badge text-bg-danger">Failing</span>
                            {% elif data.health == 'stale' %}<span class="badge text-bg-warning">Stale</span>
                            {% else %}<span class="badge text-bg-secondary" title="No run reports from Oxidized and no change for more than {{ stale_after_hours }}h">Unverified</span>{% endif %}
                        </td>
                        <td>
                            {% if data.status %}
                            {{ data.status.last_run|date:"Y-m-d H:i" }} <small class="text-muted">{{ data.status.last_status }}</small>
                            {% if data.status.last_error %}<br><small class="text-danger">{{ data.status.last_error }}</small>{% endif %}
                            {% else %}<span class="text-muted">not reported</span>{% endif %}
                        </td>
                        <td>
                            {{ data.commit_timestamp|placeholder }}
                            <br><small class="text-muted"><code>{{ data.commit_sha|slice:":7" }}</code> {{ data.commit_subject }}</small>
                        </td>
                        <td class="text-end">
                            <a href="{% url 'plugins:netbox_oxidized_viewer:device_oxidized_config' pk=data.device.pk %}" class="btn btn-sm btn-ghost-primary">Config History</a>
                        </td>
                    </tr>
                    {% empty %}
                    <tr>
                        <td colspan="6" class="text-center text-muted">
                            No indexed devices yet. The index refreshes on a schedule —
                            run <code>manage.py reindex_oxidized</code> to build it now.
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
    {% endif %}
</div>
{% endblock content %}