<div class="container"> <div class="row"> <div class="col-12 mb-5 mt-5 text-center pagination-wrapper"> {% set previousPageLink = previous_page(request, pagination.actualPage) %} {% set maxButtonShow = pagination.actualPage + 2 > pagination.maxPage ? pagination.maxPage : pagination.actualPage + 2 %} {% set minButtonShow = pagination.actualPage - 2 < 1 ? 1 : pagination.actualPage - 2 %} {% if pagination.actualPage > 1 %} <a href="{{ previousPageLink }}" disabled class="custom-arrow pagination pagination-back"></a> {% endif %} {% if pagination.actualPage > 4 %} <a href="{{ previous_page(request, 2) }}" disabled class="pagination-button first_child {% if pagination.actualPage == 1 %} active {% endif %}">1</a> <a disabled class="pagination-button">...</a> {% endif %} <div style="display: flex"> {% for i in minButtonShow..maxButtonShow %} <a href="{{ next_page(request, i > 1 ? i - 1 : 0, pagination.maxPage) }}" disabled class="pagination-button {% if i == pagination.maxPage %} last_child {% endif %} {% if i == 1 %} first_child {% endif%} {% if pagination.actualPage == i %} active {% endif %}">{{ i }}</a> {% endfor %} {# <input type="number" id="quantity" value="{{ pagination.actualPage }}" name="quantity" min="1" max="{{ pagination.maxPage }}" class="pagination-input"> #}{# <label class="pagination-label" for="quantity">{{ pagination.actualPage }} {{ 'USER_ZONE.PAGINATION.OUT_OF'|trans }} {{ pagination.maxPage }}</label>#} </div> {% set nextPageLink = next_page(request, pagination.actualPage, pagination.maxPage) %} {% if pagination.actualPage < pagination.maxPage - 3 %} <a disabled class="pagination-button">...</a> <a href="{{ next_page(request, pagination.maxPage - 1, pagination.maxPage) }}" disabled class="pagination-button last_child {% if pagination.actualPage == pagination.maxPage %} active {% endif %}">{{ pagination.maxPage }}</a> {% endif %} {% if pagination.actualPage < pagination.maxPage %} <a href="{{ nextPageLink }}" class="custom-arrow pagination pagination-next"></a> {% endif %} </div> </div></div>