<div style="padding:10px;">
<ul class="pagination">
{% if pageCount > 1 %}
{% if previous is defined %}
<li class="paginate_button page-item">
<a href="{{ path(route, query|merge({(pageParameterName): previous})) }}" class="page-link">Précedent</a>
</li>
{% endif %}
{% for page in pagesInRange %}
{% if page != current %}
<li class="paginate_button page-item">
<a href="{{ path(route, query|merge({(pageParameterName): page})) }}" class="page-link">{{ page }}</a>
</li>
{% else %}
<li class="paginate_button page-item active">
<a class="page-link">{{ page }}</a>
</li>
{% endif %}
{% endfor %}
{% if next is defined %}
<li class="paginate_button page-item">
<a href="{{ path(route, query|merge({(pageParameterName): next})) }}" class="page-link">Suivant</a>
</li>
{% endif %}
{% endif %}
</ul>
</div>