{{> desktop/commons/cookiesTemplate}}

<script type="text/javascript">
    checkCookiesPolicy();
</script>

<!-- Popup cargando -->
<aside id="loading" class="popup_background">
    <div class="popup_container narrow">
        <div class="popup">
            <img class="loading" title="Cargando..." src="{{STATIC_CONTENT_URL}}/images/loading.gif" width="64" height="64">
            <p class="loading_text">Cargando...</p>
        </div>
    </div>
</aside>

<!-- Popup seleccionar / crear lista -->
<aside id="add_list_popup" class="popup_background">

</aside>

<aside id="not_in_stock_popup" class="popup_background">
</aside>

<!-- Popup login -->
<aside id="login_popup" class="popup_background">
    <div class="popup_container narrow">
        <div class="popup">
            <div class="popup_content">
                <a class="close_button" title="Cerrar popup" href="javascript:void(0);"></a>
                <div class="login_container">
                    <div class="left_container">
                        <p class="left_title">{{i18n "notebookLoginTempate.estu"}}<span class="line"><span class="number">1<sup>{{i18n "popupsTemplate.a"}}</sup></span> <span class="list">{{i18n "popupsTemplate.lista"}}</span> <span class="letters">en</span></span> <img class="image" alt="{{i18n "popupsTemplate.logoCondis"}}" src="{{STATIC_CONTENT_URL}}/images/logo-condisline.png"><span class="question">?</span></p>
                        <p class="left_text">{{i18n "notebookLoginTemplate.creaTuCuentaSofa"}}</p>
                        <div class="button_container">
                            <a class="orange_button" title="{{i18n "notebookLoginTemplate.crearCuenta"}}" href="javascript:showRegisterUserFromLogin()">{{i18n "notebookLoginTemplate.crearCuenta"}}</a>
                        </div>
                    </div>
                    <div class="right_container">
                        <p class="right_title">{{i18n "notebookLoginTemplate.yaTiensListas"}}</p>
                        <form id="login_form_popup" class="login_content" method="post" action="" autocomplete="off">
                            <label class="row">{{i18n "notebookLoginTemplate.usuario"}}
                                <input id="user_form_popup" type="text" autocomplete="off">
                            </label>
                            <label class="row">{{i18n "notebookLoginTemplate.contrasenia"}}
                                <input id="password_form_popup" type="password" autocomplete="off">
                                <span id="msg_login_fail_list" style="display: none;" class="error_message"></span>
                            </label>
                            <a class="forget_link" title="�Has olvidado tu contrase�a?" href="javascript:irResetPassword();">{{i18n "notebookLoginTemplate.olvidadoContrasenia"}}</a>
                            <div class="button_container">
                                <a class="access_button" title="{{i18n "notebookLoginTemplate.acceder"}}" href="javascript:initLoginForMyList();">{{i18n "notebookLoginTemplate.btnAcceder"}} {{i18n "notebookLoginTemplate.mayor"}}</a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</aside>



<!-- Popup Cambios no persistentes en la lista hasta que no se graben -->
<aside id="no_persist_change_in_list_popup" class="popup_background">
    <div class="popup_container popup_list">
        <div class="popup">
            <div class="popup_content">
                <a class="close_button" title="Cerrar popup" href="javascript:closePopUpList();"></a>
                <p class="popup_list_title remember">{{i18n "popupsTemplate.rememberListAlert1"}}<br> {{i18n "popupsTemplate.rememberListAlert2"}}<br> {{i18n "popupsTemplate.rememberListAlert3"}}</p>
                <div class="popup_list_button">
                    <a class="orange_button" title="{{i18n "popupsTemplate.aceptar"}}" href="javascript:hideNoPersistChangeInList();">{{i18n "popupsTemplate.btnAceptar"}} &gt;</a>
                </div>
            </div>
        </div>
    </div>
</aside>

