<noscript><iframe src="https://www.googletagmanager.com/ns.html?id={{ANALYTICS_CODE}}"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<div id="cookies_policy_div"></div>

{{> mobile/commons/popupsTemplate}}

<header id="header-container" class="header_container">

            <div id="mainHeader" class="top_container">
                <a class="condis_logo" title="Condisline" href="{{STORE_CONTEXT_ROOT}}/">
                    <img class="logo" alt="{{i18n "headerTemplate.logoCondis"}}" src="{{STATIC_CONTENT_URL}}/images/mobile/logo-condis-small.png" width="46" height="46">
                </a>

                {{> mobile/searching/searchBoxTemplate}}
            </div>

            <nav id="nav-container" class="nav_container">
                <ul class="menu_buttons_list">
                    <li class="menu_button_container {{#eq MOBILE_ACTIVE_TAB 999}}unfolded{{/eq}}">
                        <a class="menu_button menu" title="{{i18n "mobile.title.menu"}}" href="javascript:void(0);">{{i18n "mobile.menu"}}</a>
                        <div class="menu_container">
                            <div class="menu_top_container">
                                <div class="site_container">
                                    <div class="language_container" onclick="dataLayer.push({event:'event_gtm', category:'experiencia usuario', action:'cambio idioma'});">
                                        {{#each localeList}}
                                           {{#eq @index 0}}
                                                <span class="language" title="{{i18n "mobile.headerTemplate.cambiarIdioma"}} {{description}}" href="javascript:selectLang('{{id}}');"><span class="bold">{{description}}</span></span>
                                            {{else}}
                                                <a class="language" title="{{i18n "mobile.headerTemplate.cambiarIdioma"}} {{description}}" href="javascript:selectLang('{{id}}');"><span class="bold">{{description}}</span></a>
                                            {{/eq}}
                                        {{/each}}
                                    </div>
                                </div>


                                <div class="disponibility_container">
                                    <a id="disponibility_button" class="disponibility_button" title="{{i18n "mobile.userSummaryTemplate.comprubaTienesServicio"}}" href="#">{{i18n "mobile.userSummaryTemplate.comprubaTienesServicio"}}<span></span></a>
                                    <div class="disponibility_content check_cp">
                                        <label class="disponibility_label">
                                            <input id="check_disponibility" type="text" placeholder="{{i18n "mobile.userSummaryTemplate.indicaCP"}}" maxlength="5" autocomplete="off">
                                        </label>
                                        <a class="check_disponibility" title="Comprobar" href="javascript:dataLayer.push({event:'event_gtm', category: 'experiencia usuario',action:'comprobar cobertura', label: $('#check_disponibility').val() });checkServiceAvailability('{{currentCatalog}}');">{{i18n "mobile.userSummaryTemplate.comprobarT"}}</a>
                                    </div>

                                    <div id="disponibility_ok" style="display:none">
                                        <p class="disponibility_text"><span>{{i18n "mobile.available.service.perfecto"}}</span>{{i18n "mobile.serviceAvailable.servicioDisponibleMsg"}}</p>
                                    </div>

                                </div>

                            </div>


                            <ul class="menu_links_list">
                                <li class="menu_link_container">
                                    <a class="menu_link promotions" title="{{i18n "mobile.facet.on.promotion"}}" href="/promotions">{{i18n "mobile.facet.on.promotion"}}</a>
                                </li>
                                <li class="menu_link_container">
                                    <a class="menu_link account" title="{{i18n "mobile.accederCuenta"}}" href="/privatearea">{{i18n "mobile.accederCuenta"}}</a>
                                </li>
                                {{#if isCatalunya}}
                                <li class="menu_link_container">
                                    <a class="menu_link recipes" title="{{i18n "mobile.recipes.menu.title"}}" href="javascript:void(0);">{{i18n "mobile.recipes.menu.title"}}</a>
                                    <div class="menu_container">
                                        <a class="menu_title" title="{{i18n "mobile.atras"}}" href="javascript:void(0);">{{i18n "mobile.recipes.menu.title"}}</a>

                                        <ul class="menu_links_list">
                                            {{#each recipesSections}}
                                                <li class="menu_link_container">
                                                    <a class="menu_link" title="{{i18n "mobile.recipes.irRecetasDe"}} {{categoryDescription}}" href="{{friendlyURL}}">{{categoryDescription}}</a>
                                                </li>
                                            {{/each}}
                                        </ul>

                                        {{#if recipesVideo}}
                                            <div class="section_container">
                                                <div class="video">
                                                    <iframe src="{{recipesVideo}}" frameborder="0" allowfullscreen=""></iframe>
                                                </div>
                                            </div>
                                        {{/if}}
                                    </div>
                                </li>
                                {{/if}}
                                <li class="menu_link_container">
                                    <a class="menu_link main" title="{{i18n "mobile.banner.home"}}" href="/">{{i18n "mobile.banner.home"}}</a>
                                </li>
                                <li class="menu_link_container">
                                    <a class="menu_link help" title="{{i18n "mobile.menu.necesitasAyuda"}}" href="javascript:goFooter();">{{i18n "mobile.menu.necesitasAyuda"}}</a>
                                </li>
                                <li class="menu_link_container">
                                    <a class="menu_link condis" title="{{i18n "mobile.coorporateInformationTemplate.sobreCondis"}}" href="javascript:void(0);">{{i18n "mobile.coorporateInformationTemplate.sobreCondis"}}</a>
                                    <div class="menu_container">
                                        <a class="menu_title" title="{{i18n "mobile.atras"}}" href="javascript:void(0);">{{i18n "mobile.coorporateInformationTemplate.sobreCondis"}}</a>
                                        <ul class="menu_links_list">
                                            <li class="menu_link_container">
                                                <a class="menu_link" title="{{i18n "mobile.irA"}} {{i18n "mobile.quienesSomos"}}" href="/about_{{currentLocale}}.jsp">{{i18n "mobile.quienesSomos"}}</a>
                                            </li>
                                            <li class="menu_link_container">
                                                <a class="menu_link" title="{{i18n "mobile.irA"}} {{i18n "mobile.condicionesGenerales"}}" href="/police/general">{{i18n "mobile.condicionesGenerales"}}</a>
                                            </li>
                                            <li class="menu_link_container">
                                                <a class="menu_link" title="{{i18n "mobile.irA"}} {{i18n "mobile.condicionesCompra"}}" href="javascript:showCondicionesGeneralesContratacion();">{{i18n "mobile.condicionesCompra"}}</a>
                                            </li>
                                            <li class="menu_link_container">
                                                <a class="menu_link" title="{{i18n "mobile.irA"}} {{i18n "mobile.politicaCookies"}}" href="/cookies">{{i18n "mobile.politicaCookies"}}</a>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="menu_link_container">
                                    <a class="menu_link faq" title="{{i18n "mobile.faq.title"}}" href="/faq_{{currentLocale}}.jsp">{{i18n "faq.title"}}</a>
                                </li>
                                <li class="menu_link_container">
                                    <a class="menu_link delivery" title="{{i18n "mobile.coorporateInformationTemplate.dondeRepartimos"}}" href="javascript:showDeliveryZones()">{{i18n "mobile.coorporateInformationTemplate.dondeRepartimos"}}</a>
                                </li>
                                <li class="menu_link_container">
                                    <a class="menu_link schedule" title="{{i18n "mobile.coorporateInformationTemplate.horariosEntrega"}}" href="javascript:showDeliveryTimes()">{{i18n "mobile.coorporateInformationTemplate.horariosEntrega"}}</a>
                                </li>
                                {{#if profile_segment_hiku_activied}}
                                    <li class="menu_link_container">
                                        <a class="menu_link" title="{{i18n "mobile.coorporateInformationTemplate.emparejarWiku"}}" href="javascript:startPairingHiku('{{profile_info.email}}','{{profile_info.id}}')">{{i18n "mobile.coorporateInformationTemplate.emparejarWiku"}}</a>
                                    </li>
                                    <li class="menu_link_container">
                                        <a class="menu_link" title="{{i18n "mobile.coorporateInformationTemplate.tutorialWiku"}}" href="javascript:startTutorialHiku('{{profile_info.email}}','{{profile_info.id}}')">{{i18n "mobile.coorporateInformationTemplate.tutorialWiku"}}</a>
                                    </li>
                                {{/if}}
                            </ul>
                            <div class="social_container">
                                <p class="social_text">{{i18n "corporateInformationTemplate.siguenosEn"}}:</p>
                                <div class="social_buttons">
                                    <a class="social_button fb" title="{{i18n "mobile.coorporateInformationTemplate.descubreCanalEn"}} Facebook" rel="me nofollow" target="_blank" href="https://www.facebook.com/Condislife"></a>
                                    <a class="social_button tw" title="{{i18n "mobile.coorporateInformationTemplate.descubreCanalEn"}} Twitter" rel="me nofollow" target="_blank" href="https://twitter.com/Condislife"></a>
                                    <a class="social_button yt" title="{{i18n "mobile.coorporateInformationTemplate.descubreCanalEn"}} YouTube" rel="me nofollow" target="_blank" href="https://www.youtube.com/user/Condislife"></a>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="menu_button_container">
                        <a class="menu_button products" title="{{i18n "mobile.productosTitle"}}" href="javascript:void(0);">{{i18n "mobile.productos"}}</a>
                        <div class="menu_container">
                            <p class="menu_title">{{i18n "mobile.supermercado"}}</p>
                            <ul class="menu_links_list">


                            {{#each sections}}
                                <li class="menu_link_container {{facetId}}">
                                    <a class="menu_link" title="{{i18n "mobile.headerTemplate.desplegarSeccion"}} {{facetDescription}}" href="javascript:void(0);">{{facetDescription}}</a>

                                    {{#if families}}
                                      <div class="menu_container" id='{{facetId}}' name='{{facetId}}'>
                                            <a class="menu_title" title="{{i18n "mobile.atras"}}" href="javascript:void(0);">{{facetDescription}}</a>
                                            <ul class="menu_links_list">
                                                {{#each families}}
                                                    {{#each this}}
                                                        <li class="menu_link_container">
                                                            <a class="menu_link" title="{{i18n "mobile.headerTemplate.irASeccion"}} {{facetDescription}}" href="{{STORE_CONTEXT_ROOT}}{{friendlyURL}}">{{facetDescription}}</a>
                                                        </li>

                                                    {{/each}}
                                                {{/each}}
                                            </ul>
                                        </div>
                                    {{/if}}
                                </li>
                            {{/each}}

                            </ul>
                        </div>
                    </li>

                    <li class="menu_button_container">
                        <a class="menu_button lists" title="{{i18n "mobile.mislistasTitle"}}" href="javaScript: void(0);" onclick="javascript:initMiListasFromAsistente();dataLayer.push({event:'event_gtm', category:'acciones usuario', action:'ver mis listas'});">{{i18n "mobile.mislistas"}}</a>
                        <div class="menu_container">
                            <p class="menu_title">{{i18n "mobile.mislistas"}}</p>
                            <div id="header_list_login" class="menu_top_container light" style="display:none">
                                <p class="alert_text">{{i18n "mobile.mislistas.identificate"}}</p>
                                <a class="button orange" title="{{i18n "mobile.loginTemplate.acceder"}}" href="/login">{{i18n "mobile.loginTemplate.acceder"}}</a>
                                <p class="text">{{i18n "mobile.mislistas.esPrimeralistaCondis"}}</p>
                                <a class="button blue" title="{{i18n "mobile.creaTuPropiaCuenta"}}" href="/newclient">{{i18n "mobile.creaTuPropiaCuenta"}}</a>
                                <a class="button gray" title="{{i18n "mobile.nuevoClienteTemplate.cancelar"}}" href="javascript:void(0);">{{i18n "mobile.nuevoClienteTemplate.cancelar"}}</a>
                            </div>
                        </div>
                    </li>

                    <li class="menu_button_container {{#eq MOBILE_ACTIVE_TAB 999}}unfolded{{/eq}}" id="cart_summary">
                        <a class="menu_button shopping_cart" title="{{i18n "mobile.carrito"}}" href="/shoppingcart">
                            <div id="total_price_order">
                                <span id="total_price_"></span>
                                <span class="currency">&euro;</span>
                            </div>
                            <span id="cart-number">{{line_number}}</span>
                        </a>
                    </li>
                </ul>
            </nav>
        </header>

        <a id="return-top-btn" class="return_button" title="{{i18n "scroll.goTop"}}" href="javascript:void(0);"></a>

        <div id="disponibility_ko" class="disponibility_map_container" style="display:none">
            <div id="disponibility_popup"></div>
        </div>

        <aside id="oxfam_section" class="main_container" style="display: none;">
            <div class="oxfam_section">
                <span class="section_name">{{i18n "mobile.popup.donativoIntermon"}}</span>
                <div class="back_container">
                    <a class="back_button" title="{{i18n "mobile.commons.volver"}}" href="javascript:closeIntermonOxfamPopup();"></a>
                </div>
                <div class="blue_container">
                    <div class="image_container">
                        <img alt="{{i18n "mobile.shoppingCartTemplate.tuSalvasVidasRelizaDonacion"}}" src="{{STATIC_CONTENT_URL}}/images/intermon-oxfam-image.jpg" width="264" height="306">
                    </div>
                    <p class="text center">{{i18n "mobile.shoppingCartTemplate.ofxamDescriptionDonativo"}}</p>
                    <div class="logo_container">
                        <img alt="{{i18n "mobile.shoppingCartTemplate.tuSalvasVidasRelizaDonacion"}}" src="{{STATIC_CONTENT_URL}}/images/intermon-oxfam-image.jpg" width="155" height="72">
                    </div>
                    <div class="button_container">
                        <a class="button orange" title="{{i18n "mobile.shoppingCartTemplate.volverCarrito"}}" href="javascript:closeIntermonOxfamPopup();">{{i18n "mobile.shoppingCartTemplate.volverCarrito"}}</a>
                    </div>
                </div>
            </div>
        </aside>



       <aside id="login_list" class="main_container" style="display: none;">
            <span class="section_name alert">{{i18n "mobile.popup.aviso"}}</span>

            <div class="blue_container">

                <form id="form_login"class="section_container">

                    <p class="title">{{i18n "mobile.login.identificacion"}}</p>
                    <label>
                        {{i18n "mobile.login.usuario"}}
                        <input id="userlogin_list"  type="text" autocomplete="off" data-validation="mandatory">
                        <span id="login_obligatorio_list" class="error_validation_form" style="display:none">{{i18n "mobile.obligatorio"}}</span>
                    </label>
                    <label class="error">
                        {{i18n "mobile.login.contrasenia"}}
                        <input id="password_list"  type="password" autocomplete="off" data-validation="mandatory">
                        <span id="password_obligatorio" class="error_validation_form" style="display:none">{{i18n "mobile.obligatorio"}}</span>
                    </label>

                    <span id="msg_login_fail_list" class="error_validation_form"></span>


                    <a class="pass_link" title="{{i18n "mobile.login.olvidadoContrasenia"}}" href="/login/resetpasword">{{i18n "mobile.login.olvidadoContrasenia"}}</a>
                    <div class="buttons_container">
                        <a class="button orange arrow" id="action_button" title="{{i18n "mobile.login.acceder"}}" href="#">{{i18n "mobile.login.acceder"}}</a>
                        <a class="button blue" title="{{i18n "mobile.login.nuevoClienteLower"}}" href="/newclient">{{i18n "mobile.login.nuevoClienteLower"}} ></a>
                        <!--<a class="button blue" title="{{i18n "mobile.login.temporalOff"}}" style="background-color:#A5A5A5;" href="#">{{i18n "mobile.login.temporalOff"}} ></a>-->
                    </div>

                </form>
            </div>
        </aside>

        <script>
            $(document).ready(function() {
                statusloadsession();
            });
        </script>

