{% macro pagination(page) %}
    {% macro render_link(title, page_number) %}
        <a
            class="page-link"
            href="#"
            hx-get="{{ url("filter-list-filter") }}"
            hx-trigger="click"
            hx-target="#filter-list-container"
            hx-include="[name='zip'],[name='area'],[name='county']"
            hx-vals='{"page": "{{ page_number }}"}'
        >
            {{ title }}
        </a>
    {% endmacro %}

    {% if page.has_other_pages() %}
        <nav aria-label="Page navigation example">
            <ul class="pagination">
                {% if page.has_previous() %}
                    <li class="page-item">
                        {{ render_link(title="Previous", page_number=page.number - 1) }}
                    </li>
                {% else %}
                    <li class="page-item disabled">
                        <a class="page-link" href="#">Previous</a>
                    </li>
                {% endif %}

                {% for p in page.paginator.get_elided_page_range(page.number, on_each_side=2, on_ends=3) %}
                    {% if p != page.paginator.ELLIPSIS %}
                        <li class="page-item {% if page.number == p %}active{% endif %}">
                            {{ render_link(title=p, page_number=p) }}
                        </li>
                    {% else %}
                        <li class="page-item">
                            <span class="page-link border-top-0 border-bottom-0">{{ page.paginator.ELLIPSIS }}</span>
                        </li>
                    {% endif %}
                {% endfor %}

                {% if page.has_next() %}
                    <li class="page-item">
                        {{ render_link(title="Next", page_number=page.number + 1) }}
                    </li>
                {% else %}
                    <li class="page-item disabled">
                        <a class="page-link" href="#">Next</a>
                    </li>
                {% endif %}
            </ul>
        </nav>
    {% endif %}
{% endmacro %}