{% import "forms-macro/popup.html.twig" as macroPopup %}
<li class="containerSpace espace">
    <label class="titleMenu">
        <img class="iconMenu" src="{{ asset('install-bois/icon/iconMonEspace.png') }}">
        <span>Mon espace</span></label>
    <ul>
        <li><a href="/"><span>Tableau de bord</span></a></li>
        <li><a href="{{ path('user_edit',{'id': (app.user ? app.user.id : '#')}) }}"><span>Mon profil</span></a></li>
    </ul>
</li>
<li class="containerSpace">
    <label class="titleMenu">
        <img class="iconMenu" src="{{ asset('install-bois/icon/iconClients.png') }}">
        <span>Clients</span></label>
    <ul>
        <li><a href="{{ path('project_create_wf') }}"><span>Nouvelle étude</span></a></li>
        <li><a href="{{ path('project_index') }}"><span>Liste des études</span></a></li>
    </ul>
</li>

{# @TODO Temporaire #}
{# <li class="containerSpace hideOnSmartphone"> #}
{#    <label class="titleMenu"> #}
{#        <img class="iconMenu" src="{{ asset('install-bois/icon/iconDocumentation.png') }}"> #}
{#        <span>Documentation</span></label> #}
{#    <ul> #}
{#        <li><a href="{{ path("files_user_index", { "section" : "ACTUALITY"}) }}"><span>Actualités</span></a></li> #}
{#        #}{# I20A-1741 #}
{#        #}{#        <li><a href="{{ path("files_user_index", { "section" : "HELP_ONLINE"}) }}"><span>Aide en ligne</span></a></li> #}
{#        {% if app.session.get('featuresAccess')['TECHNICAL_DOC_ACCESS'] %} #}
{#            <li> #}
{#                <a href="{{ path("files_user_index", { "section" : "TECHNICAL_INFO"}) }}"><span>Informations techniques</span></a> #}
{#            </li> #}
{#        {% endif %} #}
{#    </ul> #}
{# </li> #}
{% if is_granted('ROLE_DEMO') %}
    <li class="containerSpace {{ app.session.get('degraded_mode') ? "degraded_mode_menu" : "" }}">
        <label class="titleMenu">
            <img class="iconMenu" src="{{ asset('install-bois/icon/iconParametres.png') }}">
            <span>Paramètres</span></label>
        {% if not app.session.get('degraded_mode') %}
            <ul>
                <li><a href="{{ path('company_edit', { 'id' : app.user.agency.company.id }) }}"><span>Entreprise</span></a>
                </li>
                <li><a href="{{ path('user_index') }}"><span>Utilisateurs</span></a></li>
                {% if app.session.get('featuresAccess')['MANAGE_AGENCY'] %}
                    <li><a href="{{ path('agency_index') }}"><span>Magasins</span></a></li>
                {% endif %}
                <li class="hideOnSmartphone"><a href="{{ path('subscription_index') }}"><span>Abonnement</span></a></li>
            </ul>
        {% else %}
            <ul>
                <li><span>Entreprise</span></li>
                <li><span>Utilisateurs</span></li>
                <li><span>Magasins</span></li>
                <li><span>Abonnement</span></li>
            </ul>
        {% endif %}
    </li>
{% endif %}
<li class="containerSpace">
    <label class="titleMenu">
        <img class="iconMenu" src="{{ asset('install-bois/icon/iconDocumentation.png') }}">
        <span>FAQ</span></label>
    <ul>
        <li class="hideOnSmartphone"><a href="{{ path('faq_index') }}"><span>Questions fréquentes</span></a></li>
        <li><a href="{{ path('contact_us') }}"><span>Contactez nous</span></a></li>
    </ul>
</li>
{#<li class="containerSpace">#}
{#    <label class="titleMenu">#}
{#        <img class="iconMenu" src="{{ asset('install-bois/icon/iconClients.png') }}">#}
{#        <span>Les formations</span></label>#}
{#    <ul>#}
{#        <li><a href="{{ path('app_video') }}"><span>Replay RDV IB</span></a></li>#}
{#    </ul>#}
{#</li>#}
<li class="containerSpace">
    <label class="titleMenu">
        <span>Gestion des appareils</span></label>
    <ul>
        <li>
            <a style="cursor: pointer" href="{{ path('products_devices_create') }}" id="newApp"><span>Créer un nouvel appareil</span></a>
        </li>
        <li>
            <a style="cursor: pointer" href="{{ path('products_devices_index') }}"><span>Gérer mes appareils</span></a>
        </li>
    </ul>
</li>
{% if is_granted('ROLE_DEMO') %}
    {{ include('tooltip/tooltip.html.twig') }}
{% endif %}
<script>
    let isDemoMenu = {{ is_granted('ROLE_DEMO')|json_encode|raw }};
    if (isDemoMenu) {
        applyTooltipToDisabledElements('#newApp')
    }
</script>