{% if is_paginated %}
  <nav class="text-center">
    <ul class="pagination">
      {% if page_obj.has_previous %}
      <li class="page-item">
        <a class="page-link" href="?page={{ page_obj.previous_page_number }}{{filter_url}}">
          <span class="pager-prev">Anterior</span>
        </a>
      </li>
      {% else %}
      <li class="pager-prev disabled"><a href="">Anterior</a></li>
      {% endif %}

      {% for page in page_range %}
      {% if page == None or page == 'None' %}
      <li class="page-item disabled">
        <a class="page-link" href="">...</a>
      </li>
      {% else %}
      <li {% if page == page_obj.number %} class="page-item active" {% endif %}>
        <a class="page-link" href="?page={{ page }}{{filter_url}}">{{ page }}</a>
      </li>
      {% endif %}
      {% endfor %}

      {% if page_obj.has_next %}
      <li class="page-item">
        <a class="page-link" href="?page={{ page_obj.next_page_number }}{{filter_url}}">
          <span class="pager-next">Próxima</span>
        </a>
      </li>
      {% else %}
      <li class="pager-next disabled"><a href="">Próxima</a></li>
      {% endif %}
    </ul>
  </nav>
{% endif %}