<div class="navbar">
<nav class="header_navbar">
<ul id="slide-out" class="sidenav">
<li>
<div class="row slide-out_logo_row">
<img alt="logo puush creation site internet" id="slide-out_logo" src="/images/puush_logo_name.png">
<br>
</div>
</li>
<li class="sidenav_menu"><a href="{{ path('home') }}">Accueil</a>
</li>
<li class="sidenav_menu"><a href="{{ path('app_expert') }}">{% trans %}Expertises{% endtrans %}</a></li>
<li class="sidenav_menu"><a href="{{ path('galery') }}">Projets</a></li>
<li class="sidenav_menu"><a href="{{ path('app_blog') }}">{% trans %}Blog{% endtrans %}</a></li>
<li class="sidenav_menu"><a href="{{ path('contact_create') }}">{% trans %}Contact{% endtrans %}</a></li>
</ul>
<a href="#" data-target="slide-out" class="sidenav-trigger"><i class="material-icons">menu</i></a>
<div class="nav-wrapper" {{ app.session.flashbag.peek('success')|length > 0 ? '' : 'mb-5' }}>
<div class="row" id="logo_row_container">
{#***** only for large screens ****#}
<a href="{{ path('home') }}"><img src="{{ asset ('/images/puush_logo_name.png') }}" id="navbar_title_logo"></a>
<ul class="right hide-on-med-and-down">
{#<li id="navbar_lang"><a href="{{ path(app.request.get('_route'), app.request.get('_route_params')|merge({'_locale': 'en'})) }}">EN</a>#}
{#| <a href="{{ path(app.request.get('_route'), app.request.get('_route_params')|merge({'_locale': 'fr'})) }}">FR</a>#}
{#</li>#}
<li class="home_li_text">
<a id="navbar_home" href="{{ path('home') }}" class="mobileMenu">
{% trans %}Accueil{% endtrans %}
</a>
</li>
<li class="home_li_text">
<a id="navbar_home" href="{{ path('app_expert') }}" class="mobileMenu">
{% trans %}Expertises{% endtrans %}
</a>
</li>
<li class="home_li_text">
<a id="navbar_galery" href="{{ path('galery') }}" class="mobileMenu">
{% trans %}Projets{% endtrans %}
</a>
</li>
<li class="home_li_text">
<a id="navbar_home" href="{{ path('app_blog') }}" class="mobileMenu">
{% trans %}Blog{% endtrans %}
</a>
</li>
<li class="home_li_text">
<a id="navbar_contact" href="{{ path('contact_create') }}" class="mobileMenu">
{% trans %}Contact{% endtrans %}
</a>
</li>
<li class="home_li_text_social">
<a href="https://www.facebook.com/people/PUUSH/100091267292893/"
class="mobileMenu">
<img class="navbar_icon" alt="facebook icon in white" src="/images/icon_facebook.png">
</a>
{#<a href="{{ path('contact_create') }}"#}
{#class="mobileMenu">#}
{#<img class="navbar_icon" alt="instagram icon in white" src="/images/icon_instagram.png">#}
{#</a>#}
{#<a href="{{ path('contact_create') }}"#}
{#class="mobileMenu">#}
{#<img class="navbar_icon" alt="twitter icon in white" src="/images/icon_twitter.png">#}
{#</a>#}
<a href="https://www.linkedin.com/company/puush/"
class="mobileMenu">
<img class="navbar_icon" alt="linkedin icon in white" src="/images/icon_linkedin.png">
</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
{% if app.session.flashbag.peek('success') %}
<nav class="nav-extended {{ app.session.flashbag.peek('success')|length > 0 ? '' : 'mb-5' }}" id="nav-extended_success">
{% for message in app.flashes('success') %}
<div>
{{ message }}
</div>
</nav>
{% endfor %}
{% elseif app.session.flashbag.peek('error') %}
<nav class="nav-extended {{ app.session.flashbag.peek('error')|length > 0 ? '' : 'mb-5' }}" id="nav-extended_error">
{% for message in app.flashes('error') %}
<div>
{{ message }}
</div>
</nav>
{% endfor %}
{% elseif app.session.flashbag.peek('info') %}
<nav class="nav-extended {{ app.session.flashbag.peek('info')|length > 0 ? '' : 'mb-5' }}" id="nav-extended_info">
{% for message in app.flashes('info') %}
<div>
{{ message }}
</div>
</nav>
{% endfor %}
{% elseif app.session.flashbag.peek('warning') %}
<nav class="nav-extended {{ app.session.flashbag.peek('warning')|length > 0 ? '' : 'mb-5' }}" id="nav-extended_warning">
{% for message in app.flashes('warning') %}
<div>
{{ message }}
</div>
</nav>
{% endfor %}
{% endif %}
{% block javascripts %}
{{ encore_entry_script_tags('app') }}
{{ encore_entry_script_tags('globalJs') }}
{% endblock %}