pagination.html

    <div class="btn-group" role="group" aria-label="Item pagination" style="margin-bottom: 1rem">

        {% if my_tasks.has_previous %}
            <a href="?page=1" class="btn btn-outline-primary">First</a>
            <a href="?page={{ my_tasks.previous_page_number }}" class="btn btn-outline-primary">Prev</a>
        {% else %}
            <button class="btn btn-outline-primary" disabled>First</button>
            <button class="btn btn-outline-primary" disabled>Prev</button>
        {% endif %}

        {% for page_number in my_tasks.paginator.page_range %}
            {% if my_tasks.number == page_number %}
                <button class="btn btn-outline-primary active">
                    <span>{{ page_number }} <span class="sr-only">(current)</span></span>
                </button>
            {% elif my_tasks.number < 5 and page_number < 10 or my_tasks.number > my_tasks.paginator.num_pages|add:"-5" and page_number > my_tasks.paginator.num_pages|add:"-9" %}
                <a href="?page={{ page_number }}" class="btn btn-outline-primary">
                    {{ page_number }}
                </a>
            {% elif page_number < my_tasks.number and page_number > my_tasks.number|add:"-5" or page_number > my_tasks.number and page_number < my_tasks.number|add:5 %}
                <a href="?page={{ page_number }}" class="btn btn-outline-primary">
                    {{ page_number }}
                </a>
            {% endif %}
        {% endfor %}

        {% if my_tasks.has_next %}
            <a href="?page={{ my_tasks.next_page_number }}" class="btn btn-outline-primary">Next</a>
            <a href="?page={{ my_tasks.paginator.num_pages }}" class="btn btn-outline-primary">Last</a>
        {% else %}
            <button class="btn btn-outline-primary" disabled>Next</button>
            <button class="btn btn-outline-primary" disabled>Last</button>
        {% endif %}
    </div>