{% if page_obj.has_other_pages %}
    <ul class="uk-pagination uk-flex-center" uk-margin>
    
        {% if page_obj.has_previous %}
          <li><a href="?page={{ page_obj.previous_page_number }}"><span uk-pagination-previous></span></a></li>
        {% else %}
          <li class="uk-disabled"><span uk-pagination-previous></span></li>
        {% endif %}
      
        {% if page_obj.number|add:'-3' > 1 %}
          <li><a href="?page=1">1</a></li>
          {% if page_obj.number|add:'-4' > 1  %}
          <li><a href="?page={{ page_obj.number|add:'-4' }}">&hellip;</a></li>
          {% endif %}
        {% endif %}
      
        {% for i in page_obj.paginator.page_range %}
          {% if page_obj.number == i %}
            <li class="uk-active"><span>{{ i }}</span></li>
          {% elif i > page_obj.number|add:'-4' and i < page_obj.number|add:'4' %}
            <li><a href="?page={{ i }}">{{ i }}</a></li>
          {% endif %}
        {% endfor %}
      
        {% if page_obj.paginator.num_pages > page_obj.number|add:'3' %}
          {% if page_obj.number|add:'4' < page_obj.paginator.num_pages  %}
          <li><a href="?page={{ page_obj.number|add:'4' }}">&hellip;</a></li>
          {% endif %}
          <li><a href="?page={{ page_obj.paginator.num_pages }}">{{ page_obj.paginator.num_pages }}</a></li>
        {% endif %}
      
        {% if page_obj.has_next %}
          <li><a href="?page={{ page_obj.next_page_number }}"><span uk-pagination-next></span></a></li>
        {% else %}
          <li class="uk-disabled"><span uk-pagination-next></span></li>
        {% endif %}
      
    </ul>
{% endif %}