{% if is_paginated %}
<nav class="pagination-centered">
<ul class="pagination">
{% if page_obj.has_previous %}
<li>
<a href="?page={{ page_obj.previous_page_number }}">
<span class="arrow">«</span>
</a>
</li>
{% else %}
<li class="arrow unavailable"><a href="">«</a></li>
{% endif %}
{% for page in page_range %}
{% if page == None or page == 'None' %}
...
<li {% if page == page_obj.number %} class="active current" {% endif %}>
<a href="?page={{ page }}">{{ page }}</a>
{% endfor %}
{% if page_obj.has_next %}
<a href="?page={{ page_obj.next_page_number }}">
<span class="arrow">»</span>
<li class="arrow unavailable"><a href="">»</a></li>
</ul>
</nav>