{% extends "main.html" %}
{% load articles %}

{% block title %}Liste des articles{% endblock title %}

{% block content %}

  <div class="default-container">
    {% if site_ecole.ident == "n7" %}
      <a href="https://churros.inpt.fr/">Voir toutes les actus sur Churros</a>
    {% else %}
      <h1>
        Liste des articles - Page
        {{ articles.number }}</h1>

      <div id="accueil_articles">
        {% for article in articles %}
          {% show_article article %}
          {% empty %}
          Aucun article.
        {% endfor %}
        <br>

        <div class='d-flex'>
          <div class="pagination mx-auto">
            {% if articles.has_other_pages %}
            <div class="btn-group" role="group" aria-label="Item pagination">
                {% if articles.has_previous %}
                    <a href="/articles/{{ articles.previous_page_number }}" class="btn btn-outline-primary">&laquo;</a>
                {% endif %}

                {% for page_number in articles.paginator.page_range %}
                    {% if articles.number == page_number %}
                        <button class="btn btn-outline-primary active">
                            <span>{{ page_number }} <span class="sr-only">(current)</span></span>
                        </button>
                    {% else %}
                        <a href="/articles/{{ page_number }}" class="btn btn-outline-primary">
                            {{ page_number }}
                        </a>
                    {% endif %}
                {% endfor %}

                {% if articles.has_next %}
                    <a href="/articles/{{ articles.next_page_number }}" class="btn btn-outline-primary">&raquo;</a>
                {% endif %}
            </div>
            {% endif %}
          </div>
        </div>
      </div>
    {% endif %}
  </div>

{% endblock content %}