{% load i18n wise_icons %}
{% comment %}
Renders wise_nav_sections (see wise_core/context_processors.py + WISE_NAV_SECTIONS
in docs/getting-started.md). Each section: {"title": ..., "items": [...]}.
Each item: {"label", "url_name", "url_kwargs" (optional), "icon" (lucide name),
"match" (substring of request.resolver_match.url_name that marks it selected)}.
{% endcomment %}
{% if request.user.is_authenticated %}
    <a class="menu-link {% if request.resolver_match.url_name == 'home' %}selected{% endif %}" href="{% url 'home' %}">
        {% lucide "house" size=20 %}
        {% trans "Home" %}
    </a>
{% endif %}
{% for section in wise_nav_sections %}
    <div class="menu-node">
        <h3>{{ section.title }}</h3>
        <div class="menu-node-container">
            {% for item in section.items %}
                <a class="menu-link {% if item.match and item.match in request.resolver_match.url_name %}selected{% endif %}"
                   href="{% url item.url_name %}{{ item.url_kwargs }}">
                    {% lucide item.icon size=20 %}{{ item.label }}
                </a>
            {% endfor %}
        </div>
    </div>
{% endfor %}
{% if request.user.is_authenticated %}
    <a href="{% url 'home' %}"
       class="mt-5 flex items-center gap-2.5 border-t border-divider px-3.5 pt-4 no-underline text-gray-900 hover:bg-gray-900/5">
        <div class="flex h-8 w-8 flex-shrink-0 items-center justify-center border border-divider
            font-heading text-xs font-semibold text-action-700">
            {{ request.user.first_name|default:request.user.username|slice:":1"|upper }}{{ request.user.last_name|slice:":1"|upper }}
        </div>
        <div class="min-w-0">
            <div class="truncate text-[13px] font-semibold leading-tight">{{ request.user.get_full_name|default:request.user.username }}</div>
        </div>
    </a>
{% endif %}