<nav class="navbar navbar-expand-lg {{ color|default('navbar-light') }} {{ fixed|default('') }} {{ background|default('bg-dark') }} py-3">
<div class="container">
<a class="navbar-brand" href="{{ path('home_index') }}">
<img src="{{ asset('image/logo-al-kunuz.png') }}" width="200" height="75
" alt="logo_merkez_al_kunuz">
</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto my-2 my-lg-0 ">
<li class="nav-item dropdown">
<a aria-expanded="false" aria-haspopup="true" class="nav-link dropdown-toggle text-white font-weight-bold btn btn-cta2 rounded mx-2"
data-toggle="dropdown" href="#" role="button">{% trans %}Nos cours{% endtrans %}</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="{{ path('home_group_course') }}"><span><i class="fas fa-users"></i></span> {% trans %}Cours d'Arabe Collectif {% endtrans %}</a>
<a class="dropdown-item" href="{{ path('home_private_course', {'name': 'Arabe'}) }}"><span><i class="fas fa-chalkboard-teacher"></i></span> {% trans %}Cours d'Arabe Privé{% endtrans %}</a>
<a class="dropdown-item" href="{{ path('home_private_course', {'name': 'Coran'}) }}"><span><i class="fas fa-mosque"></i></span> {% trans %}Cours de Coran Privé{% endtrans %}</a>
<a class="dropdown-item" href="{{ path('home_private_children_course') }}"><span><i class="fas fa-child"></i></span> {% trans %}Cours Spécial Enfants{% endtrans %}</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="{{ path('home_videos') }}"><span><i class="fas fa-video"></i></span> {% trans %}Cours en Vidéos{% endtrans %}</a>
</div>
</li>
{% if app.user %}
<a class="nav-link text-white font-weight-bold btn btn-success rounded mx-2" role="button" href="{{ path('user_dashboard') }}" rel="nofollow">
<span><i class="fas fa-user-circle"></i></span>
<span class="hidden-xs">{% trans %}Mon Compte{% endtrans %}</span>
</a>
<a class="nav-link text-white font-weight-bold btn btn-secondary rounded mx-2" role="button" href="{{ path('app_logout') }}" rel="nofollow">
<span><i class="fas fa-sign-out-alt"></i></span>
<span class="hidden-xs">{% trans %}Déconnexion{% endtrans %}</span>
</a>
{% else %}
<a class="nav-link text-white font-weight-bold btn btn-secondary mx-2" role="button" href="{{ path('app_login') }}" rel="nofollow">
<span><i class="fas fa-power-off"></i></span>
<span class="hidden-xs">{% trans %}Connexion{% endtrans %}</span>
</a>
{% endif %}
{% if app.request.locale == 'fr' or app.request.locale is empty %}
<a class="nav-link text-white font-weight-bold btn btn-info mx-2" role="button" href="{{ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|merge({ '_locale': 'en' })|merge(app.request.query.all)) }}">
<span><i class="fas fa-globe"></i></span>
<span class="hidden-xs">ENGLISH</span>
</a>
{% elseif app.request.locale == 'en' %}
<a class="nav-link text-white font-weight-bold btn btn-info mx-2" role="button" href="{{ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|merge({ '_locale': 'fr' })|merge(app.request.query.all)) }}">
<span><i class="fas fa-globe"></i></span>
<span class="hidden-xs">FRANÇAIS</span>
</a>
{% endif %}
</ul>
</div>
</div>
</nav>
<!-- End Navigation -->