{% extends "base.html" %}

{% block content %}
<h1>News Archives</h1>
<p>Total sources: {{ sources|length }}</p>

<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>Last archived: {{ source.last_archived or 'N/A' }}</p>
            {% if source.disabled %}
                <p class="disable-reason">{{ source.disable_reason }}</p>
            {% endif %}
        </div>
        {% if not source.disabled %}
            <button class="pull-btn" data-source="{{ source.slug }}" aria-label="Pull latest articles from {{ source.name }}">Pull latest</button>
        {% endif %}
    </li>
{% endfor %}
</ul>
{% endblock %}