<div class="horizontal-main bg-dark-transparent clearfix">
    <div class="horizontal-mainwrapper container clearfix">
        <div class="desktoplogo">
            <a href="{{ path('app_public_page') }}"><img src="{{ asset('assets/images/brand/logo_vert.png') }}" alt="logo1"></a>
        </div>
        <div class="desktoplogo-1">
            <a href="{{ path('app_public_page') }}"><img src="{{ asset('assets/images/brand/logo.png') }}"
                                                         alt="logo"></a>
        </div>
        <!--Nav-->
        <nav class="horizontalMenu clearfix d-md-flex">
            <ul class="horizontalMenu-list">
                <li aria-haspopup="true"><a href="{{ path('app_public_page') }}">Accueil </a></li>
                <li aria-haspopup="true" class="apropos" id="item_apropos_navbar"><a href="#">Qui sommes-nous <span
                                class="fa fa-caret-down m-0"></span></a>
                    <ul class="sub-menu">
                        <li aria-haspopup="true"><a href="{{ path('app_publicpage_static_public', {'lien' : 'notre-métier'}) }}">Notre métier</a></li>
                        <li aria-haspopup="true"><a href="{{ path('app_public_partenaire') }}">Nos partenaires</a></li>
                        <li aria-haspopup="true"><a href="{{ path('app_public_actualite') }}">Actualités</a></li>
                    </ul>
                </li>
                <li aria-haspopup="true" class="urgences">
                    <a href="#doctors">Urgences&nbsp;
                        <span class="fa fa-caret-down m-0"></span>
                    </a>
                    <ul class="sub-menu">
                        <li aria-haspopup="true"><a href="{{ path('app_public_u_pharmacie') }}">Pharmacie de garde</a>
                        </li>
                        <li aria-haspopup="true"><a href="{{ path('app_public_u_hopitaux') }}">Hôpitaux</a></li>
                        <li aria-haspopup="true"><a href="{{ path('app_public_u_ambulance') }}">Ambulances</a></li>
                        <!-- <li aria-haspopup="true"><a href="medecins.php">Médecin de garde</a></li> -->
                    </ul>
                </li>
                <li aria-haspopup="true" class="contact">
                    <a href="{{ path('app_public_contact') }}"> Nous contacter </a>
                </li>
                <li aria-haspopup="true" class="dropdown espace-client text-white" style="width:auto !important">
                    {% if not app.user %}
                        <a href="{{ path('app_auth_redirection') }}"
                           style="color:white !important;background-color:#007b31">
                            <i class="fa fa-home me-1 text-white"
                               style="font-size:12px;background-color : transparent !important"></i><span> Espace Client</span>
                        </a>
                    {% else %}
                        <a href="{{ path('app_auth_redirection') }}"
                           style="color:white !important;background-color:#007b31" class="dropdown-toggle"
                           data-bs-toggle="dropdown">
                            <span>Bonjour </span><br>{{ app.user.mail }}
                        </a>
                        <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
                            {% if app.user.client %}
                                <a href="{{ path('app_client_dashboard_commande_express') }}" class="dropdown-item">
                                    <i class="dropdown-icon  icon icon-basket"></i> Commande Express
                                </a>
                            {% endif %}
                            <a href="{{ path("app_auth_redirection") }}" class="dropdown-item"
                               style="padding:8px 14px;">
                                <i class="fa fa-dashboard"></i>&nbsp;&nbsp;Tableau de bord
                            </a>
                            {% if app.user.client %}
                                <a href="{{ path('app_client_user_show') }}" class="dropdown-item">
                                    <i class="dropdown-icon  icon icon-settings"></i> Mon compte
                                </a>
                            {% endif %}
                            <a class="dropdown-item" href="{{ path('app_logout') }}">
                                <i class="dropdown-icon icon icon-power"></i>Deconnexion
                            </a>
                        </div>
                    {% endif %}

                </li>

                <!-- Menu mobile -->
                {% if app.user and not is_granted('ROLE_ADMIN') %}

                    <li aria-haspopup="true" class="menu_mobile d-none">
                        <a class="side-menu__item" href="{{ path('app_client_panier_index') }}"><i
                                    class="side-menu__icon icon bi-cart-dash"></i><span
                                    class="side-menu__label">&nbsp Mon panier</span></a>
                    </li>
                    <li aria-haspopup="true" class="menu_mobile d-none"><a href="#doctors">Notre gamme&nbsp;<span
                                    class="fa fa-caret-down m-0"></span></a>
                        <ul class="sub-menu">
                            <li>
                                <a href="{{ path('app_publicpage_nosproduits') }}">
                                    <i class="fa fa-angle-right me-2 text-muted"></i>
                                    &nbsp; Catalogue complet
                                </a>
                            </li>
                            <li>
                                <a href="{{ path('app_publicpage_nosproduits_type', {'typeAffichage' : "arrivage"}) }}">
                                    <i class="fa fa-angle-right me-2 text-muted"></i>
                                    &nbsp; Arrivages
                                </a>
                            </li>
                            <li>
                                <a href="{{ path('app_publicpage_nosproduits_type', {'typeAffichage' : "nouveauté"}) }}">
                                    <i class="fa fa-angle-right me-2 text-muted"></i>
                                    &nbsp; Nouveautés
                                </a>
                            </li>
                            <li>
                                <a href="{{ path('app_publicpage_nosproduits_promotion') }}">
                                    <i class="fa fa-angle-right me-2 text-muted"></i>
                                    &nbsp; Promotions
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li aria-haspopup="true" class="menu_mobile d-none">
                        <a class="side-menu__item" href="{{ path('app_client_favorite_index') }}">
                            <i class="side-menu__icon icon icon-heart"></i>
                            <span class="side-menu__label">&nbsp; Favoris</span>
                        </a>
                    </li>
                    <li aria-haspopup="true" class="menu_mobile d-none">
                        <a class="side-menu__item" href="{{ path('app_client_commande_index') }}">
                            <i class="side-menu__icon icon icon-basket"></i>
                            <span class="side-menu__label">&nbsp; Commandes</span>
                        </a>
                    </li>
                    <li aria-haspopup="true" class="menu_mobile d-none">
                        <a class="side-menu__item" href="{{ path('app_client_facture') }}">
                            <i class="side-menu__icon icon icon-list"></i>
                            <span class="side-menu__label">&nbsp; Factures</span>
                        </a>
                    </li>
                    <li aria-haspopup="true" class="menu_mobile d-none" style="background-color:#007b31">
                        <a class="side-menu__item text-white" href="{{ path('app_client_dashboard_commande_express') }}">
                            <i class="side-menu__icon text-white icon icon-basket"></i>
                            <span class="side-menu__label">Commande Express </span>
                        </a>
                    </li>
                {% endif %}
                <!-- fin menu mobile -->

            </ul>


            <ul class="d-flex ul-droite">

                {% if is_granted("ROLE_CLIENT") %}
                    {% include('_panier.html.twig') %}
                {% endif %}

            </ul>
        </nav>
        <!--Nav-->
    </div>
</div>