templates/layout/headerUser.html.twig line 1

<div class="box-wrapper">
    <div class="box-container limit-width">
        <div class="menu-wrapper menu-shrink menu-sticky menu-no-arrows justify-content-end">
            <header id="masthead" class="col-12 navbar menu-absolute">
                <div class="menu-container col-12 menu-dd-shadow container-lg nav navbar-nav navbar-main navbar-nav-last align-items-end" style="height: auto;">
                    <ul id="menu-main-menu-fr" class="menu-primary-inner menu-smart sm mb-0">
                    {# Les drapeaux #}
                        <li class=" btn-group p-0 list-inline-item" style="max-width: 75px;">
                            {% if lang is not defined %}
                                {% set lang = "fra" %}
                            {% endif %}
                            {% if lang == "eng" %}
                                <button type="button" class="btn btn-outline-light dropdown-toggle" data-bs-toggle="dropdown">
                                    <img width="20px" src="{{ asset('assets/img/united-kingdom.png') }}" alt="English"/>
                                    <span class="caret"></span>
                                </button>
                                <ul style="min-width: 75px;" class="dropdown-menu p-0 position-absolute">
                                    <li class="dropdown-item p-1">
                                        <a id="lang_fr" class="nav-link p-0" href="#">
                                            <img width="20px" src="{{ asset('assets/img/french_flag.png') }}" alt="French"/>
                                            Fr
                                        </a>
                                    </li>
                                </ul>
                            {% else %}
                                <button type="button" class="btn btn-outline-light dropdown-toggle bg-white" data-bs-toggle="dropdown">
                                    <img width="20px" src="{{ asset('assets/img/french_flag.png') }}" alt="French"/>
                                    <span class="caret"></span>
                                </button>
                                <ul style="min-width: 75px;" class="dropdown-menu p-0 position-absolute">
                                    <li class="dropdown-item p-1 d-flex">
                                        <a id="lang_en" class="nav-link p-0" href="#">
                                            <img width="20px" src="{{ asset('assets/img/united-kingdom.png') }}" alt="English"/>
                                            En
                                        </a>
                                    </li>
                                </ul>
                            {% endif %}
                        </li>
                        {# Fin drapeaux #}
                        {# Switch light dark #}
                        <li id="menu-item-103867" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-103867 menu-item-link list-inline-item mx-2">
                            <div class="form-check form-switch pt-3">
                                <input class="form-check-input checked" type="checkbox" id="themeSwitch" name="darkmode" value="theme-dark">
                                <label class="form-check-label" for="themeSwitch"><img src="{{ asset('assets/img/PictoSun_White.png') }}" id="white-sun"></label>
                                <label class="form-check-label" for="themeSwitch"><img src="{{ asset('assets/img/PictoSun_Black.png') }}" id="black-sun"></label>
                            </div>
                        </li>
                        {# Fin switch #}
                        {# log out #}
                        {% if is_granted('ROLE_USER') or is_granted('ROLE_ADMIN') %}
                            <li id="menu-item-103866" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-103867 menu-item-link list-inline-item mx-2 align-items-center">
                                <a id="btn-logout" class="nav-link" title="Logout" href="{{ path('app_logout') }}"><img src="{{ asset('assets/img/Logout_icon.png') }}"></a>
                            </li>
                        {% endif %}
                        {# fin log out #}
                    </ul>
                </div>
            </header>
        </div>
    </div>
</div>