<header class="position-fixed w-100 {% if app.request.attributes.get('_route') == 'front_home_management' %}header-iris{% endif %}">
<div class="row col-md-3">
{% if app.request.attributes.get('_route') == 'front_home_management' %}
<a href="{{ path('front_home_index') }}" class="container-logo bg-red p-2 d-flex justify-content-center align-items-center" id="logoContainer">
<img src="{{ asset('img/iris-logo.svg') }}" id="logoRis" alt="Logo RIS">
</a>
{% else %}
<a href="{{ path('front_home_index') }}" class="container-logo bg-red p-2 d-flex justify-content-center align-items-center" id="logoContainer">
<img src="{{ asset('img/stugalux-logo.svg') }}" alt="Logo Stugalux">
</a>
{% endif %}
</div>
<div class="col-md-8 header-nav container-1300">
<ul class="h-100 d-flex justify-content-around align-items-center p-0">
<li><a class="grey {% if app.request.attributes.get('_route') == 'front_home_index' %}active{% endif %}" href="{{ path('front_home_index') }}">Accueil</a></li>
<li><a class="grey {% if app.request.attributes.get('_route') == 'front_realestate_list' and app.request.get('advertType') == 'vente' %}active{% endif %}" href="{{ path('front_realestate_list', {'advertType': 'vente'}) }}">Ventes</a></li>
<li><a class="grey {% if app.request.attributes.get('_route') == 'front_realestate_list' and app.request.get('advertType') == 'location' %}active{% endif %}" href="{{ path('front_realestate_list', {'advertType': 'location'}) }}">Locations</a></li>
<li><a class="grey {% if app.request.attributes.get('_route') == 'front_construction' %}active{% endif %}" href="{{ path('front_construction') }}">Construction</a></li>
{#
<li><a class="grey {% if app.request.attributes.get('_route') == 'front_home_management' %}active{% endif %}" href="{{ path('front_home_management') }}">Gérance</a></li>
#}
<li><a class="grey {% if app.request.attributes.get('_route') == 'front_who_is' %}active{% endif %}" href="{{ path('front_who_is') }}">Qui sommes-nous ?</a></li>
{% if app.request.attributes.get('_route') == 'front_contact' %}
<li><a class="active" href="{{ path('front_contact') }}"><img src="{{ asset('img/icon-envelop-red.svg') }}"></a></li>
{% elseif app.request.attributes.get('_route') == 'front_home_management' %}
<li><a href="{{ path('front_contact') }}"><img src="{{ asset('img/icon-envelop-menu-white.svg') }}"></a></li>
{% else %}
<li><a href="{{ path('front_contact') }}"><img src="{{ asset('img/icon-envelop.svg') }}"></a></li>
{% endif %}
</ul>
</div>
<div class="submenu-fixed position-fixed {% if app.request.attributes.get('_route') == 'front_realestate_list' %}with-filter{% endif %}">
<ul class="d-flex flex-column p-0 m-0">
<li class="submenu-link deactive" {% if app.request.attributes.get('_route') == 'front_realestate_list' and 'vente' in app.request.uri %}style="background:#e30613"{% endif %}>
<a href="{{ path('front_realestate_list', {'advertType': 'vente'}) }}" class="position-relative">
<span>Ventes</span> <img src="{{ asset('img/STUGALUX_vente_NEG.svg') }}" style="width:67px;">
</a>
</li>
<li class="submenu-link deactive" {% if app.request.attributes.get('_route') == 'front_realestate_list' and 'location' in app.request.uri %}style="background:#e30613"{% endif %}>
<a href="{{ path('front_realestate_list', {'advertType': 'location'}) }}" class="position-relative">
<span>Locations</span> <img src="{{ asset('img/STUGALUX_location_NEG.svg') }}" style="width:67px;">
</a>
</li>
<li class="submenu-link deactive" {% if app.request.attributes.get('_route') == 'front_construction' %}style="background:#e30613"{% endif %}>
<a href="{{ path('front_construction') }}" class="position-relative">
<span>Construction</span> <img src="{{ asset('img/icon-construction.svg') }}">
</a>
</li>
{#
<li class="submenu-link deactive" {% if app.request.attributes.get('_route') == 'front_home_management' %}style="background:#e30613"{% endif %}>
<a href="{{ path('front_home_management') }}" class="position-relative">
<span>Gérance</span> <img src="{{ asset('img/icon-management.svg') }}">
</a>
</li>
#}
<li class="submenu-link deactive" {% if app.request.attributes.get('_route') == 'front_contact' %}style="background:#e30613"{% endif %}>
<a href="{{ path('front_contact') }}" class="position-relative">
<span class="position-absolute">Contact</span> <img src="{{ asset('img/icon-users.svg') }}">
</a>
</li>
</ul>
</div>
<div id="burgerMenu" class="burger-menu position-fixed">
<div class="bar bar1"></div>
<div class="bar bar2"></div>
<div class="bar bar3"></div>
<i class="fas fa-times fa-2x" id="crossMenu" style="color:#E30613"></i>
</div>
<div id="responsiveMenu" class="menu-responsive position-fixed bg-red">
<ul>
<li><a class="grey" href="{{ path('front_home_index') }}">Accueil</a></li>
<li><a class="grey" href="{{ path('front_realestate_list', {'advertType': 'vente'}) }}">Ventes</a></li>
<li><a class="grey" href="{{ path('front_realestate_list', {'advertType': 'location'}) }}">Locations</a></li>
<li><a class="grey" href="{{ path('front_construction') }}">Construction</a></li>
{#
<li><a class="grey" href="{{ path('front_home_management') }}">Gérance</a></li>
#}
<li><a class="grey" href="{{ path('front_who_is') }}">Qui sommes-nous ?</a></li>
<li><a href="{{ path('front_contact') }}"><img src="{{ asset('img/icon-envelop-menu-white.svg') }}"></a></li>
</ul>
</div>
</header>