{% if pages > 1 %}
    <ul class="list--inline">
        {% if currentPage > 1 %}
            <li>
                <a href="{{ safe_path(route, routeParams|merge({page: currentPage - 1})) }}">
                    <span class="button small">
                        {{- 'Précédent' -}}
                    </span>
                </a>
            </li>
        {% endif %}

        {% set begin = max(1, currentPage - 3) %}
        {% set end = min(pages, currentPage + 3) %}

        {% if begin > 1 %}
            <li class="pager-page">
                <a href="{{ safe_path(route, routeParams|merge({page: 1})) }}">
                    <span class="button small alt">
                        {{- '1' -}}
                    </span>
                </a>
            </li>

            <li class="pager-page">…</li>
        {% endif %}

        {% for page in range(begin, end)  %}
            <li class="pager-page {{ currentPage == page ? 'active' : '' }}">
                <a href="{{ safe_path(route, routeParams|merge({page: page})) }}">
                    <span class="button small alt">
                        {{- page -}}
                    </span>
                </a>
            </li>
        {% endfor %}

        {% if end < pages %}
            <li class="pager-page">…</li>

            <li class="pager-page">
                <a href="{{ safe_path(route, routeParams|merge({page: pages})) }}">
                    <span class="button small alt">
                        {{- pages -}}
                    </span>
                </a>
            </li>
        {% endif %}

        {% if currentPage < pages %}
            <li>
                <a href="{{ safe_path(route, routeParams|merge({page: currentPage + 1})) }}">
                    <span class="button small">
                        {{- 'Suivant' -}}
                    </span>
                </a>
            </li>
        {% endif %}
    </ul>
{% endif %}