{% if items.paginator.num_pages > 1 %}
<nav aria-label="Page navigation">
    <ul class="pagination">
        {% with page_list=items|get_page_list %}
        {% if page_list.link_first %}
        <li>
            <a href="?page=1" aria-label="page 1">
                <span aria-hidden="true">1</span>
            </a>
        </li>
        {% endif %}

        {% if page_list.head_ellipsis %}
        <li class='disabled'>
            <span aria-hidden="true">...</span>
        </li>
        {% endif %}

        {% for page in page_list.pages %}
        <li {% if items.number == page %}class="active"{% endif %}>
            <a href="?page={{page}}" aria-label="page {{page}}">{{page}}</a>
        </li>
        {% endfor %}

        {% if page_list.tail_ellipsis %}
        <li class='disabled'>
            <span aria-hidden="true">...</span>
        </li>
        {% endif %}

        {% if page_list.link_last %}
        <li>
            <a href="?page={{ items.paginator.num_pages }}" aria-label="page {{items.paginator.num_pages}}">
                <span aria-hidden="true">{{items.paginator.num_pages}}</span>
            </a>
        </li>
        {% endif %}
    </ul>
    {% endwith %}
</nav>
{% endif %}
