pagination.html

{% if page_count > 1 %}
    <nav aria-label="page navigation" class="my-5 mx-auto">
      <ul class="pagination">
          {% if page == 1 %}
            <li class="page-item disabled">
              <a class="page-link" href="" tabindex="-1" aria-disabled="true">Previous</a>
            </li>
          {% else %}
              <li class="page-item">
              <a class="page-link" href="?p={{ page - 1 }}{% if q %}&q={{ q }}{% endif %}" tabindex="-1" aria-disabled="true">Previous</a>
                </li>
          {% endif %}
            {% for p in page_range_view %}
                {% if p < page %}
                    <li class="page-item"><a class="page-link" href="?p={{ p }}{% if q %}&q={{ q }}{% endif %}">{{ p }}</a></li>
                {% elif p == page %}
                    <li class="page-item active" aria-current="page">
                      <a class="page-link" href="#">{{ page }} <span class="sr-only">(current)</span></a>
                    </li>
                {% else %}
                    <li class="page-item"><a class="page-link" href="?p={{ p }}{% if q %}&q={{ q }}{% endif %}">{{ p }}</a></li>
                {% endif %}
            {% endfor %}


          {% if page == page_count %}
            <li class="page-item disabled">
              <a class="page-link" href="#">Next</a>
            </li>
          {% else %}
            <li class="page-item">
              <a class="page-link" href="?p={{ page + 1 }}{% if q %}&q={{ q }}{% endif %}">Next</a>
            </li>
          {% endif %}
      </ul>
    </nav>

{% endif %}