{% set menu = menu | default %}
<nav class="top-bar" data-topbar role="navigation" aria-label="Navegacion principal">
<ul class="title-area">
<li class="name">
</li>
<li class="toggle-topbar menu-icon"><a href="#" aria-label="Abrir menu"><span>Menu</span></a></li>
</ul>
<section class="top-bar-section">
<ul class="left">
<li {{ menu == 'homepage' ? 'class="active"':'' }}><a href="{{ path('homepage') }}">Inicio</a></li>
<li {{ menu == 'products' ? 'class="active"':'' }}><a href="{{ path('destinations_page') }}">Destinos</a></li>
<li {{ menu == 'hotels' ? 'class="active"':'' }}><a href="{{ path('hotels_page') }}">Hoteles</a></li>
<li {{ menu == 'grupos' ? 'class="active"':'' }}><a href="{{ path('show_page', { prefix: 'ofertas', slug : 'grupos' }) }}">Grupos</a></li>
<li {{ menu == 'ski' ? 'class="active"':'' }}><a href="{{ path('show_page', { prefix: 'ofertas',slug : 'ski' }) }}">Ski</a></li>
</ul>
<ul class="right">
<li {{ menu == 'blog' ? 'class="active"':'' }}><a href="{{ path('blog') }}">Blog</a></li>
<li {{ menu == 'contact' ? 'class="active"':'' }}><a href="{{ path('contact_page') }}">Contacto</a></li>
<li><a href="{{ path('destinations_page') }}" class="nav-cta-button">Reservar</a></li>
</ul>
<div class="show-for-small-only">
<ul class="right">
<li><a href="{{ path('user_check_booking') }}"><i class="fa fa-book"></i> Tus reservas</a></li>
<li><a href="{{ path('user_register') }}"><i class="fa fa-user"></i> Inicia sesion</a></li>
<li><a href="{{ path('user_login') }}"><i class="fa fa-sign-in"></i> Registrate</a></li>
<li><a href="tel:934593608"><i class="fa fa-phone"></i> 93 459 36 08</a></li>
</ul>
</div>
</section>
</nav>