{% if queryset.has_other_pages %}
<div class="demo-inline-spacing">
      
    <nav aria-label="Page navigation">
        <ul class="pagination justify-content-center">
            {% if queryset.has_previous %}
            <li class="page-item prev">
                <a class="page-link" href="?perpage={{perpage}}&page={{queryset.previous_page_number}}"><i class="tf-icon bx bx-chevrons-left"></i></a>
            </li>
            {% endif %}

            {% for page in custom_range %}
                {% if page == queryset.number %}
                <li class="page-item active">
                    <a href="?perpage={{perpage}}&page={{page}}" class="page-link " data-page="{{page}}">{{page}}</a>
                </li>
                {% else %}
                <li class="page-item">
                    <a href="?perpage={{perpage}}&page={{page}}" class="page-link" data-page="{{page}}">{{page}}</a>
                </li>
                {% endif %}
            {% endfor %}

            {% if queryset.has_next %}
            <li class="page-item next">
                <a class="page-link" href="?perpage={{perpage}}&page={{queryset.next_page_number}}"><i class="tf-icon bx bx-chevrons-right"></i></a>
            </li>
            {% endif %}
            

          </ul>
    </nav>
      
</div>
{% endif %}