{% load link_tags %}

{% if page_obj.has_other_pages %}
<div class="uk-margin">
  <ul class="uk-pagination uk-flex-center">
         
    {% if page_obj.has_previous %}
      <li><a href="{% paginator_link page_obj.previous_page_number request.GET %}"><span class="uk-margin-small-right" uk-pagination-previous></span> Previous</a></li>
    {% else %}
      <li class="uk-disabled"><a href="#"><span class="uk-margin-small-right" uk-pagination-previous></span> Previous</a></li>
    {% endif %}
  
    {% if page_obj.number|add:'-3' > 1 %}
      <li><a href="{% paginator_link 1 request.GET %}">1</a></li>
      {% if page_obj.number|add:'-4' > 1  %}
      <li><a href="{% paginator_link page_obj.number|add:'-4' request.GET %}">&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="{% paginator_link i request.GET %}">{{ 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="{% paginator_link page_obj.number|add:'4' request.GET %}">&hellip;</a></li>
      {% endif %}
      <li><a href="{% paginator_link page_obj.paginator.num_pages request.GET %}">{{ page_obj.paginator.num_pages }}</a></li>
    {% endif %}
  
    {% if page_obj.has_next %}
      <li><a href="{% paginator_link page_obj.next_page_number request.GET %}">Next  <span uk-pagination-next></span></a></li>
    {% else %}
      <li class="uk-disabled"><a href="#">Next <span class="uk-margin-small-left" uk-pagination-next></span></a></li>
    {% endif %}
  
  </ul>
</div>
{% endif %}