<!-- Popup eliminar producto del carrito -->
<aside id="delete_product_popup" class="popup_background delete_product_popup">
    <div class="popup_container">
        <div class="popup">
            <div class="popup_content">
                <div class="delete_background"></div>
                <p class="delete_text">{{i18n "shoppingCartTemplate.estasSeguroEliminarProduto"}} "<span id="delete_name"></span>" {{i18n "shoppingCartTemplate.deTuCarrito"}}</p>
                <div class="delete_buttons">
                    <a id="delete_product" class="white_button" title="{{i18n "shoppingCartTemplate.eleminarloDelCarrito"}}" href="javascript:confirmDeleteItemForCart();" onclick="dataLayer.push({event: 'event_gtm', category:'acciones usuario', action:'eliminar producto del carrito'});">{{i18n "shoppingCartTemplate.eleminarloDelCarrito"}}</a>
                    <a id="dont_delete" class="orange_button" title="{{i18n "shoppingCartTemplate.manterloEnCarrito"}}" href="javascript:void(0);" onClick="dataLayer.push({event:'event_gtm', category:'acciones usuario', action:'mantener producto en carrito'});">{{i18n "shoppingCartTemplate.manterloEnCarrito"}}</a>
                     <input type="hidden" id="productIdToDelete"/>
                </div>
            </div>
        </div>
    </div>
</aside>

<!-- Popup Cambios en la lista guardados -->
<aside id="saved_change_popup" class="popup_background">
    <div class="popup_container popup_list">
        <div class="popup">
            <div class="popup_content">
                <a class="close_button" title="Cerrar popup" href="javascript:closePopUpList();"></a>
                <p class="popup_list_title saved">{{i18n "popupsTemplate.tuListaGuardadaCorrectamente"}}</p>
                <div class="popup_list_button">
                    <a class="orange_button" title="Aceptar" href="javascript:hideSavedChange();">{{i18n "popupsTemplate.aceptar"}} &gt;</a>
                </div>
            </div>
        </div>
    </div>
</aside>

<!-- Popup confirmación eliminar producto de lista -->
<aside id="delete_list_product_popup" class="popup_background">
    <div class="popup_container narrow">
        <div class="popup">
            <div class="popup_content">
                <a class="close_button" title="Cerrar popup" href="javascript:void(0);"></a>
                <p class="delete_list_product_text">{{i18n "popupsTemplate.lista.seguroeliminarproducto"}} <span id="article_name"></span></p>
                <div class="buttons_container">
                    <a class="cancel_button" title="{{i18n "popupTemplate.btnCancelar"}}" href="javascript:void(0);">{{i18n "popupTemplate.btnCancelar"}}</a>
                    <a class="accept_button" title="{{i18n "popupTemplate.btnAceptar"}}" href="#">{{i18n "popupTemplate.btnAceptar"}}</a>
                </div>
            </div>
        </div>
    </div>
</aside>

<!-- Producto añadido a la lista con éxito -->
<aside id="added_list_popup" class="popup_background">
    <div class="popup_container popup_list">
        <div class="popup">
            <div class="popup_content">
                <a class="close_button" title="Cerrar popup" href="javascript:void(0);"></a>
                <p class="popup_list_title saved">{{i18n "popupTemplate.product"}} <span id="product_in_list" class="product">"CEREALES CONDIS HAPPY CHOC 375 GRS"</span> {{i18n "popupTemplate.anadidoCorrectamenteLista"}} <span id="list_description" class="list">"Cumplea�os Mam�"</span></p>
                <div class="popup_list_button">
                    <a class="orange_button" title="{{i18n "popupTemplate.aceptar"}}" href="javascript:void(0);">{{i18n "popupTemplate.btnAceptar"}} &gt;</a>
                </div>
            </div>
        </div>
    </div>
</aside>

<!-- Popup genérico -->
<aside id="generic_popup" class="popup_background">
    <div class="popup_container popup_list">
        <div class="popup">
            <div class="popup_content">
                <a class="close_button" title="Cerrar popup" href="javascript:void(0);"></a>
                <p class="generic_popup_title"></p>
                <p class="generic_popup_text"></p>

                <div class="popup_list_button">
                    <a class="orange_button" title="{{i18n "popupsTemplate.aceptar"}}" href="javascript:void(0);">{{i18n "popupsTemplate.btnAceptar"}} &gt;</a>
                </div>
            </div>
        </div>
    </div>
</aside>

