{% extends "base.html" %}

{% block content %}
<div class="status-page">
    <h1>System Status</h1>
    
    <div class="status-summary">
        <div class="status-item">
            <h2>System</h2>
            <p>Status: <span class="status-online">Online</span></p>
            <p>Last Archive Run: {{ last_archive_run or 'Never' }}</p>
        </div>
        
        <div class="status-item">
            <h2>Statistics</h2>
            <p>Sources Monitored: {{ sources_monitored }}</p>
            {% if disabled_sources > 0 %}
            <p>Disabled Sources: <span class="status-warning">{{ disabled_sources }}</span></p>
            {% endif %}
            <p>Total Articles: {{ total_articles }}</p>
            <p>Failed Jobs: {{ failed_jobs }}</p>
        </div>
    </div>
    
    {% if sources %}
    <h2>Monitored Sources</h2>
    <ul class="newspaper-list">
    {% for source in sources %}
        <li class="newspaper-item {% if source.disabled %}disabled{% endif %}">
            <div class="newspaper-info">
                {% if source.disabled %}
                <h2 class="source-disabled" title="{{ source.disable_reason }}">
                    {{ source.name }}
                    <span class="status-badge">Disabled</span>
                </h2>
                {% else %}
                <h2><a href="/source/{{ source.slug }}">{{ source.name }}</a></h2>
                {% endif %}
                <p>Articles: {{ source.article_count }}</p>
                <p class="status-{{ source.status }}">{{ source.status|upper }}</p>
                {% if source.disabled %}
                <p class="disable-reason">{{ source.disable_reason }}</p>
                {% endif %}
            </div>
        </li>
    {% endfor %}
    </ul>
    {% endif %}
</div>
{% endblock %}