<?php

/* 
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 * PLANTILLA  Grima
 */
//Opciones para personalizar la plantilla
$tieneBlog = false;
?>
<header>
    <div class="busquedaCesta">
        <div class="container">
            <div class="row">
                <div id="header_logo" class="col-xs-6  col-md-3"> 
                    <a href="<?= Shop::$configuracion->url ?>" title="<?= Shop::$empresa->nombre; ?> Home"> 
                        <img class="logo img-responsive" src="<?= Shop::$configuracion->url; ?><?= _WS_THEME_RESOURCE_DIR_; ?>images/logo.png" alt="bookshop_home3" > 
                    </a>
                </div>
                <div id="sticky_top" class="col-xs-12  col-md-9">
                    <nav class="nav col-xs-6 col-md-12 col-lg-12">
                        <div class="nav_info col-xs-6 col-sm-6 col-lg-4 col-lg-offset-2">
                            <a href="tel:+34<?= Shop::$empresa->telefono_empresa ?>" class="telefono" title="El telefono de empresa es <?= Shop::$empresa->telefono_empresa ?>">
                                <i class="mdi mdi-phone"> </i><?= Shop::$empresa->telefono_empresa ?>
                            </a>
                            <a href="mailto:<?= Shop::$empresa->email_empresa; ?>" class="email  hidden-xs" title="El email de empresa es <?= Shop::$empresa->email_empresa; ?>">
                                <i class="mdi mdi-email"> </i><?= Shop::$empresa->nombre ?>
                            </a>
                            <div class="nav_redes_sociales">
                                <?php
                                new Widget($_WH->GW("redes_sociales", "redes_sociales"), new OpcionesWidget(array("ficheroRedSocial" => "itemSocialMediaCabecera")));
                                ?>
                            </div>
                        </div>
                        <div class="header_links col-xs-6 col-sm-6 col-lg-6">
                            <?php
                            //Creamos la zona de usuario
                            $opciones = new OpcionesWidget(array('fichero_sin_login' => 'menu_usuario_sin_login', 'fichero_con_login' => 'menu_usuario_con_login'));
                            $widget_menu_usuario = new Widget($_WH->GW('usuario', 'menu_usuario_completo'), $opciones);
                            ?>
                        </div>
                    </nav>
                    <div id="search_block_top" class=" col-xs-8 col-lg-6 col-lg-offset-1">
                        <button type="button" class="btn btn-info" data-toggle="collapse" data-target="#search_block_top_collapse"><i class="mdi mdi-magnify"></i></button>
                        <div id="search_block_top_collapse" class="collapse">
                            <div class="field-search">
                                <?php
                                $opcionesBuscador = new OpcionesWidget(array('idFormularioBusqueda' => 'searchbox'));
                                $widget_buscador_simple = new Widget($_WH->GW("buscador", "buscador_simpleV2"), $opcionesBuscador);
                                ?>
                            </div>
                        </div>
                    </div>
                    <div class="shopping_cart_menu col-xs-6">
                        <?php
                        $opcionesSlider = new ObOptions();
                        $opcionesSlider->centerH = 'false';
                        $opcionesSlider->centerV = 'false';
                        $opcionesSlider->transBackground = 'false';
                        $opcionesSlider->closeButton = 'false';
                        $opcionesSlider->inSpeed = "'slow'";
                        $opcionesSlider->positionY = "'parent_b'";
                        $opcionesSlider->positionX = "'parent_r'";
                        $opcionesSlider->pivot = "'rt'";
                        $opcionesSlider->type = "'dropDown'";
                        $opciones = new OpcionesWidget(array('opcionesDesplegable' => $opcionesSlider));
                        new Widget($_WH->GW('cesta_compra', 'cesta_desplegableV2'), $opciones);
                        ?>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="contenedorNav">
        <nav class="main-navigation">
            <div class="container">
                <div class="row">
                    <div class="megamenu col-xs-6  col-sm-4 col-md-3 dropdown">
                        <div class="v-megamenu-container" id="dropdownEscaparates" data-toggle="dropdown">
                            <div class="v-megamenu-title"> 
                                <!--<span class="glyphicon glyphicon-align-justify font-w"></span><h3><?= traducir('Catálogo') ?></h3>
                                <span id="disparadorCatalogo" class="font-w glyphicon glyphicon-plus"></span>-->
                                <i class="icon-align-justify"></i><h3><?= traducir("Categorías"); ?></h3>
                            </div>
                        </div>
                        <div class="v-megamenu dropdown-menu"  aria-labelledby="dropdownEscaparates">
                            <ul>
