<!-- Header -->
<header>
<!-- Header desktop -->
<div class="container-menu-desktop fix-menu-desktop">
<div class="wrap-menu-desktop">
<nav class="limiter-menu-desktop container">
<!-- Logo desktop -->
<a href="#" class="logo">
<!--img src="<?php echo $main->cleanUrl($webSetting['logo_path']) ?>" style='max-height:65px' alt=""-->
{% if settings %}
<img src="{{settings.logoPath}}" style='max-height:60px'>
{% endif %}
</a>
<!-- Menu desktop -->
<div class="menu-desktop">
<ul class="main-menu">
<li class="{% if routeName == '/' %}active-menu{% endif %}">
<a href="{{ path('frontend_index', {slug: client.slug}) }}">Inicio</a>
</li>
{% if settings and settings.brandMenuFeatured == '1' %}
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> {{settings.brandMenuTitle}} </a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
{% for brand in brands %}
{% if brand.categories | length > 0 %}
<li class="dropdown-submenu">
<a class="dropdown-item dropdown-toggle" aria-expanded="false" href="#">{{brand.name}}</a>
<ul class="dropdown-menu">
{% for category in brand.categories %}
<li><a class="dropdown-item" href="{{ path('frontend_product', {'brand': brand.brand_id, 'category': category.category_id, slug:client.slug }) }}">{{category.name}}</a></li>
{% endfor %}
</ul>
</li>
{% else %}
<li><a class="dropdown-item" href="{{ path('frontend_product', {'brand': brand.brand_id, slug:client.slug}) }}">{{brand.name}}</a></li>
{% endif %}
{% endfor %}
</ul>
</li>
{% endif %}
{% if settings and settings.categoryMenuFeatured == '1' %}
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> {{settings.categoryMenuTitle}} </a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
{%for category in categories %}
<li><a class="dropdown-item" href="{{ path('frontend_product', {'category': category.categoryId, slug:client.slug}) }}">{{category.name}}</a></li>
{%endfor%}
<li><a class="dropdown-item" href="{{ path('frontend_product', {slug:client.slug}) }}">Todos los productos</a></li>
</ul>
</li>
{% else %}
<li class="{% if routeName == '/products' %}active-menu{% endif %}">
<a href="{{ path('frontend_product', {slug: client.slug}) }}">Productos</a>
</li>
{% endif %}
<li class="{% if routeName == '/blog' %}active-menu{% endif %}">
<a href="{{ path('frontend_blog', {slug: client.slug}) }}">Blog</a>
</li>
</ul>
</div>
<!-- Icon header -->
<div class="wrap-icon-header flex-w flex-r-m">
<div class="icon-header-item cl2 hov-cl1 trans-04 p-l-22 p-r-11 js-show-modal-search">
<i class="zmdi zmdi-search"></i>
</div>
{% if customerData.name is defined %}
{% if customerData == '' %}
<a href="{{path('frontend_customer_login')}}" style="color:black">
Iniciar Sesión
</a>
{% else %}
<a href="#" style="color:black" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true">
<i class="fa fa-user-circle"></i>
</a>
<div class="dropdown-menu dropdown-menu-right profile-notification " style="padding:15px;">
<div class="pro-head">
<span><b style="margin-left:15px">{{customerData.name}}</b></span>
</div>
<ul class="pro-body">
<li>
<a href="{{path('frontend_customer_lobby', {slug:slug})}}" class="dropdown-item"> Mi cuenta</a>
</li>
<li>
<a href="{{path('frontend_logout_customer', {slug:slug})}}" class="dropdown-item"> Cerrar Sesión</a>
</li>
</ul>
</div>
</div>
{% endif %}
{% else %}
<a href="{{path('frontend_customer_login', {slug:slug})}}" style="color:black">
Iniciar Sesión
</a>
{% endif %}
<!-- Carga dinamica de carrito -->
<div class='cart_container' id='main_cart_container'></div>
<!--a href="#" class="dis-block icon-header-item cl2 hov-cl1 trans-04 p-l-22 p-r-11 icon-header-noti" data-notify="0">
<i class="zmdi zmdi-favorite-outline"></i>
</a-->
</nav>
</div>
</div>
<!-- Header Mobile -->
<div class='mobile-fixed'>
<div class="wrap-header-mobile">
<!-- Logo moblie -->
<div class="logo-mobile">
<a href="{{ path('frontend_index', {slug: client.slug}) }}">
{% if settings and settings.logoPath %}
<img src="{{settings.logoPath}}" style='max-height:65px' alt="">
{% endif %}
</a>
</div>
<!-- Icon header -->
<div class="wrap-icon-header flex-w flex-r-m m-r-15">
<div class="icon-header-item cl2 hov-cl1 trans-04 p-r-11 js-show-modal-search">
<i class="zmdi zmdi-search"></i>
</div>
<div class='cart_container'></div>
<!--a href="#" class="dis-block icon-header-item cl2 hov-cl1 trans-04 p-r-11 p-l-10 icon-header-noti" data-notify="0">
<i class="zmdi zmdi-favorite-outline"></i>
</a-->
</div>
<!-- Button show menu -->
<div class="btn-show-menu-mobile hamburger hamburger--squeeze">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</div>
</div>
</div>
<!-- Menu Mobile -->
<div class="menu-mobile">
<ul class="main-menu-m">
{% if customerData.name is defined %}
{% if customerData == '' %}
<li>
<a href="{{path('frontend_customer_login', {slug:slug})}}" style="color:white">
Iniciar Sesión
</a>
</li>
{% else %}
<li>
<a href="{{path('frontend_customer', {slug:slug})}}"><i class="fa fa-user-circle"></i> Mi cuenta</a>
</li>
<li>
<a href="{{path('frontend_logout_customer', {slug:slug})}}" > Cerrar Sesión</a>
</li>
{% endif %}
{% else %}
<li><a href="{{path('frontend_customer_login', {slug:slug})}}" style="color:white">
Iniciar Sesión
</a></li>
{% endif %}
<li>
<a href="{{ path('frontend_index', {slug: client.slug}) }}">Inicio</a>
</li>
{% if settings and settings.brandMenuFeatured == '1' %}
<li class="nav-item dropdown" >
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> {{settings.brandMenuTitle}} </a>
<ul class="dropdown-menu main-menu-m" aria-labelledby="navbarDropdownMenuLink" >
{% for brand in brands %}
<li><a class="dropdown-item dropdown-item-mobile" href="{{ path('frontend_product', {'brand': brand.brand_id, slug: client.slug}) }}">{{brand.name}}</a></li>
{% endfor %}
</ul>
</li>
{% endif %}
{% if settings and settings.categoryMenuFeatured == '1' %}
<li class="nav-item dropdown" >
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> {{settings.categoryMenuTitle}} </a>
<ul class="dropdown-menu main-menu-m " aria-labelledby="navbarDropdownMenuLink" >
{% for category in categories %}
<li><a class="dropdown-item dropdown-item-mobile" href="{{ path('frontend_product', {'category': category.categoryId}) }}">{{category.name}}</a></li>
{% endfor %}
<li><a class="dropdown-item dropdown-item-mobile" href="{{ path('frontend_product', {slug:client.slug}) }}">Todos los productos</a></li>
</ul>
</li>
{% else %}
<li class="{% if routeName == '/products' %}active-menu{% endif %}">
<a href="{{ path('frontend_product', {slug:client.slug}) }}">Productos</a>
</li>
{% endif %}
</li>
<li>
<a href="{{ path('frontend_blog', {slug: client.slug}) }}">Blog</a>
</li>
{#
<?php foreach($sections as $section): ?>
<?php
$slug = $main->slugify($section['label']);
?>
<?php if($section['page_type_id'] != 4): ?>
<li>
<a href="<?php echo $root_link."/".$slug ?>" id='main_nav_<?php echo $section['page_type_id'] ?>'><?php echo $section['label'] ?></a>
</li>
<?php endif; ?>
<?php endforeach; ?>
#}
</ul>
</div>
<!-- Modal Search -->
<div class="modal-search-header flex-c-m trans-04 js-hide-modal-search">
<div class="container-search-header">
<button class="flex-c-m btn-hide-modal-search trans-04 js-hide-modal-search">
<i class='fa fa-times'></i> Cerrar
</button>
<form method='post' id='global_search' class="wrap-search-header flex-w p-l-15">
<button class="flex-c-m trans-04">
<i class="zmdi zmdi-search"></i>
</button>
<input class="plh3" type="text" id='search' name="search" placeholder="Búsqueda...">
</form>
</div>
</div>
</header>
<br>
<!-- Cart -->
<div class="wrap-header-cart js-panel-cart">
<div class="s-full js-hide-cart"></div>
<div class="header-cart flex-col-l p-l-20 p-r-20">
<div class="header-cart-title flex-w flex-sb-m p-b-8">
<span class="mtext-103 cl2">
{#
<?php echo $clientInfo['item_list_page_title'] ?>
#}
</span>
<div class="fs-35 lh-10 cl2 p-lr-5 pointer hov-cl1 trans-04 js-hide-cart" style="position:absolute;top:10px;right:10px;">
<i class="zmdi zmdi-close"></i>
</div>
</div>
<div class="header-cart-content flex-w js-pscroll" style='width:100%'>
<div id='cart_preview'></div>
<br>
<div class="w-full">
<div class="header-cart-buttons flex-w w-full">
<!--a href="shoping-cart.html" class="flex-c-m stext-101 cl0 size-107 bg3 bor2 hov-btn3 p-lr-15 trans-04 m-r-8 m-b-10">
View Cart
</a-->
{#
<a href="<?php echo $root_link."checkout" ?>" class="flex-c-m btn-block btn-full stext-101 cl0 size-107 bg3 bor2 hov-btn3 p-lr-15 trans-04 m-b-10">
<?php echo $clientInfo['cart_finish_btn_label'] ?>
</a>
#}
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="viewContentRegister">
<div class="modal-dialog modal-md">
<div class="modal-content">
<div class="modal-header" style="padding:5px !important;">
<h5 class="modal-title" style="color:black;padding:5px">Crear cuenta</h5>
<button type="button" class="close text-white" data-dismiss="modal" aria-label="Close"><span aria-hidden="true" style="color:#ccc">×</span></button>
</div>
<div class="modal-body" style="padding:18px;">
<form action="{{ path('frontend_register_customer', {slug:slug}) }}" method="post" id="registerForm">
<div style="display:none;" id="success_alert" class="alert alert-success alert-dismissible">
Cuenta creada correctamente, inicie sesión.
</div>
<input type="hidden" id='autologin' name='_autologin' value='true'>
<div style="display:none;" id="danger_alert" class="alert alert-danger alert-dismissible ">
El email ya se encuentra registrado.
</div>
<div class="form-group">
<label>* Nombre</label>
<input type="text" class="form-control" placeholder="Nombre" name="_name" id="name" required>
</div>
<div class="form-group">
<label>* Email</label>
<input style="width:100%;" type="email" class="form-control" placeholder="Email" name="_username" id="email" required>
<small id="email_incorrect" style="display:none;color:tomato">Ingrese un formato válido de email</small>
<small id="email_exist" style="display:none;color:tomato">El email ya se encuentra registrado</small>
</div>
<div class="form-group">
<label>* Contraseña</label>
<input style="width:100%;" type="password" onkeyup="validarPassword();" class="form-control" name="_password" placeholder="Contraseña" id="password" required>
</div>
<div class="form-group">
<label>* Confirmar contraseña</label>
<input type="password" onkeyup="validarPassword();" class="form-control" name="_passwordconfirm" placeholder="Contraseña" id="confirm_password" required>
<small id="password_incorrect" style="display:none">Las contraseñas no coinciden</small>
</div>
<small id="form_incorrect" style="display:none;color:tomato">¡Completa todos los campos del formulario!</small>
<br><br>
<center>
<button type="button" id="btn-register" onclick="register();" class="btn-login btn btn-primary shadow-2 mb-6">Guardar</button>
</center>
</form>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
</div>
{% block css %}
<style>
.form-control{
height: 45px !important;
}
.btn-login{
width: 40%;
height: 45px;
}
.dropdown-submenu {
position: relative;
}
.dropdown-item-mobile{
color:white;
}
.dropdown-submenu>.dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px;
border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
display: block;
}
.dropdown-submenu>a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #ccc;
margin-top: 5px;
margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
border-left-color: #fff;
}
.dropdown-submenu.pull-left {
float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}
</style>
{% endblock %}
{% block title %}
hola
{% endblock %}
{% block script %}
<script>
function openModalRegisterLogin(){
$('#autologin').val('true');
}
function openModalRegister(){
$('#autologin').val('false');
}
</script>
{% endblock %}