{{> mobile/commons/cookiesTemplate}}

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


<aside id="corporate_popup">
</aside>

<aside id="alert_popup" style="display:none;">
    <div id="popup_error" class="corporative_content">
        <p id="btn_close"><a href="javascript:hideAlertSlide();">{{i18n "mobile.close"}}</a></p>
        <div id="error">
            <p class="section_name">Error</p>
            <div class="section_container">
                <p class="error_title"></p>
                <p class="text"></p>
                <div class="buttons_container">
                    <a id="btn_close_error" class="button blue" href="javascript:hideAlertSlide();" title="{{i18n "mobile.return"}}">{{i18n "mobile.return"}}</a>
                </div>
            </div>
        </div>
    </div>
</aside>

<aside id="alert_popup_success" style="display:none;">
    <div id="popup_error" class="corporative_content">
        <p id="btn_close"><a href="javascript:rediretToMainData();">{{i18n "mobile.close"}}</a></p>
        <div id="error">
            <p class="section_name">Error</p>
            <div class="section_container">
                <p class="error_title"></p>
                <p class="text"></p>
                <div class="buttons_container">
                    <a id="btn_close_error" class="button blue" href="javascript:rediretToMainData();" title="{{i18n "mobile.return"}}">{{i18n "mobile.return"}}</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">
            <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:43%;margin:10px; float:left;">
                <p class="select_region_text" onclick="selectRegion('SVC', 'SVM');">Catalunya</p>

            </div>
            <div style="width:43%;margin:10px; clear: left; float:left;">
                <p class="select_region_text" 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';color:#3C67A5;">{{{i18n "popupsTemplate.noContractAgreement"}}} </p>
            <div id="content_dni">
            <p class="gdpr_text" style="font-family: 'Font2';">{{{i18n "popupsTemplate.weNeed"}}} </p>
            <input id="dni1" type="text" style="margin-left: 20%;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>
            </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.confirmHealthy"}}</label><br>
                </div>
                <div class="buttons_container">
                    <a class="button orange" 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="alert_popup_reload" style="display:none;">
    <div id="popup_error" class="corporative_content">
        <p id="btn_close"><a href="javascript:hideAlertReloadSlide();window.location.reload(false);">{{i18n "mobile.close"}}</a></p>
        <div id="error">
            <p class="section_name">Error</p>
            <div class="section_container">
                <p class="error_title"></p>
                <p class="text"></p>
                <div class="buttons_container">
                    <a id="btn_close_error" class="button blue" href="javascript:hideAlertReloadSlide();window.location.reload(false);" title="{{i18n "mobile.return"}}">{{i18n "mobile.return"}}</a>
                </div>
            </div>
        </div>
    </div>
</aside>

<aside id="footer_section" name="footer_section" style="display:none">
    <div id="policies_condis">
            <div class="white_container">
                <a class="logo_container" title="{{i18n "mobile.condisline"}}" href="./">
                    <img class="logo" alt="{{i18n "mobile.popupsTemplate.logoCondis"}}" src="{{STATIC_CONTENT_URL}}/images/mobile//logo-condis.png" width="165" height="43">
                </a>
                <div class="footer_content">
                    <a class="telephone" title="{{i18n "mobile.checkoutStep1Template.telefonoContacto"}}" href="tel:+34900 167 167">900 167 167</a>
                    <a class="email" title="{{i18n "mobile.footer.mailContacto"}}" href="mailto:info@condis.es">{{i18n "mobile.footer.emailCondis"}}</a>
                    <meta itemprop="openingHours" content="Mo-Th 07:00-23:00">
                    <meta itemprop="openingHours" content="Fr 07:00-21:30">
                    <meta itemprop="openingHours" content="Sa 08:00-21:30">
                    <p class="schedule">
                       {{i18n "mobile.footer.scheluder"}}<br>
                       {{i18n "mobile.footer.scheluder.sabados"}}
                    </p>
                </div>

                <div class="buttons_container">
                    <a class="button blue" href="javascript:hideFooterSlide();" title="{{i18n "mobile.return"}}">{{i18n "mobile.return"}}</a>
                </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 "popupTemplate.aceptar"}}" href="javascript:void(0);">{{i18n "popupTemplate.btnAceptar"}}</a>
                </p>
        </div>
   </div>
</aside>