{% comment %}
<div class="pagination pagination-centered">
    <ul>
        {% if page_obj.has_previous %}
        <li> <a href="?page={{ page_obj.previous_page_number }}">←</a></li>
        {% endif %}

        {% if page_obj.has_next %}
        <li><a href="?page={{ page_obj.next_page_number }}">→</a></li>
        {% endif %}
    </ul>
</div>
{% endcomment %}
{% load template_filters %}

{% if page_obj.paginator.num_pages > 1 %}
<section id="paginations">
    <ul class="pagination" style="float:right;margin-right:20px;">
        {% if page_obj.has_previous %}
            <li>
                <a href="?page={{ page_obj.previous_page_number }}&{{ request|delete_get_key:'page'}}">&laquo;</a>
            </li>
        {% endif %}

        {% if page_obj.number > 2 %}
            <li><a href="?page={{ 1 }}&{{ request|delete_get_key:'page'}}">{{ 1 }}</a></li>
                {% if page_obj.number > 3 %}
                <li><a href="#" style="border:0;">...</a></li>
                {% endif %}
            {% endif %}
            {% if page_obj.has_previous %}
            <li><a href="?page={{ page_obj.previous_page_number }}&{{ request|delete_get_key:'page'}}">{{ page_obj.previous_page_number }}</a></li>
            {% endif %}

            <li class="active">
                <a href="#">{{ page_obj.number }}</a>
            </li>

            {% if page_obj.has_next %}
            <li><a href="?page={{ page_obj.next_page_number }}&{{ request|delete_get_key:'page'}}">{{ page_obj.next_page_number }}</a></li>
            {% endif %}
            {% if page_obj.paginator.num_pages|subtract:page_obj.number > 1 %}
                {% if page_obj.paginator.num_pages|subtract:page_obj.number > 2 %}
                    <li><a href="#" style="border:0;">...</a></li>
                {% endif %}
            <li><a href="?page={{ page_obj.paginator.num_pages }}&{{ request|delete_get_key:'page'}}">{{ page_obj.paginator.num_pages }}</a></li>
        {% endif %}


        {% if page_obj.has_next %}
            <li>
                <a href="?page={{ page_obj.next_page_number }}&{{ request|delete_get_key:'page'}}">&raquo;</a>
            </li>
        {% endif %}
    </ul>
</section>
{% endif %}