<?php
$opcionesEscaparate = new OpcionesWidget(array(
    'nivel_maximo' => 3,
    'limite' => 8
        ));
$widget_lista_escaparates = new Widget($_WH->GW('lista_escaparates', 'menu_escaparates'), $opcionesEscaparate);
?>
                            </ul>
                        </div>
                    </div>
                    <div class="header-megamenu col-xs-6 col-md-7 col-sm-8">
                        <nav id="fieldmegamenu-main" class="fieldmegamenu inactive">
                            <ul>
                                <!--
                                    Tenemos que indicar en la clase de la etiqueta "a" si es 'active' o no
                                -->
                                <li class="root">
                                    <div class="root-item no-description">
                                        <a href="<?= Shop::$configuracion->url; ?>" class="" title="<?= traducir('Inicio'); ?>">
                                            <div class="title title_font">
                                                <i class="mdi mdi-home"></i>
                                                <span class="title-text"><?= traducir('Inicio'); ?></span>
                                            </div>
                                        </a>
                                    </div>
                                </li>
                                <li class="root">
                                    <div class="root-item no-description">
                                        <a href="<?= Shop::$configuracion->url; ?>conocenos/" class="" title="<?= traducir('Quiénes somos'); ?>">
                                            <div class="title title_font">
                                                <i class="mdi mdi-information-variant"></i>
                                                <span class="title-text"><?= traducir('Quiénes somos'); ?></span>
                                            </div>
                                        </a>
                                    </div>
                                </li>
                                <li class="root">
                                    <div class="root-item no-description">
                                        <a href="<?= Shop::$configuracion->url; ?>contacto/" class="" title="<?= traducir('Contáctanos'); ?>">
                                            <div class="title title_font">
                                                <i class="mdi mdi-email"></i>
                                                <span class="title-text"><?= traducir('Contacto'); ?></span>
                                            </div>
                                        </a>
                                    </div>
                                </li>

<?php
if ($tieneBlog) {
    ?>
                                    <li class="root">
                                        <div class="root-item no-description">
                                            <a href="<?= Shop::$configuracion->url; ?>blog/events" class="" title="<?= traducir('Nuestras actividades'); ?>">
                                                <div class="title title_font"><span class="title-text"><?= traducir('Actividades'); ?></span></div>
                                            </a>
                                        </div>
                                    </li>
    <?php
}


/*
  <li class="root">
  <div class="root-item no-description">
  <a href="<?= Shop::$configuracion->url; ?>blog/" class="" title="<?= traducir('Blog'); ?>">
  <div class="title title_font"><span class="title-text"><?= traducir('Blog'); ?></span></div>
  </a>
  </div>
  </li>
  <div class="stt-menu col-md-2 hidden-sm hidden-xs">
  <div class="st_header">
  <div class="st_img"><span class="glyphicon glyphicon-phone-alt"></span></div>
  <div class="st_text title_font"><?= Shop::$empresa->telefono_empresa ?></div>
  </div>
  </div> */
?>

                                <li class="lupa">
                                    <div class="root-item no-description">
                                        <button data-toggle="collapse" data-target="#lupa"> <i class="mdi mdi-magnify"></i></button>
                                    </div>
                                </li>
                            </ul>
                        </nav>
                        <div id="lupa" class="collapse">
                            <div id="search_block_top" class=" col-xs-8 col-lg-6 col-lg-offset-1">
                                <div class="field-search">
<?php
$opcionesBuscador = new OpcionesWidget(array('idFormularioBusqueda' => 'searchbox'));
$widget_buscador_simple = new Widget($_WH->GW("buscador", "buscador_simpleV2"), $opcionesBuscador);
?>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </nav>
    </div>
</header>