<div class="container">
<div class="d-flex">
<a class="navbar-brand" href="/">
<img class="navbar-brand-dark" src="{{ asset('assets/img/brand/bf_white.svg')}}" alt="Logo light">
<img class="navbar-brand-light" src="{{ asset('assets/img/brand/bf_black.svg')}}" alt="Logo dark">
</a>
</div>
<div class="navbar-collapse collapse" id="navbar_global">
<div class="navbar-collapse-header">
<div class="row">
<div class="col-6 collapse-brand">
<a href="{{ path('home', {}, relative = false) }}">
<img src="{{ asset('assets/img/brand/bf_blue.svg')}}" alt="Menu logo">
</a>
</div>
<div class="col-6 collapse-close">
<a href="#navbar_global" class="fas fa-times" data-toggle="collapse" data-target="#navbar_global" aria-controls="navbar_global" aria-expanded="false" aria-label="Toggle navigation"></a>
</div>
</div>
</div>
<ul class="navbar-nav navbar-nav-hover ml-3">
<li class="nav_item d-lg-none ">
<div class="d-flex justify-content-around">
{% if is_granted('IS_AUTHENTICATED_FULLY') %}
<a href="{{ path('app_logout', {}, relative = false) }}" class="btn btn-sm btn-danger animate-up-1"><i class="fas fa-sign-out-alt mr-2"></i>Déconnexion</a>
{%else%}
<a href="{{ path('app_login', {}, relative = false) }}" class="btn btn-sm btn-tertiary animate-up-1"><i class="fas fa-sign-in-alt mr-2"></i>Connexion</a>
<a href="{{ path('home_route', {'routename':'signup'}, relative = false) }}" class="btn btn-sm btn-gray animate-up-1"><i class="fas fa-user-plus mr-2"></i>Compte</a>
{%endif%}
</div>
</li>
<li class="nav-item">
<a href="{{ path('home', {}, relative = false) }}" class="nav-link">
<span class="nav-link-inner-text">Accueil</span>
</a>
</li>
<li class="nav-item dropdown">
<a href="#" id="letsGoDropdown" class="nav-link dropdown-toggle" aria-expanded="false" data-toggle="dropdown">
<span class="nav-link-inner-text mr-1">Allons-y !</span>
<i class="fas fa-angle-down nav-link-arrow"></i>
</a>
<div class="dropdown-menu dropdown-megamenu p-3 p-lg-4" aria-labelledby="letsGoDropdown">
<div class="row">
<div class="col-6 col-lg-4">
<h6 class="d-block mb-3 text-primary">Compte</h6>
<ul class="list-style-none mb-4">
<li class="mb-2 megamenu-item">
<a class="megamenu-link" href="{{ path('home_route', {'routename':'account'}, relative = false) }}">Mon compte</a>
</li>
<li class="mb-2 megamenu-item">
<a class="megamenu-link" href="{{ path('account_subscription', {}, relative = false) }}">Mes abonnements</a>
</li>
<li class="mb-2 megamenu-item">
<a class="megamenu-link" href="{{ path('account_inscriptions', {}, relative = false) }}">Mes inscriptions</a>
</li>
<li class="mb-2 megamenu-item">
<a class="megamenu-link" href="{{ path('account_payments', {}, relative = false) }}">Mes paiements</a>
</li>
</ul>
</div>
<div class="col-6 col-lg-4">
<h6 class="d-block text-primary">Festivals</h6>
<ul class="list-style-none mb-4">
<li class="mb-2 megamenu-item">
<a class="megamenu-link" href="{{ path('admin_festival_create', {}, relative = false) }}">Créer un festival</a>
</li>
{%if is_granted('IS_AUTHENTICATED_FULLY')%}
{{ render(controller('App\\Controller\\BFFestivalController::ShowBFFestivalMenuList')) }}
{%else%}
<li class="mb-2 megamenu-item">
<a class="megamenu-link" href="{{ path('home_route', {'routename':'account'}, relative = false) }}" class="dropdown-item">Mes festivals</a>
</li>
{%endif%}
</ul>
</div>
<div class="col-6 col-lg-4">
<h6 class="d-block text-primary">Challenges</h6>
<ul class="list-style-none mb-4">
<li class="mb-2 megamenu-item">
<a class="megamenu-link" href="{{ path('admin_challenge_create', {}, relative = false) }}">Créer un challenge</a>
</li>
<li class="mb-2 megamenu-item">
<a class="megamenu-link" href="{{ path('home_route', {'routename':'allchallenges'}, relative = false) }}">Tous les challenges</a>
</li>
{%if is_granted('IS_AUTHENTICATED_FULLY')%}
{{ render(controller('App\\Controller\\BFChallengeController::ShowBFChallengeMenuList')) }}
{%else%}
<li class="mb-2 megamenu-item">
<a class="megamenu-link" href="{{ path('home_route', {'routename':'account'}, relative = false) }}" class="dropdown-item">Mes challenges</a>
</li>
{%endif%}
</ul>
</div>
</div>
</div>
</li>
<li class="nav-item dropdown">
<a href="#" id="mainPagesDropdown" class="nav-link dropdown-toggle" aria-expanded="false" data-toggle="dropdown">
<span class="nav-link-inner-text mr-1">A propos</span>
<i class="fas fa-angle-down nav-link-arrow"></i>
</a>
<ul class="dropdown-menu">
<li class="nav-item">
<a href="{{ path('home_route', {'routename':'about'}, relative = false) }}" class="dropdown-item">Nos offres et options</a>
</li>
<li class="nav-item">
<a href="{{ path('home_route', {'routename':'contact'}, relative = false) }}" class="dropdown-item">Contact</a>
</li>
<li class="nav-item">
<a href="{{ path('home_route', {'routename':'termsofuse'}, relative = false) }}" class="dropdown-item">Mentions légales</a>
</li>
<li class="nav-item">
<a href="https://bridgefestival.atlassian.net/wiki/spaces/GD/overview" target="_blank" class="dropdown-item">Documentation détaillée</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="https://protect.bridgefestival.fr" target="_blank" class="nav-link">
<span class="nav-link-inner-text">Protect</span>
</a>
</li>
</ul>
</div>
<div class="d-none d-lg-block">
{% if is_granted('IS_AUTHENTICATED_FULLY') %}
<a href="{{ path('app_logout', {}, relative = false) }}" class="btn btn-sm btn-danger animate-up-1 ml-3"><i class="fas fa-sign-out-alt mr-2"></i>Déconnexion</a>
{%else%}
<a href="{{ path('app_login', {}, relative = false) }}" class="btn btn-sm btn-tertiary animate-up-1 ml-3"><i class="fas fa-sign-in-alt mr-2"></i>Connexion</a>
<a href="{{ path('home_route', {'routename':'signup'}, relative = false) }}" class="btn btn-sm btn-white animate-up-1 ml-3"><i class="fas fa-user-plus mr-2"></i>Compte</a>
{%endif%}
<a href="{{ path('admin_festival_create', {}, relative = false) }}" class="btn btn-sm btn-outline-white ml-3"><i class="fas fa-plus mr-2"></i>Festival</a>
</div>
<div class="d-flex d-lg-none align-items-center">
<button class="navbar-toggler ml-2" type="button" data-toggle="collapse" data-target="#navbar_global" aria-controls="navbar_global" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
</div>
</div>