{% if total>1 %}
    <div class="pull-right pagination col-md-12 custom-pagination">
        <div class="go-to-page pull-right">
            <input type="number" data-url="{{ url }}" data-max="{{ total }}" placeholder="Ir a ...">
            <button class="btn btn-success">Ir</button>
        </div>
        <ul class="pagination pull-right">
            {% if index>0 %}
                <li class="page-pre">
                    <a class="loader" data-action="{{ url }}&offset={{ index-1 }}">‹</a>
                </li>
            {% endif %}

            <li class="page-first {% if index==0 %}active{% endif %}">
                <a class="loader" data-action="{{ url }}&offset=0">1</a>
            </li>

            {% if index >=1 %}
                <li class="page-first-separator disabled">
                    <a href="#">...</a>
                </li>
            {% endif %}


            {% for i in index+1..index+5%}
                {% if i!=1 and i<total%}
                <li class="page-number {% if i==index+1 %}active{% endif %}">
                    <a class="loader" data-action="{{ url }}&offset={{ i-1}}">{{ i }}</a>
                </li>
                {% endif %}
            {% endfor %}

            {% if index+5 < total %}
                <li class="page-last-separator disabled">
                    <a href="#">...</a>
                </li>
            {% endif %}

            <li class="page-last {% if index==total %}active{% endif %}">
                <a class="loader" data-action="{{ url }}&offset={{ total-1 }}">{{ total }}</a>
            </li>

            {% if index<total-1 %}
                <li class="page-next">
                    <a class="loader" data-action="{{ url }}&offset={{ index+1 }}">›</a>
                </li>
            {% endif %}
        </ul>

        <div class="actual-page pull-right" style="margin-right: 10px">
            <h3>Página actual {{ index+1 }}</h3>
        </div>
    </div>
{% endif %}
<script></script>