{# templates/page/index.html.twig #}
{% extends "base.html.twig" %}
{% block title %}
    {{journal.url|upper}}
    |
                    Table of Contents
{% endblock %}

{% block body %}
    {{ include('inc/header.html.twig') }}

    {{ include('inc/journal-header.html.twig') }}

    <section class="journal">
        {{ include('inc/journal-menu.html.twig') }}
        <section class="block articles">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        
                        {{ include('inc/table-of-content-articles.html.twig') }}
                    </div>
                </div>
                {% if articles|length > 0 %}

                    <br>
                    <div class="row">
                        <div class="col-lg-12">
                            <ul class="years">
                                <li>
                                    <a class="active" href="{{ absolute_url('/table-of-contents/') }}{{pagination.previousPage}}">Back</a>
                                </li>
                                {% for page in pagination.pages %}
                                    <li>
                                        <a class="{{ currentPage == page ? 'active':''}}" href="{{ absolute_url('/table-of-contents/') }}{{page}}">{{page}}</a>
                                    </li>
                                {% endfor %}
                                <li>
                                    <a class="active" href="{{ absolute_url('/table-of-contents/') }}{{pagination.nextPage}}">Next</a>
                                </li>
                            </ul>
                        </div>
                    </div>

                {% endif %}
            </div>
        </section>
    </section>
    {{ include('inc/footer.html.twig') }}

{% endblock %}