{# Navbar-Sidebar – nutzt Context-Processor-Variablen: #}
{# current_reuid, current_nutzer_id, accessible_reus, is_admin_user #}
{% load static %}
<ul class="navbar-nav bg-gradient-primary sidebar sidebar-dark accordion" id="accordionSidebar">
    {% comment %} # d-flex flex-column {% endcomment %}
    <a class="sidebar-brand d-flex flex-column align-items-center justify-content-center" href="/">
    <div class="sidebar-brand-icon">
        <img src="{% static 'public/images/xandas_logo.png' %}" 
             class="xandaslogo" 
             style="object-fit: contain;">
    </div>
    <div class="sidebar-brand-text" style="font-size: 0.75rem;">Verbrauchsportal</div>
</a>
    <hr class="sidebar-divider my-1">

    {# ------------------------------------------------------------------ #}
    {# REU-Auswahl                                                          #}
    {# Fall A: normaler User, genau 1 REUID → statisches Label             #}
    {# Fall B: normaler User, ≥2 REUIDs    → Combobox mit JS-Redirect      #}
    {# Fall C: AdminUser                   → Combobox (gleiche Logik)      #}
    {# ------------------------------------------------------------------ #}
    {% if accessible_reus %}
        {% if not is_admin_user and accessible_reus|length == 1 %}
            {# Fall A #}
            <li class="nav-item">
                <span class="nav-link">
                    Immobilie:<br>
                    <span>{{ accessible_reus.0.label }}</span>
                </span>
            </li>
        {% else %}
            {# Fall B + C #}
            <li class="nav-item">
                <div class="nav-link">
                    {% comment %} <i class="fas fa-fw fa-building"></i> {% endcomment %}
                    <select class="form-control form-control-sm mt-1"
                            onchange="switchReuid(this.value)">
                        {% for reu in accessible_reus %}
                            <option value="{{ reu.reuid }}"
                                    style="color:#333; background:#fff;"
                                    {% if reu.reuid == current_reuid %}selected{% endif %}>
                                {{ reu.label }}
                            </option>
                        {% endfor %}
                    </select>
                </div>
            </li>
        {% endif %}
    {% endif %}

    <hr class="sidebar-divider my-0">

    {# Übersicht #}
    <li class="nav-item {% if '/verbrauch/uebersicht' in request.path  %}active{% endif %}">
        {% if current_reuid and current_nutzer_id %}
            <a class="nav-link" href="{% url 'app_verbrauch:uebersicht' current_reuid current_nutzer_id %}">
                <i class="fas fa-fw fa-tachometer-alt"></i>
                <span>Übersicht</span>
            </a>
        {% else %}
            <span class="nav-link">
                <i class="fas fa-fw fa-tachometer-alt"></i>
                <span>Übersicht</span>
            </span>
        {% endif %}
    </li>

    <hr class="sidebar-divider">
    <div class="sidebar-heading">Verbrauch</div>

    <li class="nav-item {% if '/verbrauch/v/' in request.path and '/vs' not in request.path %}active{% endif %}">
        {% if current_reuid and current_nutzer_id %}
            <a class="nav-link" href="{% url 'app_verbrauch:verbrauch_chart' current_reuid current_nutzer_id %}">
                <i class="fas fa-fw fa-chart-bar"></i>
                <span>Verbrauch</span>
            </a>
        {% else %}
            <span class="nav-link">
                <i class="fas fa-fw fa-chart-bar"></i>
                <span>Verbrauch</span>
            </span>
        {% endif %}
    </li>

    <li class="nav-item {% if '/verbrauch/vs/' in request.path %}active{% endif %}">
        {% if current_reuid and current_nutzer_id %}
            <a class="nav-link" href="{% url 'app_verbrauch:verbrauch_chart_spez' current_reuid current_nutzer_id %}">
                <i class="fas fa-fw fa-chart-line"></i>
                <span>Verbrauch (normiert)</span>
            </a>
        {% else %}
            <span class="nav-link">
                <i class="fas fa-fw fa-chart-line"></i>
                <span>Verbrauch (normiert)</span>
            </span>
        {% endif %}
    </li>

    <hr class="sidebar-divider">
    <div class="sidebar-heading">Daten zur Nutzung</div>

    <li class="nav-item {% if 'nutzerdaten' in request.path %}active{% endif %}">
        {% if current_reuid and current_nutzer_id %}
            <a class="nav-link" href="{% url 'app_nutzer:nutzerdaten' current_reuid current_nutzer_id %}">
                <i class="fas fa-fw fa-file-contract"></i>
                <span>Nutzerdaten</span>
            </a>
        {% else %}
            <span class="nav-link">
                <i class="fas fa-fw fa-file-contract"></i>
                <span>Nutzerdaten</span>
            </span>
        {% endif %}
    </li>

    <hr class="sidebar-divider">
    <div class="sidebar-heading">Konto</div>

    {# Fall C: AdminUser → Einstellungen deaktiviert mit Tooltip #}
    {% if is_admin_user %}
        <li class="nav-item">
            <span class="nav-link"
                  style="cursor: not-allowed; opacity: 0.6;"
                  title="Passwort kann nur vom Nutzer selbst geändert werden."
                  data-toggle="tooltip"
                  data-placement="right">
                <i class="fas fa-fw fa-cog"></i>
                <span>Einstellungen</span>
            </span>
        </li>
    {% else %}
        <li class="nav-item {% if 'einstellungen' in request.path %}active{% endif %}">
            <a class="nav-link" href="/einstellungen">
                <i class="fas fa-fw fa-cog"></i>
                <span>Einstellungen</span>
            </a>
        </li>
    {% endif %}

    <hr class="sidebar-divider d-none d-md-block">

    <div class="text-center d-none d-md-inline">
        <button class="rounded-circle border-0" id="sidebarToggle"></button>
    </div>
</ul>

<script>
function switchReuid(newReuid) {
    var params = new URLSearchParams({
        reuid: newReuid,
        nutzer_id: '{{ current_nutzer_id|default:"" }}',
        next: window.location.pathname
    });
    window.location.href = '/switch-reuid/?' + params.toString();
}
</script>