{% extends "base.html" %}

{% block content %}
<h1>{{ source_name }} - Articles</h1>

<div class="pagination">
    {% if pagination.has_prev %}
        <a href="/source/{{ source_slug }}?page={{ pagination.prev_num }}">&laquo; Previous</a>
    {% endif %}
    <span>Page {{ pagination.page }} of {{ pagination.pages }}</span>
    {% if pagination.has_next %}
        <a href="/source/{{ source_slug }}?page={{ pagination.next_num }}">Next &raquo;</a>
    {% endif %}
</div>

<ul class="article-list">
{% for article in articles %}
    <li class="article-item">
        <h3><a href="/source/{{ source_slug }}/article/{{ article.id }}">{{ article.title }}</a></h3>
        <p class="article-date">{{ article.date }}</p>
        <p class="article-summary">{{ article.summary }}</p>
    </li>
{% endfor %}
</ul>

<div class="pagination">
    {% if pagination.has_prev %}
        <a href="/source/{{ source_slug }}?page={{ pagination.prev_num }}">&laquo; Previous</a>
    {% endif %}
    <span>Page {{ pagination.page }} of {{ pagination.pages }}</span>
    {% if pagination.has_next %}
        <a href="/source/{{ source_slug }}?page={{ pagination.next_num }}">Next &raquo;</a>
    {% endif %}
</div>
{% endblock %}