{# templates/entreprise/_sidebar_layout.html.twig #}

<div class="sidebar-inner">
    {# En-tête mobile #}
    <div class="sidebar-header-mobile d-lg-none d-flex justify-content-between align-items-center">
        <span class="fw-bold">LOYER -<span class="text-primary">EXPRESS</span></span>
        <button type="button" class="btn-close navbar-toggler" data-bs-dismiss="offcanvas" aria-label="Close"></button>
    </div>

    <div class="flex-grow-1 overflow-auto">
        {% set currentRoute = app.request.attributes.get('_route') %}
        
        {# Récupération du plan d'abonnement via l'extension Twig #}
        {% set plan = (abonnementActuel and abonnementActuel.abonnement) ? abonnementActuel.abonnement : null %}

        {# SECTION 1 : L'ESSENTIEL #}
        <div class="sidebar-title-wrapper">
            <h6 class="sidebar-separator">L'essentiel</h6>
        </div>
        <ul class="nav flex-column">
            <li class="nav-item">
                <a class="nav-link {% if currentRoute == 'app_entreprise_dashboard' %}active{% endif %}" href="{{ path('app_entreprise_dashboard') }}">
                    <i class="fas fa-chart-pie"></i> <span>Bureau</span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link {% if currentRoute starts with 'app_entreprise_immeuble_' %}active{% endif %}" href="{{ path('app_entreprise_immeuble_index') }}">
                    <i class="fas fa-city"></i> <span>Lots</span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link {% if currentRoute starts with 'app_entreprise_appartement_' %}active{% endif %}" href="{{ path('app_entreprise_appartement_index') }}">
                    <i class="fas fa-door-open"></i> <span>Appartements</span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link {% if currentRoute starts with 'app_entreprise_locataire_' %}active{% endif %}" href="{{ path('app_entreprise_locataire_index') }}">
                    <i class="fas fa-user-friends"></i> <span>Locataires</span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link {% if currentRoute starts with 'app_entreprise_location_' %}active{% endif %}" href="{{ path('app_entreprise_location_index') }}">
                    <i class="fas fa-file-contract"></i> <span>Locations</span>
                </a>
            </li>
        </ul>

        {# SECTION 2 : FINANCES #}
        <div class="sidebar-title-wrapper">
            <h6 class="sidebar-separator">Finances</h6>
        </div>
        <ul class="nav flex-column">
            <li class="nav-item">
                <a class="nav-link {% if currentRoute starts with 'app_entreprise_loyer_mensuel_' and currentRoute != 'app_entreprise_loyer_mensuel_quittances' %}active{% endif %}" href="{{ path('app_entreprise_loyer_mensuel_index') }}">
                    <i class="fas fa-receipt"></i> 
                    <span>Loyers & Factures</span>
                    {% if loyers_impayes_count|default(0) > 0 %}
                        <span class="badge rounded-pill bg-danger ms-auto badge-pulse">{{ loyers_impayes_count }}</span>
                    {% endif %}
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link {% if currentRoute == 'app_entreprise_loyer_mensuel_quittances' %}active{% endif %}" href="{{ path('app_entreprise_loyer_mensuel_quittances') }}">
                    <i class="fas fa-print"></i> <span>Quittances</span>
                </a>
            </li>
        </ul>

        {# SECTION 3 : INTERVENTIONS #}
        <div class="sidebar-title-wrapper">
            <h6 class="sidebar-separator">Interventions</h6>
        </div>
        <ul class="nav flex-column">
            <li class="nav-item">
                <a class="nav-link {% if currentRoute starts with 'app_entreprise_intervention_' %}active{% endif %}" href="{{ path('app_entreprise_intervention_index') }}">
                    <i class="fas fa-tools"></i> <span>Travaux</span>
                </a>
            </li>
        </ul>

        {# SECTION 4 : ANALYSE #}
        <div class="sidebar-title-wrapper">
            <h6 class="sidebar-separator">Analyse</h6>
        </div>
        <ul class="nav flex-column">
            <li class="nav-item">
                <a class="nav-link {% if currentRoute starts with 'app_entreprise_rapports_' %}active{% endif %}" href="{{ path('app_entreprise_rapports_index') }}">
                    <i class="fas fa-file-invoice-dollar"></i> <span>Rapports</span>
                </a>
            </li>

            {# STATISTIQUES #}
            {% set statsDisabled = (plan is null or not plan.hasStatistics) %}
            <li class="nav-item">
                <div class="lock-wrapper" {% if statsDisabled %} 
                        data-bs-toggle="tooltip" 
                        data-bs-placement="right" 
                        data-bs-html="true"
                        title="<b>Option Verrouillée</b><br>Disponible à partir du pack Essentiel." 
                     {% endif %}>
                    <a class="nav-link {{ statsDisabled ? 'disabled-feature' : '' }} {% if currentRoute starts with 'app_entreprise_statistiques_' %}active{% endif %}" 
                       href="{{ statsDisabled ? '#' : path('app_entreprise_statistiques_index') }}">
                        <i class="fas fa-chart-line"></i> <span>Statistiques</span>
                        {% if statsDisabled %}
                            <i class="fas fa-lock ms-auto small-lock"></i>
                        {% endif %}
                    </a>
                </div>
            </li>
        </ul>

        {# SECTION CONFIGURATION #}
        {% if is_granted('ROLE_ENTREPRISE_ROOT') %}
            <div class="sidebar-title-wrapper">
                <h6 class="sidebar-separator">Configuration</h6>
            </div>
            <ul class="nav flex-column mb-5">
                <li class="nav-item">
                    <a class="nav-link {% if currentRoute starts with 'app_entreprise_wallet' %}active{% endif %}" href="{{ path('app_entreprise_wallet') }}">
                        <i class="fas fa-wallet"></i> 
                        <span>Mon Portefeuille</span>
                        <span class="badge bg-white text-dark border ms-auto small fw-bold">
                            {{ (current_entreprise.soldeCredit ?? 0)|format_money }}
                        </span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {% if currentRoute starts with 'app_entreprise_abonnement' %}active{% endif %}" href="{{ path('app_entreprise_abonnement_index') }}">
                        <i class="fas fa-credit-card"></i> <span>Abonnement</span>
                    </a>
                </li>
                
                {# ÉQUIPE #}
                {% set teamDisabled = (plan is null or not plan.isMultiUser) %}
                <li class="nav-item">
                    <div class="lock-wrapper" {% if teamDisabled %} 
                            data-bs-toggle="tooltip" 
                            data-bs-placement="right" 
                            data-bs-html="true"
                            title="<b>Option Verrouillée</b><br>Disponible uniquement avec le pack Entreprise." 
                         {% endif %}>
                        <a class="nav-link {{ teamDisabled ? 'disabled-feature' : '' }} {% if currentRoute starts with 'app_entreprise_user_' %}active{% endif %}" 
                           href="{{ teamDisabled ? '#' : path('app_entreprise_user_index') }}">
                            <i class="fas fa-user-shield"></i> <span>Mes utilisateurs</span>
                            {% if teamDisabled %}
                                <i class="fas fa-lock ms-auto small-lock"></i>
                            {% endif %}
                        </a>
                    </div>
                </li>
            </ul>
        {% endif %}
    </div>
</div>

<script>
    document.addEventListener('DOMContentLoaded', function() {
        // Réactivation des tooltips après extraction CSS
        var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
        tooltipTriggerList.map(function (tooltipTriggerEl) {
            return new bootstrap.Tooltip(tooltipTriggerEl, {
                trigger: 'hover focus click'
            })
        })
    });
</script>