<div class="container"> <nav class="navigation-top clearfix"> <div class="navigation-top-left"> <a class="box" href="#"> <i class="fa fa-facebook"></i> </a> <a class="box" href="#"> <i class="fa fa-twitter"></i> </a> <a class="box" href="#"> <i class="fa fa-youtube"></i> </a> </div> <div class="navigation-top-right">{# <a class="box" href="#">#}{# <i class="icon icon-star"></i>#}{# Special offers#}{# </a>#}{# <a class="box" href="reservation-1.html">#}{# <i class="icon icon-tag"></i>#}{# Reservations#}{# </a>#} <a class="box" href="#"> <i class="icon icon-phone-handset"></i> {{ hotel_phone }} </a> </div> </nav> <nav class="navigation-main clearfix"> <div class="logo animated fadeIn"> <a href="{{ url('index') }}"> <img class="logo-desktop" src="{{ asset('images/logo.png') }}" alt="{{ 'Hotel Naquera Gaudi Style'|trans }}" /> <img class="logo-mobile" src="{{ asset('images/logo_mobile.png') }}" alt="{{ 'Hotel Naquera Gaudi Style'|trans }}" /> </a> </div> <div class="toggle-menu _toggleMenu"><i class="icon icon-menu"></i></div> <div class="navigation-block clearfix"> <ul class="navigation-left"> <li> <a href="{{ url('index') }}">{{ "Home"|trans }}</a> </li> <li class="_menuItem"> <a href="{{ url('rooms') }}">{{ "Rooms"|trans }} <span class="open-dropdown"><i class="fa fa-angle-down"></i></span></a> <ul> {% for room in header.roomsNameList %} <li><a href="{{ url('room', {'roomId': room.id}) }}">{{ room.name|trans }}</a></li> {% endfor %} </ul> </li> <li> <a href="{{ url('booking') }}">{{ "Booking"|trans }}</a> </li> </ul> <ul class="navigation-right">{# <li class="_menuItem">#}{# <a href="{{ url('facilities') }}">{{ "Facilities"|trans }} <span class="open-dropdown"><i class="fa fa-angle-down"></i></span></a>#}{# <ul>#}{# <li><a href="blog-category.html">Blog category</a></li>#}{# <li><a href="blog-item.html">Blog item</a></li>#}{# </ul>#}{# </li>#} <li> <a href="{{ url('about') }}">{{ "About Us"|trans }}</a> </li> <li> <a href="{{ url('contacts') }}">{{ "Contacts"|trans }}</a> </li> <li> <div class="dropdown"> <a class="dropdown-toggle" href="#" id="dropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <span class="fi fi-{{ app.request.locale }}"></span> </a> {% set route = app.request.attributes.get('_route') %} {% set route_params = app.request.attributes.get('_route_params') %} {% set params = route_params|merge(app.request.query.all) %} <ul class="dropdown-menu languages" aria-labelledby="dropdown"> <li> <a class="dropdown-item" href="{{ path(route, params|merge({ _locale: app.request.locale })) }}"><span class="fi fi-{{ app.request.locale }}"></span>{{ locale.currentLocaleName}} <i class="fa fa-check text-success ms-2"></i></a> </li> <li><hr class="dropdown-divider" /></li> {% for key, localeName in locale.localeList %} {% if key != app.request.locale %} <li> <a class="dropdown-item" href="{{ path(route, params|merge({ _locale: key })) }}"><span class="fi fi-{{ key }}"></span>{{ localeName|capitalize }}</a> </li> {% endif %} {% endfor %} </ul> </div> </li> </ul> </div> </nav></div>