{% load static %}
{% load i18n %}
{% load navactive %}

<li class="nav-item">
    <a href="{% url 'buybackprogram:reverse_index' %}" class="nav-link bbp-nav-link">
        <span class="bbp-nav-btn bbp-nav-btn-nav"><i class="fas fa-store"></i> {% trans "Programs" %}</span>
    </a>
</li>

{% if request.user.is_authenticated %}
    <li class="nav-item d-none d-xl-block">
        <a href="{% url 'buybackprogram:reverse_my_stats' %}" class="nav-link bbp-nav-link">
            <span class="bbp-nav-btn bbp-nav-btn-nav"><i class="fas fa-chart-line"></i> {% trans "My Statistics" %}</span>
        </a>
    </li>

    {% if perms.buybackprogram.manage_programs or perms.buybackprogram.manage_all_programs %}
        <li class="nav-item d-none d-xl-block">
            <a href="{% url 'buybackprogram:reverse_program_stats' %}" class="nav-link bbp-nav-link">
                <span class="bbp-nav-btn bbp-nav-btn-nav"><i class="fas fa-chart-bar"></i> {% trans "My Program Statistics" %}</span>
            </a>
        </li>
    {% endif %}
{% endif %}

{# Collapsed dropdown — shown below xl #}
<li class="nav-item dropdown d-xl-none">
    <a href="#" class="nav-link bbp-nav-link dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
        <span class="bbp-nav-btn bbp-nav-btn-nav"><i class="fas fa-bars"></i> {% trans "Menu" %} <i class="fas fa-caret-down ms-1"></i></span>
    </a>
    <ul class="dropdown-menu bbp-nav-dropdown">
        <li>
            <a class="dropdown-item" href="{% url 'buybackprogram:reverse_index' %}">
                <i class="fas fa-store fa-fw me-2"></i>{% trans "Programs" %}
            </a>
        </li>
        {% if request.user.is_authenticated %}
            <li>
                <a class="dropdown-item" href="{% url 'buybackprogram:reverse_my_stats' %}">
                    <i class="fas fa-chart-line fa-fw me-2"></i>{% trans "My Statistics" %}
                </a>
            </li>
            {% if perms.buybackprogram.manage_programs or perms.buybackprogram.manage_all_programs %}
                <li>
                    <a class="dropdown-item" href="{% url 'buybackprogram:reverse_program_stats' %}">
                        <i class="fas fa-chart-bar fa-fw me-2"></i>{% trans "My Program Statistics" %}
                    </a>
                </li>
            {% endif %}
        {% endif %}
    </ul>
</li>