<!-- Popup opcional -->
<aside id="generic_choice_popup" class="popup_background">
    <div class="popup_container popup_list">
        <div class="popup">
            <div class="popup_content">
                <a class="close_button" title="Cerrar popup" href="javascript:void(0);"></a>
                <p class="generic_popup_title"></p>
                <p class="generic_popup_text"></p>

                <div class="popup_list_button">
                    <a class="orange_button secundary_button" style="background-color:#e6e6e2" title="{{i18n "popupsTemplate.cancelar"}}" href="#">{{i18n "popupsTemplate.btnCancelar"}} &gt;</a>
                    <a class="orange_button primary_button" title="{{i18n "popupsTemplate.btnGuardar"}}" href="#">{{i18n "popupsTemplate.btnGuardar"}} &gt;</a>
                </div>
            </div>
        </div>
    </div>
</aside>

<!-- Popup disponibilidad -->
<aside id="disponibility_popup" class="popup_background">
</aside>

<!-- Popup añadir producto a lista desde carrito -->
<aside id="all_list_popup" class="popup_background">
    <div class="popup_container popup_list">
        <div class="popup">
            <div class="popup_content">
                <a class="close_button" title="{{i18n "popupsTemplate.cerrarPopup"}}" href="javascript:void(0);"></a>
                <p class="popup_list_title saved">{{i18n "popupsTemplate.anadidoTodos"}}<br> {{i18n "popupsTemplate.aLista"}}<br> <span class="list" id="listName"></span></p>
                <div class="popup_list_button">
                    <a class="orange_button" title="{{i18n "popupsTemplate.aceptar"}}" href="javascript:void(0);">{{i18n "popupsTemplate.btnAceptar"}} &gt;</a>
                </div>
            </div>
        </div>
    </div>
</aside>

<aside id="legal_popup" class="popup_background">
</aside>

<aside id="delivery_popup" class="popup_background">
</aside>

<aside id="schedule_popup" class="popup_background">
</aside>




<!-- login popups -->

<aside id="alert_login_no_mail_popup" class="popup_background" style="display:none" >
   <div class="popup_container narrow">
    <div class="popup">
        <div class="popup_content">
            <p class="new_username_text">{{i18n "popupsTemplate.hola"}} <span id="user_name"></span>,<br> {{i18n "popupsTemplate.loginIsMail"}}: <span id="user_mail"></span></p>
            <div class="button_container new_username">
                <a id="new_confirm_email" class="orange_button" title="{{i18n "popupsTemplate.confirmarEsteMail"}}" href="javascript:changeLoginForMail();">{{i18n "popupsTemplate.confirmarEsteMailBtn"}} &gt;</a>
                <a id="new_modify_email" class="change_email" title="{{i18n "popupsTemplate.modifirmarEsteMail"}}" href="javascript:updateMailFromLogin();">{{i18n "popupsTemplate.modifirmarEsteMail"}}</a>
            </div>
        </div>
    </div>
   </div>
</aside>

<aside id="alert_select_region_popup" class="popup_background" style="display:none" >
   <div class="popup_container narrow">
    <div class="popup">
        <div class="popup_content">
            <a class="close_button" title="Cerrar popup" href="javascript:selectRegion('SVC', 'SVM');"></a>
            <p class="new_username_text" style="color:#e66b5b;font-weight:bold;">Selecciona tu zona para adecuar el surtido y darte una mejor experiencia</p>
            <div style="width:46%;margin:10px; float:left;">
                <p class="new_username_text select_region_text" style="background-color: #3C67A5; color:#fff;cursor:pointer;" onclick="selectRegion('SVC', 'SVM');">Catalunya</p>

            </div>
            <div style="width:46%;margin: 10px; clear: left; float:left;">
                <p class="new_username_text select_region_text" style="background-color: #3C67A5; color:#fff; cursor:pointer;"  onclick="window.location='https://www.condisline.ad';">Andorra</p>
            </div>

            <!--<select style="    display: block;
    float: left;
    margin-top: 15px;
    margin-left:190px;
    border: 1px solid #D6D6C5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #706F6F;
    font-size: 100%;
    line-height: 20px;
    padding: 6px 10px;
    width: 200px;
    height: 34px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;" onchange="ahoraSelect()" id="capri">
            <option style="font-weight: normal;    display: block;    white-space: pre;    min-height: 1.2em;" disabled selected>Zonas...</option>
            <option style="font-weight: normal;    display: block;    white-space: pre;    min-height: 1.2em;" onclick="selectRegion('SVC', 'SVM');"> Catalunya</option>
            </select>-->
            <p class="new_username_text"></p>
            <div class="button_container new_username">
            <!--    <a id="new_confirm_email" class="orange_button" title="{{i18n "popupsTemplate.confirmarEsteMail"}}" href="javascript:changeLoginForMail();">{{i18n "popupsTemplate.confirmarEsteMailBtn"}} &gt;</a>
                <a id="new_modify_email" class="change_email" title="{{i18n "popupsTemplate.modifirmarEsteMail"}}" href="javascript:updateMailFromLogin();">{{i18n "popupsTemplate.modifirmarEsteMail"}}</a>-->
            </div>
        </div>
    </div>
   </div>
