{% if is_granted('ROLE_USER') %}
<!--Navbar-->
<nav id="navbar" class="nav_back_home header navbar navbar-light navbar-expand-lg">
<a class="navbar-brand" href="{{ path('root_perso') }}"><img src="{{ asset('img/picto_header.png') }}"
alt="WeCustomize - Kit de dopage pour email">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="row">
<div class="col-md-5 menu justify-content-center">
<nav class="navbar justify-content-center">
<ul class="navbar-nav mr-auto ">
<li class="nav-item">
<a class="nav-link active" href="{{ path('projects') }}">Mes Stims</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="{{ path('faq_private') }}">FAQs</a>
</li>
<!--<li class="nav-item dropdown">
{% set imageRoutes = ['image','edit_image'] %}
{% set countdownRoutes = ['countdown','edit_countdown'] %}
{% set weatherRoutes = ['weather','edit_weather'] %}
{% set weekRoutes = ['week_rules','dtrWeek'] %}
{% set dateRoutes = ['date_rules'] %}
{% set timeRoutes = ['time_rules'] %}
{% set appRoutes = imageRoutes|merge(countdownRoutes)|merge(dateRoutes)|merge(timeRoutes)|merge(weekRoutes) %}
<a class="nav-link dropdown-toggle menu_application" {% if app.request.get('_route') in appRoutes %} active{% endif %}
id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
Accès rapide aux stims
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item disabled" style="color: #6c757d !important;" href="#">Les modules règles</a>
<a class="dropdown-item"
{% if app.request.get('_route') in imageRoutes %}active{% endif %}"
href="{{ path('image') }}">IMAGE</a>
<a class="dropdown-item"
{% if app.request.get('_route') in countdownRoutes %}active{% endif %}"
href="{{ path('countdown') }}">COMPTE À REBOURS</a>
<a class="dropdown-item"
{% if app.request.get('_route') in weatherRoutes %}active{% endif %}"
href="{{ path('weather') }}">MÉTÉO</a>
<a class="dropdown-item"
{% if app.request.get('_route') in countdownRoutes %}active{% endif %}"
href="{{ path('map') }}">CARTE</a>
<a class="dropdown-item"
{% if app.request.get('_route') in weekRoutes %}active{% endif %}"
href="{{ path('week_rules') }}">JOUR DE LA SEMAINE</a>
<a class="dropdown-item"
{% if app.request.get('_route') in dateRoutes %}active{% endif %}"
href="{{ path('date_rules') }}">DATE</a>
<a class="dropdown-item"
{% if app.request.get('_route') in timeRoutes %}active{% endif %}"
href="{{ path('time_rules') }}">HEURE</a>
</div>
</li>
-->
</ul>
</nav>
</div>
<div class="col-md-3 bloc_menu_off_resp text-center lien_cart justify-content-center">
<a href="{{ path('cart') }}">
<img src="{{ asset('img/picto_header_panier.png') }}" alt="panier"/>
{% set counter = 0 %}
{% for cartProduct in cart %}
{% set counter = counter + ( cartProduct.quantity * cartProduct.product.Credits ) %}
{% endfor %}
{{ counter }} Jeton{% if counter > 0 %}s{% endif %}
</a>
</div>
<div class="col-md-2 bloc_menu_off_resp menu_profil justify-content-center">
<div class="row solde_compte">
<img src="{{ asset('img/picto_header_coins.png') }}" alt="coins" class="picto_coins"/>
{{ app.user.credit }} Jetons<br> <a
class="{% if app.request.get('_route') in ['products','cart','checkout','acceptedpayment','rejectedpayment'] %}active{% endif %}"
href="{{ path('products') }}">Acheter des Jetons</a>
</div>
</div>
<div class="col-md-2 bloc_menu_off_resp menu_profil justify-content-center">
<nav class="navbar justify-content-center">
<ul class="navbar-nav mr-auto nav_client">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{{ app.user.firstname }} {{ app.user.name|first }}.
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="{{ path('user_settings') }}"><i class="far fa-user-circle"></i> Gérer mon compte</a>
{% if counter == '0' %}
<a class="dropdown-item" href="{{ path('products') }}"><i class="fas fa-coins"></i> Acheter des jetons</a>
{% else %}
<a class="dropdown-item" href="{{ path('cart') }}"><i class="fas fa-shopping-basket"></i> Mon panier <span class="badge badge-pill badge-danger">{{ counter }}</span></a>
{% endif %}
<a class="dropdown-item" href="{{ path('billing_history') }}"><i class="fas fa-receipt"></i> Mes factures</a>
<a class="dropdown-item" href="{{ path('new_ticket') }}"><i class="fas fa-tools"></i> Support
{% if countTicket and countTicket > 0 %}
<span class="badge badge-pill badge-danger">{{ countTicket }}</span>
{% endif %}
</a>
{% if is_granted('ROLE_ADMIN') %}
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="{{ path('back_users') }}"><i class="fas fa-lock"></i> Admin</a>
{% endif %}
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="{{ path('app_logout') }}"><i class="fas fa-sign-out-alt"></i> Me déconnecter</a>
</div>
</li>
</ul>
</nav>
</div>
<!--<div class="col-md-1 bloc_menu_off_resp session justify-content-center">
<img id="french" src="{{ asset('img/drapeau_fr.png') }}" alt="french">
<img id="english" src="{{ asset('img/drapeau_en.png') }}" alt="english">
</div>-->
</div>
</div>
</nav>
<!--/.Navbar-->
{% else %}
<!--Navbar-->
<nav id="navbar" class="header public-navbar navbar navbar-light navbar-expand-lg">
<a class="navbar-brand" href="{{ path('root_perso') }}">
<img id="logoEmailFrancais" src="{{ asset('img/logo_lemailfr.png') }}" class="logo_wec img-fluid" alt="le mail français - La potion magique pour vos e-mails">
<img id="logoEmailFrancaisSmall" src="{{asset('img/logoSlim.png') }}" style="display: none;" class="logo_wec img-fluid" alt="le mail français - La potion magique pour vos e-mails" >
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="row">
<div class="col-md-8 menu justify-content-center">
<nav class="navbar justify-content-center">
<ul class="navbar-nav ">
{% if app.request.get('_route') == 'presentation' %}
<li class="nav-item">
<a class="nav-link active" href="#concept">Comment ça marche</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#price">Combien ça coûte</a>
</li>
{% endif %}
</ul>
</nav>
</div>
<div class="col-md-4 session justify-content-center">
<a role="button" class="btn btn-primary btn-login" href="{{ path('app_login') }}">JE ME CONNECTE</a>
<a role="button" class="btn btn-primary btn-signin" href="{{ path('registration') }}">JE M'INSCRIS GRATUITEMENT</a>
<!--
<div class="drapeau">
<img id="frecnh" src="{{ asset('img/drapeau_fr.png') }}" alt="français">
<img id="english" src="{{ asset('img/drapeau_en.png') }}" alt="english">
</div>
-->
</div>
</div>
</div>
</nav>
<!--/.Navbar-->
{% endif %}