{% trans_default_domain 'header' %}
<header class="float-left w-100 position-relative">
<section class="main float-left w-100 position-relative bg-dark pt-3 pb-3">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-md-5 col-4 d-flex align-items-center">
<a href="" class="toggleNav white">
<i class="icon-burger"></i>
</a>
<a href="{{ path('search') }}"
data-route="{{ app.request.get('_route') }}"
class="toggleSearch btn btn-search ml-5 align-items-center d-none d-md-flex">
<i class="icon-loupe mr-2"></i> {{ 'find_experience'|trans }}
</a>
<a href="{{ path('search') }}"
data-route="{{ app.request.get('_route') }}"
class="toggleSearch ml-4 d-block d-md-none white" title="{{ 'find_experience'|trans }}">
<i class="icon-loupe mr-2"></i>
</a>
</div>
<div class="col-md-2 col-4 d-flex justify-content-center">
<a href="{{ path('front_home') }}" class="logo w-100">
<img src="{{ asset('images/front/header/logo-navigation.svg') }}" class="img-fluid"
alt="Alpes Isère" title="Alpes Isère"/>
</a>
</div>
<div class="col-md-5 col-4 d-flex justify-content-end">
<a href="{{ url('wishlist') }}" class="wishlist align-items-center d-md-flex d-none white">
{{ 'my_wishlist'|trans }}<span class="wishlist_cntr" data-url="{{ url('get-wishlist-exp-count') }}"></span>
</a>
<a href="{{ url('wishlist') }}" class="wishlist align-items-center d-flex d-md-none white">
{{ 'my_wishlist_mobile'|trans }}<span class="wishlist_cntr" data-url="{{ url('get-wishlist-exp-count') }}"></span>
</a>
</div>
</div>
</div>
</section>
<section class="sticky w-100 position-fixed bg-dark pt-3 pb-3">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-md-5 col-4 d-flex align-items-center">
<a href="" class="toggleNav white">
<i class="icon-burger"></i>
</a>
<a href="{{ path('search') }}"
data-route="{{ app.request.get('_route') }}"
class="toggleSearch btn btn-search ml-5 align-items-center d-none d-md-flex">
<i class="icon-loupe mr-2"></i> {{ 'find_experience'|trans }}
</a>
<a href="{{ path('search') }}"
data-route="{{ app.request.get('_route') }}"
class="toggleSearch ml-4 d-block d-md-none white" title="{{ 'find_experience'|trans }}">
<i class="icon-loupe mr-2"></i>
</a>
</div>
<div class="col-md-2 col-4 d-flex justify-content-center">
<a href="{{ path('front_home') }}" class="logo w-100">
<img src="{{ asset('images/front/header/logo-navigation.svg') }}" class="img-fluid"
alt="Alpes Isère" title="Alpes Isère"/>
</a>
</div>
<div class="col-md-5 col-4 d-flex justify-content-end">
<a href={{ url('wishlist') }}"" class="wishlist align-items-center d-md-flex d-none white">
{{ 'my_wishlist'|trans }}<span class="wishlist_cntr" data-url="{{ url('get-wishlist-exp-count') }}"></span>
</a>
<a href="{{ url('wishlist') }}" class="wishlist align-items-center d-flex d-md-none white">
{{ 'my_wishlist_mobile'|trans }}<span class="wishlist_cntr" data-url="{{ url('get-wishlist-exp-count') }}"></span>
</a>
</div>
</div>
</div>
</section>
</header>