</aside>

<aside id="alert_login_no_contract_agreement_popup" class="popup_background" style="display:none" >
   <div class="popup_container narrow">
    <div class="popup">
        <div class="popup_content">
            <p class="gdpr_text" style="font-family: 'Font2';">{{{i18n "popupsTemplate.noContractAgreement"}}} </p>
            <div id="content_dni">
            <p class="gdpr_text" style="font-family: 'Font2';">{{{i18n "popupsTemplate.weNeed"}}} </p>
            <input id="dni" type="text" style="margin-left: 200px;text-align:center;margin-top:20px; " placeholder="DNI/NIF"/> <span style="color:red">*</span> &nbsp;<span id="msg_dni_fail" style="display:none;color:red;" class="error_message"> {{i18n "nuevoClienteTemplate.dniNotMatch"}}</span><span id="msg_dni_duplicado" style="display:none;color:red;" class="error_message"> {{i18n "nuevoClienteTemplate.dniDuplicado"}}</span>
            </div>
            <div style="width=80%; color:#3C67A5;margin-top:20px;font-family: 'Font2'; ">
                <div style="width:100%; padding: 0 15px;font-family: 'Font2';">
                    {{i18n "popupsTemplate.pleaseConfirm"}}
                </div>
                <div style="padding-left: 50px; font-family: 'Font2';width:100%; display:none" id="content_gdpr">
                    <label style="line-height: 20px;font-family: 'Font2';"><input id="gdpr_check" style="width: 20px;height: 20px;" type="checkbox" value="true">&nbsp;He leido las <a href="#">condiciones</a></input> <span style="color:red">*</span></label><br>
                </div>

                <div style="padding:0 10px 0 50px; margin-top:10px;font-family: 'Font2';">
                    <label style="line-height: 20px;font-family: 'Font2';"><input id="publi_check"style="width: 20px;height: 20px;" type="checkbox">&nbsp;{{i18n "popupsTemplate.confirmPublicity"}}</input></label>
                </div>
                <div id="publi_sgm" style="padding-left: 100px; display:none;font-family: 'Font2';">
                    <label style="line-height: 20px;"><input id="flagMail" style="width: 20px;height: 20px;" type="checkbox" />&nbsp;{{i18n "popupsTemplate.confirmPubliEmail"}}<span style="color:blue">*</span></label><br>
                    <label style="line-height: 20px;"><input id="flagSMS" style="width: 20px;height: 20px;" type="checkbox" />&nbsp;{{i18n "popupsTemplate.confirmPubliSms"}}</label><br>
                    <label style="line-height: 20px;"><input id="flagPush" style="width: 20px;height: 20px;" type="checkbox" />&nbsp;{{i18n "popupsTemplate.confirmPubliPush"}}</label>
                </div>
                <div style="padding:0 10px 0 50px; margin-top:10px;font-family: 'Font2';">
                    <label style="line-height:20px;font-family: 'Font2';"><input id="profile_check" style="width: 20px;height: 20px;" type="checkbox" />&nbsp;{{i18n "popupsTemplate.confirmProfile"}}</label><br>
                </div>
                <div style="padding:0 10px 0 50px; margin-top:10px;font-family: 'Font2';">
                    <label style="line-height:20px;font-family: 'Font2';"><input id="healthy_check" style="width: 20px;height: 20px;" type="checkbox" />&nbsp;{{i18n "popupsTemplate.confirmProfile"}}</label><br>
                </div>
                <div class="button_container">
                    <a class="orange_button" id="confirmGDPR" title="{{i18n "commons.aceptar"}}" href="javascript:contractAgreement(function(){console.log('callback')}, null);">{{i18n "commons.aceptar"}} &gt;</a>
                </div>
                <p style="padding:20px; width:92%;margin-top:55px;text-align:justify; font-size:12px">{{{i18n "popupsTemplate.textoJuridico"}}}</p>
            </div>
        </div>
    </div>
   </div>
