<div class="col-sm-6">
    <div class="dataTables_paginate paging_simple_numbers" id="editable_paginate">
        <ul class="pagination" style="margin-top: 0; float: right">
        {% if keyword %}
            {% if contacts.has_previous %}
                <li class="paginate_button previous" aria-controls="editable" tabindex="0" >
                    <a href="?keyword={{ keyword }}&page={{ contacts.previous_page_number }}">Previous</a>
                </li>
            {% else %}
                <li class="paginate_button previous disabled" aria-controls="editable" tabindex="0" >
                     <a href="#">Previous</a>
                </li>
            {% endif %}

            {% set href="" %}
            {% if gid %}
                {% set href=href+"&gid="+gid %}
            {% endif %}
            {% if did %}
                {% set href=href+"&did="+did %}
            {% endif %}
            {% if keyword %}
            {% set href=href+"&keyword"+keyword %}
            {% endif %}

            {% ifequal show_first 1 %}
                <li class="paginate_button" aria-controls="editable" tabindex="0"><a href="?page=1{{ href }}"  title="第1页">1...</a></li>
            {% endifequal %}
            {% for page in page_range %}
                {% ifequal current_page page %}
                    <li class="paginate_button active"  aria-controls="editable" tabindex="0"><a href="?page={{ page }}{{ href }}"  title="第{{ page }}页">{{ page }}</a></li>
                {% else %}
                    <li class="paginate_button" aria-controls="editable" tabindex="0"><a href="?page={{ page }}{{ href }}"  title="第{{ page }}页">{{ page }}</a></li>
                {% endifequal %}
            {% endfor %}
            {% ifequal show_end 1 %}
                <li class="paginate_button" aria-controls="editable" tabindex="0"><a href="?page={{ p.num_pages }}{{ href }}"  title="第{{ page }}页">...{{ p.num_pages }}</a></li>
            {% endifequal %}
            {% if contacts.has_next %}
                <li class="paginate_button next" aria-controls="editable" tabindex="0" >
                    <a href="?page={{ contacts.next_page_number }}{{ href }}">Next</a>
                </li>
            {% else %}
                <li class="paginate_button next disabled" aria-controls="editable" tabindex="0" >
                    <a href="#">Next</a>
                </li>
            {% endif %}

        {% else %}
            {% if contacts.has_previous %}
                <li class="paginate_button previous" aria-controls="editable" tabindex="0" >
                    <a class="test" href="?page={{ contacts.previous_page_number }}{{ href }}">Previous</a>
                </li>
            {% else %}
                <li class="paginate_button previous disabled" aria-controls="editable" tabindex="0" >
                     <a href="#">Previous</a>
                </li>
            {% endif %}
            {% ifequal show_first 1 %}
                <li class="paginate_button" aria-controls="editable" tabindex="0"><a class="test" href="?page=1{{ href }}"  title="第1页">1...</a></li>
            {% endifequal %}
            {% for page in page_range %}
                {% ifequal current_page page %}
                    <li class="paginate_button active"  aria-controls="editable" tabindex="0"><a class="test" href="?page={{ page }}"  title="第{{ page }}页">{{ page }}</a></li>
                {% else %}
                    <li class="paginate_button" aria-controls="editable" tabindex="0"><a class="test" href="?page={{ page }}"  title="第{{ page }}页">{{ page }}</a></li>
                {% endifequal %}
            {% endfor %}
            {% ifequal show_end 1 %}
                <li class="paginate_button" aria-controls="editable" tabindex="0"><a class="test" href="?page={{ p.num_pages }}"  title="第{{ page }}页">...{{ p.num_pages }}</a></li>
            {% endifequal %}
            {% if contacts.has_next %}
                <li class="paginate_button next" aria-controls="editable" tabindex="0" >
                    <a class="test" href="?page={{ contacts.next_page_number }}">Next</a>
                </li>
            {% else %}
                <li class="paginate_button next disabled" aria-controls="editable" tabindex="0" >
                    <a class="test" href="#">Next</a>
                </li>
            {% endif %}
        {% endif %}
        </ul>
    </div>
</div>
