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

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


            <div id="mainHeader" class="content_container">
                <div class="logo_container">

                    <a class="logo_link" title="Condisline" href="{{STORE_CONTEXT_ROOT}}/">
                        <img class="logo_image" alt="{{i18n "headerTemplate.logoCondis"}}" src="{{STATIC_CONTENT_URL}}/images/logo-condisline.png" width="247">
                    </a>



                    <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 "headerTemplate.cambiarIdioma"}} {{description}}" href="javascript:selectLang('{{id}}');"><span class="text">{{i18n "headerTemplate.idioma_text"}} </span><span class="bold">{{description}}</span></span>
                                {{else}}
                                    <a class="language" title="{{i18n "headerTemplate.cambiarIdioma"}} {{description}}" href="javascript:selectLang('{{id}}');"><span class="text">{{i18n "headerTemplate.idioma_text"}} </span><span class="bold">{{description}}</span></a>
                                {{/eq}}
                            {{/each}}
                        </div>
                    </div>

                </div>


                <div id="search_form" class="search_container">
                    <label class="label_container">
                        <input id="term" type="search" name="term" autocomplete="off" maxlength="50" placeholder="{{i18n "headerTemplate.searchHolder"}}">
                        <input type="hidden" id="source" name="source" value="{{DRCTSRCH}}"/>
                        <a id="search_button" class="search_button disabled" title="Buscar" onclick="javascript:directSearchButton()">&gt;</a>
                        <div id="searchingResults" class="ui-autocomplete">
                            <div id="suggestions" class="suggestions-class" style="display: none;"></div>
                            <div id="nextQueries" class="nextQueries-class" style="display: none;"></div>
                            <div id="relatedtags" class="relatedtags-class" style="display: none;"></div>
                        </div>
                    </label>
                </div>


                    <a class="cart_button" title="{{i18n "headerTemplate.verCarritoCompra"}}" href="/shoppingcart">
                        <div id="seccionCartSummaryHeadInfo">
                            {{> desktop/commons/header/cartSummaryTemplate}}
                        </div>
                    </a>

                    {{> desktop/commons/header/userSummaryTemplate}}



                <nav class="nav_container">
                    <ul class="menu_container">
                        <li id="quick_list_container" class="need_link_container">

                            <p class="need_link">{{i18n "headerTemplate.quenecesitas"}}</p>

                            <div id="notebook_container" class="notebook_container show" onclick="setTimeout(saveQuicklistState, 500)">
                                <script>
                                    if (typeof(window.sessionStorage.getItem("Quicklist")) != 'undefined' && window.sessionStorage.getItem("Quicklist") != null) {
                                        $('#notebook_container').html(window.sessionStorage.getItem('Quicklist'));
                                    } else {
                                        loadQuickListTemplate('notebook_container');
                                    }
                                </script>
                            </div>

                        </li>

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

                                    <div  id='{{facetId}}' name='{{facetId}}'  class="submenu">
                                        <ul class="submenu_container">
                                                    {{#each families}}
                                                        {{#each this}}

                                                            <li class="submenu_link_container">
                                                                <a class="submenu_link" title="{{i18n "headerTemplate.irASeccion"}} {{facetDescription}}" href="{{STORE_CONTEXT_ROOT}}{{friendlyURL}}">{{facetDescription}}</a>
                                                            </li>
                                                        {{/each}}
                                                {{/each}}
                                        </ul>

                                    {{#if isCatalunya}}
                                        {{#if recipeCategoryInfo}}
                                            <!-- Contenido asociado a las recetas -->
                                            <div class="category_image">
                                                {{#if recipeCategoryInfo.categoryImage}}
                                                    <img class="submenu_image" alt="{{recipeCategoryInfo.categoryDescription}}" src="{{MEDIA_CONTENT_URL}}/resize_177x176{{recipeCategoryInfo.categoryImage}}" width="177" height="176">
                                                {{/if}}
                                                <a class="recipe_link" title="Ir a recetas de {{recipeCategoryInfo.categoryDescription}}" href="{{recipeCategoryInfo.friendlyURL}}">Recetas {{recipeCategoryInfo.categoryDescription}}</a>
                                            </div>
                                        {{/if}}
                                    {{/if}}

                                    </div>


                                {{/if}}
                            </li>
                        {{/each}}
                    </ul>
                </nav>
</header>

