<div class="catalog_pagination"> 
    {% if pagination.prevPage %} 
        <a href="{{ pagination.prevPage.link }}" class="pagination_arrow"> 
            <svg width="8" height="14" viewBox="0 0 8 14" fill="none" 
                 xmlns="http://www.w3.org/2000/svg"> 
                <path d="M7 1L1.23249 6.88149M6.76751 13L1 7.1185" stroke="#333333" 
                      stroke-linecap="round"/> 
            </svg> 
        </a> 
    {% endif %} 
    {% for item in pagination.linksPage %} 
        {% if app.request.query.get('page') == item.pageNumber or (app.request.query.get('page') is null and item.pageNumber == 1)  %} 
            <a class="catalog_page active">{{ item.pageNumber }}</a> 
        {% else %} 
            <a href="{{ item.link }}" class="catalog_page">{{ item.pageNumber }}</a> 
        {% endif %} 
    {% endfor %} 
 
    {% if pagination.nextPage %} 
        <a href="{{ pagination.nextPage.link }}" class="pagination_arrow"> 
            <svg width="8" height="14" viewBox="0 0 8 14" fill="none" 
                 xmlns="http://www.w3.org/2000/svg"> 
                <path d="M1 1L6.76751 6.88149M1.23249 13L7 7.1185" stroke="#333333" 
                      stroke-linecap="round"/> 
            </svg> 
        </a> 
    {% endif %} 
</div>