{# templates/pagination/custom_pagination.html.twig #}
{% if pageCount > 1 %}
<ul class="pagination">
{% if previous is defined %}
<li class="page-item">
<a class="page-link" href="{{ path(route, query|merge({(pageParameterName): previous})) }}" rel="prev">
<i class="zmdi zmdi-chevron-left"></i>
</a>
</li>
{% else %}
<li class="page-item disabled">
<span class="page-link"><i class="zmdi zmdi-chevron-left"></i></span>
</li>
{% endif %}
{% for page in pagesInRange %}
{% if page != current %}
<li class="page-item">
<a class="page-link" href="{{ path(route, query|merge({(pageParameterName): page})) }}">{{ page }}</a>
</li>
{% else %}
<li class="page-item active">
<span class="page-link">{{ page }}</span>
</li>
{% endif %}
{% endfor %}
{% if next is defined %}
<li class="page-item">
<a class="page-link" href="{{ path(route, query|merge({(pageParameterName): next})) }}" rel="next">
<i class="zmdi zmdi-chevron-right"></i>
</a>
</li>
{% else %}
<li class="page-item disabled">
<span class="page-link"><i class="zmdi zmdi-chevron-right"></i></span>
</li>
{% endif %}
</ul>
{% endif %}