<nav class="navbar navbar-expand-md navbar-light" style="background-color: blue;">
<div class="container-fluid">
{# <a class="navbar-brand" href="{{ path('main') }}"><i class="fa-solid fa-shop fa-1x bg-warning"></i></a> #}
<a class="navbar-brand" href="{{ path('main') }}">
<img src="uploads/images/logobmb69x49.png" alt="Logo" class="img-thumbnail" style="width: 62px; height: 42px;" />
</a>
{# <button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button> #}
{#----Pour les grands ecrans et appareils A masquer sur les petits ecrans-----#}
{# <div class="collapse navbar-collapse justify-content-between" id="navbarSupportedContent"> #}
<div class="navbar-collapse justify-content-between">
<ul class="navbar-nav"> {#--AFFICHAGE SUR LARGE ECRAN--#}
<li class="nav-item my-2">
<a class="nav-link text-light font-weight-bold" aria-current="page" href="{{ path('main') }}"><i class="fa-sharp fa-solid fa-house"></i><span class="d-xs-none d-md-inline-block">Accueil</span></a>
</li>
<li class="nav-item my-2">
<a class="nav-link text-light font-weight-bold" aria-current="page" href="{{ path('app_regles_publications') }}"><i class="fa-solid fa-circle-info bg-alert"></i><span class="d-xs-none d-md-inline-block">Regles de Publication</span></a>
</li>
</ul>
<!-- bar de recherche -->
{###
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
{% if app.user %}
{% if is_granted('ROLE_PROVIDER_ADMIN') %}
<li class="nav-item">
<a class="nav-link" href="{{ path('provider_index') }}">Prestataire <strong>-U{{ app.user.id }}</strong></a>
</li>
{% if is_granted('ROLE_ADMIN') %}
<li class="nav-item">
<a class="nav-link" href="{{ path('admin_index') }}">Administrateur <strong>-U{{ app.user.id }}</strong></a>
</li>
{% else %}
<li class="nav-item">
<a class="nav-link" href="{{ path('app_profile_index') }}">Profil <strong>-U{{ app.user.id }}</strong></a>
</li>
{% endif %}
{% endif %}
<li class="nav-item">
<a class="nav-link" href="#">Mon compte</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{path('app_logout')}}">Me deconnecter</a>
</li>
{% else %}
<li class="nav-item">
<a class="nav-link" href="{{path('app_register')}}">M'inscrire</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{path('app_login')}}">Me Connecter</a>
</li>
{% endif %}
</ul>
</div>
</div>
</nav>
###}