{% if pages.pageCount > 1 %}
<div id="pagination_wrap" class="pagination">
<ul>
{% if pages.first is defined and pages.first != pages.current %}
<!--<li class="pagenation__item-first">
<a href="{{ path(app.request.attributes.get('_route'), app.request.query.all|merge({'pageno': pages.first})) }}"
aria-label="First"><span aria-hidden="true">«</span></a>
</li>-->
{% endif %}
{% if pages.previous is defined %}
<li class="pagenation__item-previous">
<a href="{{ path(app.request.attributes.get('_route'), app.request.query.all|merge({'pageno': pages.previous})) }}"
aria-label="Previous"><span aria-hidden="true"><</span></a>
</li>
{% endif %}
{% for page in pages.pagesInRange %}
{% if page == pages.current %}
<li class="pagenation__item active"><a href="{{ path(app.request.attributes.get('_route'), app.request.query.all|merge({'pageno': page})) }}"> {{ page }} </a></li>
{% else %}
<li class="pagenation__item"><a href="{{ path(app.request.attributes.get('_route'), app.request.query.all|merge({'pageno': page})) }}"> {{ page }} </a></li>
{% endif %}
{% endfor %}
{% if pages.next is defined %}
<li class="pagenation__item-next">
<a href="{{ path(app.request.attributes.get('_route'), app.request.query.all|merge({'pageno': pages.next})) }}"
aria-label="Next"><span aria-hidden="true">></span></a>
</li>
{% endif %}
{% if pages.last is defined and pages.last != pages.current %}
<!--<li class="pagenation__item-last">
<a href="{{ path(app.request.attributes.get('_route'), app.request.query.all|merge({'pageno': pages.last})) }}"
aria-label="Last"><span aria-hidden="true">»</span></a>
</li>-->
{% endif %}
</ul>
</div>
{% endif %}