<header class="topbar m-b-15">
<div class="container p-l-0 p-r-0">
<div class="header-top">
<div class="g-0 d-flex">
<div class="col-3 top-navbar-header">
</div>
<div class="col-xs-12 col-sm-12 col-md-9 header-top-info top-navbar-collapse">
<span>Ventas telefónicas <b>(+54) 11 5365 8797</b> <i class="text-white m-l-10 m-r-5 fas fa-percent top-navbar-element"></i> <a href="{{ path('discount') }}" class="btn btn-sm btn-outline-light top-navbar-element">Locales con descuento</a></span>
<a href="#" class="btn btn-xs btn-rounded btn-secondary float-right m-l-10 c-blue btn-login" {% if is_granted("IS_AUTHENTICATED_FULLY") %}hidden{% endif %}>INICIAR SESIÓN</a>
<div class="dropdown menu-profile {% if is_granted("IS_AUTHENTICATED_FULLY") %}d-inline{% endif %}" {% if not is_granted("IS_AUTHENTICATED_FULLY") %}hidden{% endif %}>
<button class="btn btn-xs btn-rounded btn-secondary float-right m-l-10 c-blue btn-profile dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="c-blue fas fa-user"></i>
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item administration" href="{{ path('user_index') }}" {% if not is_granted('ROLE_ADMIN') %}hidden{% endif %}><i class="fas fa-tools c-blue"></i> {% trans %}Administración{% endtrans %}</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="{{ path('app_logout') }}"><i class="fas fa-power-off c-blue"></i> {% trans %}Salir{% endtrans %}</a>
</div>
</div>
<a href="#" class="float-right m-l-5 f-s-12 icon-social-media top-navbar-element"> <i class="c-blue fab fa-whatsapp"></i></a>
<a href="#" class="float-right m-l-5 icon-social-media top-navbar-element"> <i class="c-blue fab fa-facebook"></i></a>
<a href="#" class="float-right m-l-5 icon-social-media top-navbar-element"> <i class="c-blue fab fa-instagram"></i></a>
<a href="#" class="float-right m-l-5 icon-social-media top-navbar-element"> <i class="c-blue fab fa-youtube"></i></a>
<!--<a href="#" class="float-right m-l-5 icon-social-media top-navbar-element"> <i class="c-blue fab fa-tiktok"></i></a>-->
</div>
</div>
</div>
<nav class="navbar top-navbar hidden-md-up" style="color: #fff; background: linear-gradient(to right, #002032 0%, #534de6 100%);">
<!-- Logo Mobile -->
<div class="">
<img src="{{ asset('img/logo-todobuzios.png') }}" class="light-logo p-l-20" alt="homepage" height="40px;" />
</div>
<!-- End Logo Mobile -->
</nav>
<nav class="navbar top-navbar navbar-expand-md navbar-light">
<!-- Logo -->
<div class="navbar-header">
<a class="navbar-brand" href="{{ path('accomodation_index') }}">
<!-- Logo text -->
<span>
<img src="{{ asset('img/logo-tb.png') }}" class="light-logo p-l-20" alt="homepage" height="50px;" />
</span>
</a>
</div>
<!-- End Logo -->
<div class="navbar-collapse">
<!-- toggle and nav items -->
<ul class="navbar-nav mr-auto mt-md-0">
<!-- This is -->
<!--
<li class="nav-item">
<a class="nav-link nav-toggler hidden-md-up text-muted waves-effect waves-dark" href="javascript:void(0)"><i class="mdi mdi-menu"></i></a>
</li>
-->
<li class="nav-item">
<a class="nav-link waves-effect waves-dark text-nowrap nav-item-header" href="{{ path('accomodation_index') }}">Alojamientos</a>
</li>
<li class="nav-item">
<a class="nav-link waves-effect waves-dark text-nowrap nav-item-header" href="{{ path('transfer_index') }}">Traslados</a>
</li>
<li class="nav-item">
<a class="nav-link waves-effect waves-dark text-nowrap nav-item-header" href="javascript:void(0)">Gastronomía</a>
</li>
<li class="nav-item">
<a class="nav-link waves-effect waves-dark text-nowrap nav-item-header" href="javascript:void(0)">Excursiones</a>
</li>
<li class="nav-item">
<a class="nav-link waves-effect waves-dark text-nowrap nav-item-header" href="{{ path('car') }}">Autos</a>
</li>
<li class="nav-item">
<a class="nav-link waves-effect waves-dark text-nowrap nav-item-header" href="{{ path('about_us') }}">Quienes somos</a>
</li>
<!-- Search -->
<!--
<li class="nav-item hidden-sm-down search-box">
<a class="nav-link hidden-sm-down text-muted waves-effect waves-dark" href="javascript:void(0)"><i class="ti-search"></i></a>
<form class="app-search">
<input type="text" class="form-control" placeholder="Search & enter"> <a class="srh-btn"><i class="ti-close"></i></a>
</form>
</li>
-->
{#
</ul>
<ul class="navbar-nav my-lg-0">
#}
{% if is_granted("IS_AUTHENTICATED_FULLY") %}
<!-- Comment -->
{#{% include 'frontend/header_comment.html.twig' %}#}
<!-- End Comment -->
<!-- Messages -->
{#{% include 'frontend/header_messages.html.twig' %}#}
<!-- End Messages -->
<!--
{% if is_granted('ROLE_ADMIN') %}
<li class="nav-item">
<a href="{{ path('user_index') }}" class="nav-link text-muted waves-effect waves-dark nav-item-header">{#<i class="fas fa-tools"></i>#} Administración</a>
</li>
{% endif %}
-->
<li class="nav-item dropdown">
<a href="{{ path('reserve_index') }}" class="nav-link dropdown-toggle text-muted waves-effect waves-dark nav-item-header">{#<i class="fas fa-suitcase-rolling"></i>#} Mis reservas</a>
</li>
<!-- User Profile -->
{#
<ul class="navbar-nav my-lg-0">
{% include 'frontend/header_profile.html.twig' %}
</ul>
#}
<!-- End User Profile -->
{#
{% else %}
<ul class="navbar-nav my-lg-0">
<li class="nav-item">
<a class="nav-link text-muted waves-effect waves-dark" href="{{ path('app_login') }}">
<i class="fas fa-sign-in-alt"></i>
</a>
</li>
</ul>
#}
{% endif %}
<!-- Language -->
{#{% include 'frontend/header_language.html.twig' %}#}
{#
</ul>
#}
</div>
</nav>
</div>
</header>