<header>
    <nav class="nav">
        {% block navbar %}
            <div class="nav__logo-box">
                <a href="{{ path('app_home') }}">
                    <img alt="logo" class="nav__logo"  src={{ asset("/img/logo/logo_white_text.svg")  }} >
                </a>
            </div>
            <div class="nav__menu-box">
                <ul>
                    <li><a href="{{ path('app_home') }}">Accueil</a></li>
                    <li><a href="{{ path('app_service') }}">Services</a></li>
                    {#                    <li><a href="{{ path('app_product') }}">Produits</a></li>#}
                    <li><a href="{{ path('app_faq') }}">FAQ</a></li>
                    {% if app.user %}
                        <li class="ep-dropdown ep-dropdown-right" aria-haspopup="true">
                            <button type="button" class="ep-dropdown-button">
                                <i class="bi bi-person-fill"></i>
                                <span class="">{{ app.user.firstName }}</span>
                            </button>
                            <ul class="ep-dropdown-items" aria-label="submenu">
                                <li>
                                    <a href="{{ path('app_user_profile') }}">
                                        <i class="bi bi-person-gear"></i>
                                        Mon compte
                                    </a>
                                </li>
                                <li>
                                    <a href="{{ path('app_user_service_order') }}" data-turbo="true">
                                        <i class="bi bi-pass"></i>
                                        Mes campagnes
                                    </a>
                                </li>
                                <li>
                                    <a href="{{ path('app_user_invoice') }}">
                                        <i class="bi bi-receipt"></i>
                                        Facturation
                                    </a>
                                </li>
                                <li>
                                    <a href="{{ logout_url('user_secured_area') }}">
                                        <i class="bi bi-box-arrow-left"></i>
                                        Déconnexion
                                    </a>
                                </li>
                            </ul>
                        </li>
                    {% else %}
                        <li><a href="{{ path('app_user_login') }}">Se connecter</a></li>
                    {% endif %}
{#                    <li><a href="{{ path('app_user_cart') }}"><i class="bi-cart-plus-fill"></i>Panier</a></li>#}
                </ul>
            </div>
            <div class="nav__burger-menu">
            </div>
        {% endblock %}

    </nav>
</header>