</aside>


<aside id="form_update_mail_popup" class="popup_background" style="display:none" >
    <div class="popup_container tariff">
        <div class="popup">
            <div class="popup_content">
                <form class="identification_content" method="post" action="" autocomplete="off">
                    <label class="row">{{i18n "nuevoClienteTemplate.eMail"}} <span class="detail">{{i18n "nuevoClienteTemplate.tenEncuentaUsuarioAccesoCondisline"}}</span> <sup>*</sup>
                        <input id="email_user" type="text" autocomplete="off">
                    </label>
                    <label class="row">{{i18n "nuevoClienteTemplate.repetirMail"}}
                        <input id="email_rep_user" type="text" autocomplete="off">
                        <span id="msg_mail_match_fail" style="display:none" class="error_message"> {{i18n "nuevoClienteTemplate.camposNotMatch"}}</span>
                    </label>
                </form>
                <div class="delete_buttons">
                    <a id="new_change_email_popup_later" class="white_button" title="{{i18n "popupsTemplate.recordarMasTarde"}}" href="javascript:recordarMasTarde();">{{i18n "popupsTemplate.recordarMasTardeBtn"}}</a>
                    <a id="new_change_email_popup_send" class="orange_button" title="{{i18n "popupsTemplate.aceptar"}}" href="javascript:changeMailBeforeChangeLogin();">{{i18n "popupsTemplate.aceptarBtn"}}</a>
                </div>
            </div>
        </div>
    </div>
</aside>

<aside id="alert_maillogin_in_use_popup" class="popup_background" style="display:none" >
    <div class="popup_container tariff">
        <div class="popup">
            <div class="popup_content">
                <p class="delete_text"><br><br>{{i18n "popupsTemplate.elCorreo"}} <span id="user_mail"></span>, {{i18n "popupsTemplate.yaEstaEnUso"}}.<br> {{i18n "popupsTemplate.elegirOtroRecordarMasTarde"}}<br><br></p>
                <div class="delete_buttons">
                    <a id="new_change_email_popup_later" class="white_button" title="{{i18n "popupsTemplate.recordarMasTarde"}}" href="javascript:recordarMasTarde();">{{i18n "popupsTemplate.recordarMasTardeBtn"}}</a>
                    <a id="new_change_email_popup_next" class="orange_button" title="{{i18n "popupsTemplate.elegirOtro"}}" href="javascript:elegirOtro();">{{i18n "popupsTemplate.elegirOtro"}}</a>
                </div>
            </div>
        </div>
    </div>
 </aside>

<aside id="success_maillogin_update_popup" class="popup_background" style="display:none" >
    <div class="popup_container narrow">
        <div class="popup">
            <div class="popup_content">
                <p class="warning_old_login">{{i18n "popupsTemplate.enhorabuenaTuMailEs"}}  <span id="user_mail"></span>.</p>
                <div class="button_container new_username">
                    <a id="new_confirm_email" style="margin-bottom:20px;" class="orange_button" title="{{i18n "popupsTemplate.aceptar"}}" href="javascript:endUpdateLogin();">{{i18n "popupsTemplate.aceptarBtn"}} &gt;</a>
                </div>
            </div>
        </div>
    </div>
</aside>



<!-- checkout login popups -->

