lostplaces-backend/lostplaces/lostplaces_app/templates/partials/nav/pagination.html

{% if is_paginated %}
    <div class="LP-Pagination">
        <ul class="LP-Pagination__List">
            {% if page_obj.has_previous %}
                <li class="LP-Pagination__Item LP-Pagination__Item--first">
                    <a href="?page=1" class="LP-Link"><span class="LP-Pagination__First">first</span></a>
                </li>
                <li class="LP-Pagination__Item LP-Pagination__Item--previous">
                    <a href="?page={{ page_obj.previous_page_number }}" class="LP-Link"><span class="LP-Pagination__Previous">previous</span></a>
                </li>
            {% else %}
                <li class="LP-Pagination__Item LP-Pagination__Item--first LP-Pagination__Item--disabled">
                    <span class="LP-Pagination__First">first</span>
                </li>
                <li class="LP-Pagination__Item LP-Pagination__Item--previous LP-Pagination__Item--disabled">
                    <span class="LP-Pagination__Previous">previous</span>
                </li>
            {% endif %}
            {% for i in page_obj.paginator %}
                {% if i.number == page_obj.number %}
                    <li class="LP-Pagination__Item LP-Pagination__Item--number LP-Pagination__Item--current">
                {% else %}
                    <li class="LP-Pagination__Item LP-Pagination__Item--number">
                {% endif %}
                        <a href="?page={{i.number}}" class="LP-Link"><span class="LP-Pagination__Number">{{i.number}}</span></a>
                    </li>
            {% endfor %}
            {% if page_obj.has_next %}
                <li class="LP-Pagination__Item LP-Pagination__Item--next">
                    <a href="?page={{ page_obj.next_page_number }}" class="LP-Link"><span class="LP-Pagination__Next">next</span></a>
                </li>
                <li class="LP-Pagination__Item LP-Pagination__Item--last">
                    <a href="?page={{ page_obj.paginator.num_pages }}" class="LP-Link"><span class="LP-Pagination__Last">last</span></a>
                </li>
            {% else %}
                <li class="LP-Pagination__Item LP-Pagination__Item--next LP-Pagination__Item--disabled">
                    <span class="LP-Pagination__Next">next</span>
                </li>
                <li class="LP-Pagination__Item LP-Pagination__Item--last LP-Pagination__Item--disabled">
                    <span class="LP-Pagination__Last">last</span>
                </li>
            {% endif %}
        </ul>
    </div>
{% endif %}