{# default Sliding pagination control implementation #}
<div class="row">
    <div class="col-md-2 pagination-results">
        Resultados: <b>{{ totalCount }}</b>
    </div>
    
    <div class="col-md-5 col-md-offset-5">
        {% if pageCount > 1 %}
        <ul class="pagination pull-right">
        {% if first is defined %}
            <li class="first{% if current == first %} disabled{% endif %}">
                <a href="{{ path(route, query|merge({(pageParameterName): first})) }}">&lt;&lt;</a>
            </li>
        {% else %}
            <li class="first disabled">
                <a href="javascript:void(0)">&lt;&lt;</a>
            </li>
        {% endif %}

        {% if previous is defined %}
            <li class="previous">
                <a href="{{ path(route, query|merge({(pageParameterName): previous})) }}">&lt;</a>
            </li>
        {% else %}
            <li class="previous disabled">
                <a href="javascript:void(0)">&lt;</a>
            </li>
        {% endif %}

        {% for page in pagesInRange %}
            <li class="page {% if page == current %} active{% endif %}">
                <a href="{{ path(route, query|merge({(pageParameterName): page})) }}">{{ page }}</a>
            </li>
        {% endfor %}

        {% if next is defined %}
            <li class="next">
                <a href="{{ path(route, query|merge({(pageParameterName): next})) }}">&gt;</a>
            </li>
        {% else %}
            <li class="next disabled">
                <a href="javascript:void(0)">&gt;</a>
            </li>
        {% endif %}

        {% if last is defined and current != last %}
            {% if last is defined %}
            <li class="last{% if current == last %} disabled{% endif %}">
                <a href="{{ path(route, query|merge({(pageParameterName): last})) }}">&gt;&gt;</a>
            </li>
            {% endif %}
        {% else %}
            <li class="last disabled">
                <a href="javascript:void(0)">&gt;&gt;</a>
            </li>
        {% endif %}
        </ul>
        {% endif %}
    </div>
</div>