<aside id="alert_login_no_mail_popup_checkout" class="popup_background" style="display:none" >
   <div class="popup_container narrow">
    <div class="popup">
        <div class="popup_content">
            <p class="new_username_text">{{i18n "popupsTemplate.hola"}} <span id="user_name"></span>,<br> {{i18n "popupsTemplate.loginIsMail"}}: <span id="user_mail"></span></p>
            <div class="button_container new_username">
                <a id="new_confirm_email" class="orange_button" title="{{i18n "popupsTemplate.confirmarEsteMail"}}" href="javascript:changeLoginForMailCheckout();">{{i18n "popupsTemplate.confirmarEsteMailBtn"}} &gt;</a>
                <a id="new_modify_email" class="change_email" title="{{i18n "popupsTemplate.modifirmarEsteMail"}}" href="javascript:updateMailFromLoginCheckout();">{{i18n "popupsTemplate.modifirmarEsteMail"}}</a>
            </div>
        </div>
    </div>
   </div>
</aside>

<aside id="form_update_mail_popup_checkout" class="popup_background" style="display:none" >
    <div class="popup_container tariff">
        <div class="popup">
            <div class="popup_content">
                <form class="identification_content" method="post" action="" autocomplete="off">
                    <!--<p class="delete_text">Indica tu nuevo e-mail:</p>-->
                    <label class="row">
                        {{i18n "nuevoClienteTemplate.eMail"}} <span class="detail">{{i18n "nuevoClienteTemplate.tenEncuentaUsuarioAccesoCondisline"}}</span> <sup>*</sup>
                        <input id="email_user" type="text" autocomplete="off">
                    </label>
                    <label class="row">
                        <!--Repite tu e-mail*-->
                        {{i18n "nuevoClienteTemplate.repetirMail"}}
                        <input id="email_rep_user" type="text" autocomplete="off">
                        <span id="msg_mail_match_fail" style="display:none" class="error_message"> {{i18n "nuevoClienteTemplate.camposNotMatch"}}</span>
                    </label>
                </form>
                <div class="delete_buttons">
                    <a id="new_change_email_popup_later" class="white_button" title="{{i18n "popupsTemplate.recordarMasTarde"}}" href="javascript:recordarMasTarde();">{{i18n "popupsTemplate.recordarMasTardeBtn"}}</a>
                    <a id="new_change_email_popup_send" class="orange_button" title="{{i18n "popupsTemplate.aceptar"}}" href="javascript:changeMailBeforeChangeLoginCheckout();">{{i18n "popupsTemplate.aceptarBtn"}}</a>
                </div>
            </div>
        </div>
    </div>
</aside>

<aside id="alert_maillogin_in_use_popup_checkout" class="popup_background" style="display:none" >
    <div class="popup_container tariff">
        <div class="popup">
            <div class="popup_content">
                <p class="delete_text"><br><br>{{i18n "popupsTemplate.elCorreo"}} <span id="user_mail"></span>, {{i18n "popupsTemplate.yaEstaEnUso"}}.<br> {{i18n "popupsTemplate.elegirOtroRecordarMasTarde"}}<br><br></p>
                <div class="delete_buttons">
                    <a id="new_change_email_popup_later" class="white_button" title="{{i18n "popupsTemplate.recordarMasTarde"}}" href="javascript:recordarMasTardeCheckout();">{{i18n "popupsTemplate.recordarMasTardeBtn"}}</a>
                    <a id="new_change_email_popup_next" class="orange_button" title="{{i18n "popupsTemplate.elegirOtro"}}" href="javascript:updateMailFromLoginCheckout();">{{i18n "popupsTemplate.elegirOtro"}}</a>
                </div>
            </div>
        </div>
    </div>
 </aside>

<aside id="success_maillogin_update_popup_checkout" class="popup_background" style="display:none" >
    <div class="popup_container narrow">
        <div class="popup">
            <div class="popup_content">
                <p class="warning_old_login">{{i18n "popupsTemplate.enhorabuenaTuMailEs"}}  <span id="user_mail"></span>.</p>
                <div class="button_container new_username">
                    <a id="new_confirm_email" style="margin-bottom:20px;" class="orange_button" title="{{i18n "popupsTemplate.aceptar"}}" href="javascript:endUpdateLoginCheckout();">{{i18n "popupsTemplate.aceptarBtn"}} &gt;</a>
                </div>
            </div>
        </div>
    </div>
