<div id="updateMisDatos" style="display:none">
    <div id="form_login">

        <span class="section_name"><a class="button_back" href="javascript:goBackMyData();"> </a>{{i18n "mobile.privateArea.ver"}} {{i18n "mobile.privateArea.MisDatos.misDatosLower"}}</span>
        <div class="welcome">
            <span>{{i18n "mobile.privateArea.userBasicUser.hola"}} {{user_basic_data.firstname}}, </span>
                <a class="sesion" href="javascript:sendLogout();">{{i18n "mobile.privateArea.cerrarSesion"}}</a>
            </span>
        </div>
        <form id="modify-main-data"  class="section_container">

            <a id="user_data" class="title user blind closed" title="{{i18n "privateAreaTemplate.misDatos"}}" href="javascript:void(0);">{{i18n "privateAreaTemplate.misDatos"}}</a>
            <div>
                <label>
                    {{i18n "mobile.login.nombre"}}*
                    <input id="name_user" type="text" autocomplete="off" data-validation="mandatory" value="{{user_basic_data.firstname}}">
                </label>

                <label>
                    {{i18n "mobile.login.apellido1"}}*
                    <input id="apell1_user" type="text" autocomplete="off" data-validation="mandatory" value="{{user_basic_data.surname1}}">
                </label>

                <label>
                    {{i18n "mobile.login.apellido2"}}
                    <input id="apell2_user" type="text" autocomplete="off" value="{{user_basic_data.surname2}}">
                </label>

                <label>
                    {{i18n "mobile.login.email"}} {{i18n "mobile.login.tenEncuentaUsuarioAccesoCondisline"}}*
                    <input id="email_user" type="text" data-validacion="obligarotio" autocomplete="off" data-validation="mandatory" value="{{user_basic_data.email}}">
                    <span id="msg_mail_error_fail" style="display:none" class="error_message"> {{i18n "mobile.login.emailNoValid"}}</span>
                </label>

                <label>
                    {{i18n "mobile.login.repetirMail"}}
                    <input id="email_rep_user" type="text" autocomplete="off"  data-validation="mandatory" value="{{user_basic_data.email}}">
                    <span id="msg_mail_match_fail" style="display:none" class="error_validation_form"> {{i18n "mobile.login.camposNotMatch"}}</span>
                </label>

                <div class="buttons_container">
                    <a class="button orange" title="{{i18n "mobile.misDatosTemplate.guardarCambios"}}" href="javascript:updateUserBasisData();">{{i18n "mobile.misDatosTemplate.guardarCambios"}}</a>
                    <a class="button grey" title="{{i18n "mobile.popupTemplate.btnCancelar"}}" href="javascript:goBackMyData();">{{i18n "mobile.popupTemplate.btnCancelar"}}</a>
                </div>
            </div>
        </form>

        <form id="modify-password"  class="section_container">
            <a id="password_data" class="title user blind closed" title="{{i18n "loginTemplate.contrasenia"}}" href="javascript:void(0);">{{i18n "loginTemplate.contrasenia"}}</a>
            <div>
                <label>
                    {{i18n "mobile.login.contrasenia"}}*
                    <input id="password_user" type="password" autocomplete="off" data-validation="mandatory"">
                    <span id="msg_error_password_fail" style="display:none" class="error_validation_form"></span>
                 </label>

                <label>
                    {{i18n "mobile.login.repetirContrasenia"}}
                    <input id="password_rep_user" type="password" autocomplete="off" data-validation="mandatory">
                    <span id="msg_mail_password_fail" style="display:none" class="error_validation_form"> {{i18n "mobile.login.contrasenasNotMatch"}}</span>
                </label>


                <div class="buttons_container">
                    <a class="button orange" title="{{i18n "mobile.misDatosTemplate.guardarCambios"}}" href="javascript:updatePasswordData();">{{i18n "mobile.misDatosTemplate.guardarCambios"}}</a>
                    <a class="button grey" title="{{i18n "mobile.popupTemplate.btnCancelar"}}" href="javascript:goBackMyData();">{{i18n "mobile.popupTemplate.btnCancelar"}}</a>
                </div>
            </div>
         </form>

        <form id="modify-gdpr" class="section_container">
            <a class="title blind">{{i18n "misDatosTmeplate.modificarGDPR"}}</a>
            <label class="form_text">{{i18n "misDatosTemplate.losCampos"}} (<span class="blue">*</span>) {{i18n "misDatosTemplate.sonObligatorios"}}.</label>

                            <div class="row">
                                <input id="publi_check_prv" style="float:left;width: 20px;height: 20px;margin-top:20px;" type="checkbox"/>&nbsp;<label class="input_container" style="width:90%">&nbsp;{{i18n "popupsTemplate.confirmPublicity"}}</label>
                            </div>
                            <div id="publi_sgm_prv" class="row" style="padding-left: 50px; display:none;font-family: 'Font2';margin-top:12px;width:96%">
                                <div class="row">
                                    <input id="flagMail" style="width: 20px;height: 20px;float:left;margin-top:20px;" type="checkbox" />
                                    <label class="input_container double" style="width:90%">&nbsp;{{i18n "popupsTemplate.confirmPubliEmail"}}</label>
                                </div>
                                <div class="row">
                                    <input id="flagSMS" style="width: 20px;height: 20px;float:left;margin-top:20px;" type="checkbox" />
                                    <label class="input_container double" style="width:90%">&nbsp;{{i18n "popupsTemplate.confirmPubliSms"}}</label>
                                </div>
                                <div class="row">
                                    <input id="flagPush" style="width: 20px;height: 20px;float:left;margin-top:20px;" type="checkbox" />
                                    <label class="input_container double" style="width:90%">&nbsp;{{i18n "popupsTemplate.confirmPubliPush"}}</label>
                                </div>
                            </div>
                            <div class="row" style="font-family: 'Font2';">
                                <input id="profile_check_prv" style="width: 20px;margin-top:20px;height: 20px;float:left;" type="checkbox" /><label class="input_container double" style="width:90%">&nbsp;{{i18n "popupsTemplate.confirmProfile"}}</label>
                            </div>
                            <div class="row" style="font-family: 'Font2';">
                                <input id="healthy_check_prv" style="width: 20px;margin-top:20px;height: 20px;float:left;" type="checkbox" /><label class="input_container double" style="width:90%">&nbsp;{{i18n "popupsTemplate.confirmHealthy"}}</label><br>
                            </div>

            <div class="buttons_container">
                <span id="save_gdpr" class="button orange" title="{{i18n "misDatosTemplate.guardarPassword"}}">{{i18n "misDatosTemplate.btnGuardarCambios"}}</span>
                <a class="button grey" title="{{i18n "misDatosTemplate.cancelar"}}" href="javascript:showMainDataUserPrint()">{{i18n "misDatosTemplate.btnCancelar"}}</a>
            </div>
        </form>

    </div>
</div>

<input type="hidden" id="original_name_user" value="{{user_basic_data.firstname}}"/>
<input type="hidden" id="original_apell1_user" value="{{user_basic_data.surname1}}"/>
<input type="hidden" id="original_apell2_user" value="{{user_basic_data.surname2}}"/>
<input type="hidden" id="original_email_user" value="{{user_basic_data.email}}"/>


{{> mobile/user/login/loginEmailUpdatePrivateAreaTemplate}}