nation__link"
                    >{% trans "Last" %}</a>
                </li>
            {% endif %}
        </ul>
    </nav>
</div>

<span data-hx-vals="{{pd}}"></span>

<script>
    $(document).ready(function () {
        $(document).on("htmx:afterSettle", function () {
            var hxVals = $("[data-hx-vals]").data("hx-vals");
            var queryParams = {};
            var pairs = hxVals.split("&");

            pairs.forEach(function (pair) {
                var [key, value] = pair.split("=");
