{% if pagination.hasToPaginate %}
    <div class="pager">
        <nav aria-label="Page navigation">
            <ul class="pagination mb-0">
                {% if pagination.hasPreviousPage %}
                    <li class="page-item">
                        <a class="page-link" href="{{ pagination.generateUrlForPage(pagination.previousPage) }}"
                           aria-label="Previous">
                            <span aria-hidden="true">&laquo;</span>
                        </a>
                    </li>
                {% else %}
                    <li class="page-item disabled">
                <span class="page-link" aria-label="Previous">
                    <span aria-hidden="true">&laquo;</span>
                </span>
                    </li>
                {% endif %}


                {% for page in pagination.pageRange %}
                    {% if page is null %}
                        <li class="page-item disabled">
                    <span class="page-link" aria-label="Previous">
                        <span aria-hidden="true">...</span>
                    </span>
                        </li>
                    {% else %}
                        <li class="page-item {{ page == pagination.currentPage ? 'active' : '' }}">
                            <a class="page-link"
                               href="{{ pagination.generateUrlForPage(page) }}">{{ page }}</a>
                        </li>
                    {% endif %}
                {% endfor %}

                {% if pagination.hasNextPage %}
                    <li class="page-item">
                        <a class="page-link"
                           href="{{ pagination.generateUrlForPage(pagination.nextPage) }}"
                           aria-label="Next">
                            <span aria-hidden="true">&raquo;</span>
                        </a>
                    </li>
                {% else %}
                    <li class="page-item disabled">
                <span class="page-link" aria-label="Next">
                    <span aria-hidden="true">&raquo;</span>
                </span>
                    </li>
                {% endif %}
            </ul>
        </nav>
        <div class="fw-normal small mt-2 mt-lg-0">
            Showing <b>{{ pagination.getRangeFirstResultNumber() }}</b> to
            <b>{{ pagination.getRangeLastResultNumber() }}</b> of <b>{{ pagination.totalCount }}</b> entries
        </div>
    </div>
{% endif %}