{% if max_pages > 1 %}
<nav aria-label="Page navigation" class="float-left">
    <ul class="pagination">
        <li class="page-item{%if this_page == 1 %} disabled{% endif %}">
            <a class="page-link" href="javascript:void(0);" aria-label="Anterior" onclick="javascript: $('#formulario').attr('action', '{{ url_pags }}/pag-{{ this_page-1 < 1 ? 1 : this_page-1 }}');$('#formulario').submit();"><span aria-hidden="true">&laquo;</span><span class="sr-only">Anterior</span></a>
        </li>
        {% if max_pages < 7 %}
            {% for i in 1..max_pages %}
            <li class="page-item{%if this_page == i %} disabled{% endif %}">
                <a class="page-link" href="javascript:void(0);" onclick="javascript: $('#formulario').attr('action', '{{ url_pags }}/pag-{{ i }}');$('#formulario').submit();">{{ i }}</a>
            </li>
            {% endfor %}
        {% else %}
            {% if this_page < 4 %}
                {% for i in 1..4 %}
                <li class="page-item{%if this_page == i %} disabled{% endif %}">
                    <a class="page-link" href="javascript:void(0);" onclick="javascript: $('#formulario').attr('action', '{{ url_pags }}/pag-{{ i }}');$('#formulario').submit();">{{ i }}</a>
                </li>
                {% endfor %}
            {% else %}
                <li class="page-item">
                    <a class="page-link" href="javascript:void(0);" onclick="javascript: $('#formulario').attr('action', '{{ url_pags }}/pag-1');$('#formulario').submit();">1</a>
                </li>
                <li class="page-item disabled">
                    <a class="page-link" href="javascript:void(0);">...</a>
                </li>
            {% endif %}
            {% if this_page > 3 and this_page < max_pages-3 %}
                {% for i in this_page-1..this_page+1 %}
                <li class="page-item{%if this_page == i %} disabled{% endif %}">
                    <a class="page-link" href="javascript:void(0);" onclick="javascript: $('#formulario').attr('action', '{{ url_pags }}/pag-{{ i }}');$('#formulario').submit();">{{ i }}</a>
                </li>
                {% endfor %}
            {% endif %}
            {% if this_page > max_pages-4 %}
                {% for i in max_pages-3..max_pages %}
                <li class="page-item{%if this_page == i %} disabled{% endif %}">
                    <a class="page-link" href="javascript:void(0);" onclick="javascript: $('#formulario').attr('action', '{{ url_pags }}/pag-{{ i }}');$('#formulario').submit();">{{ i }}</a>
                </li>
                {% endfor %}
            {% else %}
                <li class="page-item disabled">
                    <a class="page-link" href="javascript:void(0);">...</a>
                </li>
                <li class="page-item">
                    <a class="page-link" href="javascript:void(0);" onclick="javascript: $('#formulario').attr('action', '{{ url_pags }}/pag-{{ max_pages }}');$('#formulario').submit();">{{ max_pages }}</a>
                </li>
            {% endif %}
        {% endif %}
        <li class="page-item{%if this_page == max_pages %} disabled{% endif %}">
            <a class="page-link" href="javascript:void(0);" aria-label="Siguiente" onclick="javascript: $('#formulario').attr('action', '{{ url_pags }}/pag-{{ this_page+1 <= max_pages ? this_page+1 : this_page }}');$('#formulario').submit();"><span aria-hidden="true">&raquo;</span><span class="sr-only">Siguiente</span></a>
        </li>
    </ul>
</nav>
{% endif %}