{% set page=page+0 %}
{% set pagecount = (count / pagesize)|round(0,'ceil') %}
<div style="display: flex; justify-content: left">
    {% set range=2 %}
    <ul class="pagination">
        {% if 1<page %}
            <li class="page-item prev">
                <a class="page-link" href="{{ path(app.request.get('_route'),app.request.get('_route_params')|merge(app.request.query.all())|merge({'page':page-1})) }}"
                   title="өмнөх">«</a>
            </li>
        {% else %}
            <li class="page-item prev disabled">
                <a class="page-link" href="javascript:void(0)" title="өмнөх">«</a>
            </li>
        {% endif %}
        {% if pagecount>page %}
            <li class="page-item next">
                <a class="page-link" href="{{ path(app.request.get('_route'),app.request.get('_route_params')|merge(app.request.query.all())|merge({'page':page+1})) }}"
                   title="дараах">»</a>
            </li>
        {% else %}
            <li class="page-item next disabled">
                <a class="page-link" href="javascript:void(0)" title="дараах">»</a>
            </li>
        {% endif %}

        <li class="page-item {% if 1==page %}active{% endif %}">
            <a class="page-link" href="{{ path(app.request.get('_route'),app.request.get('_route_params')|merge(app.request.query.all())|merge({'page':1})) }}"
               title="хуудас 1">1</a>
        </li>

        {% if page>1+range+1 %}
            <li class="page-item disabled"><a class="page-link" href="javascript:void(0)">...</a></li>
        {% endif %}

        {% if pagecount>2 %}
            {% for i in 2..pagecount-1 %}
                {% if i == page %}
                    <li class="page-item active">
                        <a class="page-link" href="javascript:void(0)" title="хуудас {{ i }}">{{ i }}</a>
                    </li>
                {% elseif page-range<=i and i<=page+range %}
                    <li class="page-item">
                        <a class="page-link" href="{{ path(app.request.get('_route'),app.request.get('_route_params')|merge(app.request.query.all())|merge({'page':i})) }}"
                           title="хуудас {{ i }}">{{ i }}</a>
                    </li>
                {% endif %}
            {% endfor %}
        {% endif %}

        {% if page<pagecount-range-1 %}
            <li class="page-item disabled"><a class="page-link" href="javascript:void(0)">...</a></li>
        {% endif %}
        {% if pagecount > 1 %}
            <li class="page-item {% if pagecount==page %}active{% endif %}">
                <a class="page-link" href="{{ path(app.request.get('_route'),app.request.get('_route_params')|merge(app.request.query.all())|merge({'page':pagecount})) }}"
                   title="хуудас {{ pagecount }}">{{ pagecount }}</a>
            </li>
        {% endif %}
        <li style="padding: 5px 0; margin-left: 5px">Нийт: {{ count }}</li>
    </ul>
</div>