{% set selected = item.id == current %}
<li>
    <a
        href="{{ item.href }}"
        {% if selected -%}
            class="block py-2 px-3 text-white bg-blue-700 rounded md:bg-transparent md:text-blue-700 md:p-0 md:dark:text-blue-500"
            aria-current="page"
        {% else -%}
            class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700"
        {% endif -%}
        hx-get="{{ item.href }}"
        hx-push-url="true"
        hx-swap="outerHTML"
        hx-select-oob="#menu-items,#page-header,#page-main"
    >
        {{ item.label }}
    </a>
</li>