{% load lucide %}

{% comment %}
    The panel's navigation, in one place: the sidebar renders it on a wide screen and the
    collapsed menu renders it on a narrow one. Two copies of a link list is how a new section
    ends up reachable on a desktop and invisible on a phone.

    `menu-active` is daisyUI 5's active state; hover and focus come with `.menu` itself.
{% endcomment %}
<li>
    <a class="{% if nav == 'dashboard' %}menu-active{% endif %}" href="{% url 'controlpanel:dashboard' %}">
        {% lucide "layout-dashboard" size=16 %} Dashboard
    </a>
</li>
<li>
    <a class="{% if nav == 'clubs' %}menu-active{% endif %}" href="{% url 'controlpanel:club_list' %}">
        {% lucide "building-2" size=16 %} Clubs
    </a>
</li>
<li>
    <a class="{% if nav == 'billing' %}menu-active{% endif %}" href="{% url 'controlpanel:billing' %}">
        {% lucide "receipt-euro" size=16 %} Billing
    </a>
</li>
<li>
    <a class="{% if nav == 'features' %}menu-active{% endif %}" href="{% url 'controlpanel:features' %}">
        {% lucide "toggle-right" size=16 %} Features
    </a>
</li>
{% if user.is_superuser %}
    {# Superusers only, exactly as the view is gated: a link staff cannot follow is a lie. #}
    <li>
        <a class="{% if nav == 'admins' %}menu-active{% endif %}" href="{% url 'controlpanel:admins' %}">
            {% lucide "user-cog" size=16 %} Platform admins
        </a>
    </li>
{% endif %}