</aside>












<!-- login por mail area privada -->

<aside id="alert_mail_as_login_popup" class="popup_background" style="display:none" >
   <div class="popup_container narrow">
    <div class="popup">
        <div class="popup_content">
            <p class="new_username_text">{{i18n "popupsTemplate.hola"}} <span id="user_name"></span>,<br> {{i18n "popupsTemplate.loginIsMail"}}: <span id="user_mail"></span></p>
            <div class="button_container new_username">
                <a id="new_confirm_email"  style="margin-bottom:20px;"  class="orange_button" title="{{i18n "popupsTemplate.confirmarEsteMail"}}" href="javascript:updateUserBasisDataProccessor();">{{i18n "popupsTemplate.confirmarEsteMailBtn"}} &gt;</a>
            </div>
        </div>
    </div>
   </div>
</aside>


<aside id="alert_maillogin_in_use_pa_popup" class="popup_background" style="display:none" >
   <div class="popup_container narrow">
        <div class="popup">
            <div class="popup_content">
                <p class="new_username_text">{{i18n "popupsTemplate.elLogin"}} <span id="user_mail_no_valid"></span>,<br> {{i18n "popupsTemplate.yaEnUso"}} </p>
                <div class="button_container new_username">
                    <a id="new_confirm_email"  style="margin-bottom:20px;"  class="orange_button" title="{{i18n "popupsTemplate.aceptar"}}" href="javascript:hideAlertMainInUserPrivateArea();">{{i18n "popupsTemplate.aceptarBtn"}} &gt;</a>
                </div>
            </div>
        </div>
   </div>
</aside>

<aside id="delivery_times_popup" class="popup_background" style="display:none;" >
    <div class="popup_container">
        <div class="popup">
            <div class="popup_content">
                <a class="close_button" title="{{i18n "popupsTemplate.cerrarPopup"}}" href="javascript:void(0);"></a>

                <script>
                    var linkElement = document.createElement("link");
                    linkElement.rel = "stylesheet";
                    linkElement.href = "{{STATIC_CONTENT_URL}}/styles/purchasing-process-step-1.css";

                    document.head.appendChild(linkElement);
                </script>

                <!-- calendario de las fechas de entrega -->
                <p class="postalcode_title" style="padding: 20px 0 0 20px;">C.P.: <span id="delivery_postalcode"></span></p>

                <style>
                    #layer_delivery_time_slot_popup #deliveryTitleText {
                        display: none;
                    }

                    #layer_delivery_time_slot_popup {
                        padding: 0px 20px;
                        margin: 0 auto;
                    }

                    #layer_delivery_time_slot_popup table.hour_table {
                        margin-bottom: 20px;
                    }

                    #layer_delivery_time_slot_popup .hour input {
                        opacity: 0;
                        position: fixed;
                        width: 0;
                    }

                    #layer_delivery_time_slot_popup .postalcode_title {
                        font-weight: bold;
                        padding: 20px 20px 0px 20px;
                        margin-bottom: 0;
                    }
                </style>

                <div id="layer_delivery_time_slot_popup"></div>
            </div>
        </div>
    </div>
</aside>


<!-- popup FINALIZACIÓN catálogo MADRID -->
<aside id="end_madrid_catalogue_popup" class="fpopup" style="display:none" >
   <div class="fpopup__overlay">
        <div class="fpopup__container">
            <a class="close_button" title="Cerrar popup" href="javascript:void(0);"></a>
            <h3>{{ i18n "popupsTemplate.bajaMadridTitle" }}</h3>
            <p>{{{ i18n "popupsTemplate.bajaMadridContent" }}}</p>
            <p><img src="{{STATIC_CONTENT_URL}}/images/condisline-madrid.jpg" alt="" style="max-width: 100%;"></p>
            <p>
                <a class="done_button" title="{{i18n "popupsTemplate.aceptar"}}" href="javascript:void(0);">{{i18n "popupTemplate.btnAceptar"}}</a>
            </p>
        </div>
   </div>
</aside>