<?php
    require_once("./include/constantes.php");
    require_once("./include/bd_pdo.php");
    require_once("./classes/ValidaSesion.php");
    require_once("./classes/MainMenu.php");
    require_once("apsa/include/grados.php");
    //ini_set('display_errors', 1); ini_set('display_startup_errors', 1); error_reporting(E_ALL);
    
    //--- Objeto para validar usuario. El id de usuario lo lee desde sesión. No necesita menus
    /*$objSesion = new ValidaSesion($pdo, null, null);
    if(!$objSesion->tieneAcceso()){
        $objSesion->terminaSesion();
    }*/
    session_start();
    if(!isset($_SESSION["usuario_id"])){
        session_destroy();
        $pag = "salir.php?expired=1";
        header("Location: ".$pag);
        exit();
    }
    
    $session_life = 1*60*60;//convertido a segundos
    if (isset($_SESSION["timeout"])) {
    // calculate the session's "time to live"
        $sessionTTL = time() - $_SESSION["timeout"];
        if ($sessionTTL > $session_life) {
            $_SESSION = array();
            session_destroy();
            $pag = $_SERVER['SERVER_NAME']."/salir.php?expired=1";
            header("Location: http://".$pag);
            exit();
        }
    }else{
        $_SESSION = array();
        session_destroy();
        $pag = $_SERVER['SERVER_NAME']."/salir.php?expired=1";
        header("Location: http://".$pag);
        exit();
    }
    $_SESSION["timeout"] = time();
    
    $stmt = $pdo->prepare('Select * from fs_usuario(:id)');
    $stmt->bindParam(":id", $_SESSION["usuario_id"]);
    if(!$stmt->execute()){
        $errorMessage = "No existe ese usuario en el sistema de ingeniería";
    }else{
        $alumno = $stmt->fetch();
        /*$alumno["id"] = $_SESSION["usuario_id"];
        $alumno["nombre"] = $_SESSION["usuario_nombre"];
        $alumno["apellidos"] = $_SESSION["usuario_apellidos"];
        $alumno["curp"] = $_SESSION["usuario_curp"];*/
    }
    $stmt->closeCursor(); // cierra conexion de resultado

    //Obtiene 2 corrreos
    $stmt = $pdo->prepare('Select * from fs_contacto(:id,3 , NULL) ORDER BY "PerfilContacto_id" LIMIT 2 OFFSET 0');//3 correo, Null todos
    $stmt->bindParam(":id", $_SESSION["usuario_id"]);
    if(!$stmt->execute()){
        $errorMessage = "No existe ese usuario en el sistema de ingeniería";
    }else{
        $contacto_rs = $stmt->fetchAll();

        $alumno["correo_id1"] = "";
        $alumno["correo_id2"] = "";
        $alumno["correo1"] = "";
        $alumno["correo2"] = "";

        $i = 1;
        foreach($contacto_rs as $correo){
            $alumno["correo_id".$i] = $correo["Contacto_id"];
            $alumno["correo".$i] = $correo["Contacto_valor"];
            $i++;
        }
        //Si el primer correo no es institucional, es personal y se va a campo 2
        if( strpos($alumno["correo1"], "lasalle.mx") === false && strpos($alumno["correo1"], "lasallistas.org.mx") === false ){
            $tmp = $alumno["correo2"];
            $alumno["correo2"] = $alumno["correo1"];
            $alumno["correo1"] = $tmp;

            $tmp = $alumno["correo_id2"];
            $alumno["correo_id2"] = $alumno["correo_id1"];
            $alumno["correo_id1"] = $tmp;
        }
    }
    $stmt->closeCursor(); // cierra conexion de resultado

    
    //Obtiene 1 teléfono de casa
    $alumno["tel_fijo_id"] = "";
    $alumno["tel_fijo"] = "";
    $stmt = $pdo->prepare('SELECT * from fs_contacto(:id, 1 , NULL) WHERE "SubtipoContacto_id" = 1 ORDER BY "PerfilContacto_id" LIMIT 1 OFFSET 0');//3 correo, Null todos
    $stmt->bindParam(":id", $_SESSION["usuario_id"]);
    if(!$stmt->execute()){
        $errorMessage = "No existe ese usuario en el sistema de ingeniería";
    }else{
        $contacto_rs = $stmt->fetch();

        $alumno["tel_fijo_id"] = isset($contacto_rs["Contacto_id"])?$contacto_rs["Contacto_id"]:"";
        $alumno["tel_fijo"] = isset($contacto_rs["Contacto_valor"])?$contacto_rs["Contacto_valor"]:"";
    }
    $stmt->closeCursor(); // cierra conexion de resultado

    //Obtiene 1 teléfono celular
    $alumno["tel_cel_id"] = "";
    $alumno["tel_cel"] = "";
    $stmt = $pdo->prepare('SELECT * from fs_contacto(:id, 1 , NULL) WHERE "SubtipoContacto_id" = 2 ORDER BY "PerfilContacto_id" LIMIT 1 OFFSET 0');//3 correo, Null todos
    $stmt->bindParam(":id", $_SESSION["usuario_id"]);
    if(!$stmt->execute()){
        $errorMessage = "No existe ese usuario en el sistema de ingeniería";
    }else{
        $contacto_rs = $stmt->fetch();

        $alumno["tel_cel_id"] = isset($contacto_rs["Contacto_id"])?$contacto_rs["Contacto_id"]:"";
        $alumno["tel_cel"] = isset($contacto_rs["Contacto_valor"])?$contacto_rs["Contacto_valor"]:"";
    }
    $stmt->closeCursor(); // cierra conexion de resultado
    
    
    
    //--Manejo de errores y mensajes de exito
    /*if(isset($_GET["error"]) && is_numeric($_GET["error"])){
        switch ($_GET["error"]){
            case 0: $errorDesc = "No se recibó ningún dato para actualizar."; break;
            case 1: $errorDesc = "Ocurrió un error al actualizar los datos."; break;
            case 2: $errorDesc = "La contraseña no es válida. Debe contener al menos 1 letra, 1 número, 1 caracter especial y tener una longitud de 5 caracteres."; break;
        }
    }*/
?>

<!DOCTYPE html>
<html lang="es" prefix="og: http://ogp.me/ns#">
    <head>
	<title>.: Facultad de Ingeniería :.</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <link rel="icon" type="image/png" href="img/favicon.png" />
        <link rel="stylesheet" href="./css/bootstrap-ulsa.min.css" type="text/css">
        <link rel="stylesheet" href="./css/indivisa.css" type="text/css">
        <link rel="stylesheet" href="./css/sgi.css?rand=<?php echo rand();?>" type="text/css">
        <link rel="stylesheet" href="./css/fa_all.css" type="text/css">
        <link rel="stylesheet" href="./css/postit.css?rand=20210701" type="text/css">
    </head>
    <body style="display: block;">
        <?php
            //--- Objeto que pinta menu y header
            $menuObj = new MainMenu($_SESSION["usuario_id"], null, $pdo, null, $_SESSION["usuario_apellidos"]." ".$_SESSION["usuario_nombre"]);
            $menuObj->printHead();
        ?>
        

        <main class="container-fluid content marco mb-4">
            <?php include_once("./include/errorMessage.php"); $errorMessage="";?>
            
                <div class="progress mb-4" id="progreso">
                    <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="4"></div>
                </div>

                <div class="row collapse" id="errorBox">
                    <div class="col-12">
                        <div class="alert alert-danger">Usuario_apellidos
                            <button type="button" class="close" data-toggle="collapse" href="#errorBox" aria-controls="errorBox" aria-expanded="false">×</button>
                            <span class="ing-cancelar ing-fw float-left" style="font-size:2em"></span>
                            <p class="pt-1" style="margin-left:60px" id="errorBox_text"><?php echo $errorMessage;?></p>
                        </div>
                    </div>
                </div>

                <div id="datos_block">
                    <div>
                        <h3>1. Revisión</h3>
                        <p class="">Antes de comenzar debes actualizar tus datos.</p>
                        <p class="">Estos son los datos que tienes registrados en la Facultad de Ingeniería. Revisa que tu nombre y apellidos estén completos y con los acentos, mayúsculas y minúsculas correctos.</p>
                    </div>
                    <div class="form-box form-box-info">
                        <div class="form-group row">
                            <label for="nombre_orig" class="col-4 col-form-label">Grado</label> 
                            <div class="col-8 col-md-6">
                                <input id="grado_orig" name="grado" type="text" class="form-control nombre" readonly="readonly" value="<?php echo $alumno["Usuario_grado"];?>">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="nombre_orig" class="col-4 col-form-label">Nombre</label> 
                            <div class="col-8 col-md-6">
                                <input id="nombre_orig" name="nombre" type="text" class="form-control nombre" readonly="readonly" value="<?php echo $alumno["Usuario_nombre"];?>">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="apellidos_orig" class="col-4 col-form-label text-right">Apellidos</label> 
                            <div class="col-8 col-md-6">
                                <input id="apellidos_orig" name="apellidos" type="text" class="form-control apellidos" readonly="readonly" value="<?php echo $alumno["Usuario_apellidos"];?>">
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-12 text-center">
                            <p class="mb-4"><b class="text-danger">Recuerda que estos datos se utilizan para generar tus constancias y otros documentos oficiales y no oficiales</b></p>
                            <button type="button" class="btn btn-outline-primary" id="btn_correcto"><span class="ing-aceptar ing-fw"></span> Mis datos son correctos</button>
                            <button type="button" class="btn btn-outline-danger" id="btn_error"><span class="ing-cancelar ing-fw"></span> Hay un error</button>
                        </div>
                    </div>
                </div>
                <div id="error_block" class="d-none">
                    <div class="row">
                        <div class="col">
                            <h3>2. Corrección</h3>
                            <p class="">Escribe tu nombre de la forma correcta.</p>
                        </div>
                    </div>
                    <div class="form-box">
                        <div class="form-group row">
                            <label for="grado_new" class="col-4 col-form-label">Grado *</label> 
                            <div class="col-8 col-md-6">
                                <div class="datalist datalist-select mb-1 w-100">
                                    <div class="datalist-input"><?php echo $usuario_rs["Usuario_grado"];?></div>
                                    <span class="ing-buscar icono"></span>
                                    <ul style="display:none">
                                        <?php foreach(GRADOS as $grado){ ?>
                                        <li data-id="<?php echo $grado;?>" <?php if($grado == $alumno["Usuario_grado"]){echo "class='selected'";}?> ><?php echo $grado;?></li>
                                        <?php }?>
                                    </ul>
                                    <input type="hidden" id="grado_new" name="grado" value="">
                                </div>
                            </div>
                        </div>

                        <div class="form-group row">
                            <label for="nombre_new" class="col-4 col-form-label">Nombre *</label> 
                            <div class="col-8 col-md-6">
                                <input id="nombre_new" name="nombre" type="text" class="form-control nombre" required="required" value="<?php echo $alumno["Usuario_nombre"];?>">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="apellidos_new" class="col-4 col-form-label text-right">Apellidos *</label> 
                            <div class="col-8 col-md-6">
                                <input id="apellidos_new" name="apellidos" type="text" class="form-control apellidos" required="required" value="<?php echo $alumno["Usuario_apellidos"];?>">
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-12 text-center">
                            <button type="button" class="btn btn-outline-primary" id="btn_cambios"><span class="ing-aceptar ing-fw"></span> Continuar</button>
                        </div>
                    </div>
                </div>

                <div id="correo_block" class="d-none">
                    <input type="hidden" id="correo_id1" value="<?php echo $alumno["correo_id1"];?>">
                    <input type="hidden" id="correo_id2" value="<?php echo $alumno["correo_id2"];?>">
                    <div class="row">
                        <div class="col">
                            <h3>3. Contacto</h3>
                            <p class="">Actualiza tu CURP y tus datos de contacto. Escribe tu correo institucional (<em>lasallistas.org.mx</em> o <em>lasalle.mx</em>) y un correo personal.</p>
                        </div>
                    </div>
                    <div class="form-box">
                        <div class="form-group row">
                            <label for="curp_new" class="col-4 col-form-label">CURP *</label> 
                            <div class="col-8 col-md-6">
                                <input id="curp_new" type="text" class="form-control" required="required" maxlength="19" value="<?php echo $alumno["Usuario_curp"];?>">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="curp_new" class="col-4 col-form-label">RFC *</label> 
                            <div class="col-8 col-md-6">
                                <input id="rfc_new" type="text" class="form-control" required="required" maxlength="15" value="<?php echo $alumno["Usuario_rfc"];?>">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="correo1_new" class="col-4 col-form-label">Correo institucional *</label> 
                            <div class="col-8 col-md-6">
                                <input id="correo1_new" type="text" class="form-control" required="required" value="<?php echo $alumno["correo1"];?>" placeholder="@lasalle o @lasallistas">
                                <div class="invalid-feedback" id="feedback1">Correo inválido</div>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="correo2_new" class="col-4 col-form-label text-right">Correo personal *</label> 
                            <div class="col-8 col-md-6">
                                <input id="correo2_new" type="text" class="form-control" required="required" value="<?php echo $alumno["correo2"];?>">
                                <div class="invalid-feedback" id="feedback2">Correo inválido</div>
                            </div>
                        </div>
                        
                        <input type="hidden" id="tel_fijo_id" value="<?php echo $alumno["tel_fijo_id"];?>">
                        <input type="hidden" id="tel_cel_id" value="<?php echo $alumno["tel_cel_id"];?>">
                        <div class="form-group row">
                            <label for="tel_cel_new" class="col-4 col-form-label text-right">Teléfono celular *</label> 
                            <div class="col-8 col-md-6">
                                <input id="tel_cel_new" type="text" class="form-control" required="required" value="<?php echo $alumno["tel_cel"];?>">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="tel_fijo_new" class="col-4 col-form-label">Teléfono fijo</label> 
                            <div class="col-8 col-md-6">
                                <input id="tel_fijo_new" type="text" class="form-control" required="required" value="<?php echo $alumno["tel_fijo"];?>">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="curp_new" class="col-4 col-form-label">Dirección *</label> 
                            <div class="col-8 col-md-6">
                                <input id="direccion_new" type="text" class="form-control" required="required" maxlength="250" value="<?php echo $alumno["Usuario_direccion"];?>" placeholder="Calle número, Ciudad, C.P.">
                            </div>
                        </div>
                            
                        
                    </div>
                    <div class="form-group row">
                        <div class="col-12 text-center">
                            <button type="button" class="btn btn-outline-primary" id="btn_correo"><span class="ing-aceptar ing-fw"></span> Continuar</button>
                        </div>
                    </div>
                </div>

                <div id="emergencia_block" class="d-none">
                    <div class="row">
                        <div class="col">
                            <h3>4. Contacto de emergencia</h3>
                            <p class="">Escribe los datos de un contacto adicional, esta información será utilizada <b>única y exclusivamente en caso de emergencias</b>.</p>
                        </div>
                    </div>
                    <div class="form-box">
                        <div class="form-group row">
                            <label for="emergencia_nombre" class="col-4 col-form-label">Nombre *</label> 
                            <div class="col-8 col-md-6">
                                <input id="emergencia_nombre" type="text" class="form-control" required="required" maxlength="200" value="">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="emergencia_tel" class="col-4 col-form-label">Teléfono *</label> 
                            <div class="col-8 col-md-6">
                                <input id="emergencia_tel" type="text" class="form-control" required="required" maxlength="15" value="">
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-12 my-2 text-center">
                            <input type="checkbox" class="form-check-input radio-md" value="1" id="acepto">
                            <label for="acepto" style="padding-top: 2px;">
                                He leído y acepto el <a href="https://lasalle.mx/globales/aviso-de-privacidad.html" target="_blank" class="font-italic">Aviso de Privacidad</a>.
                            </label>
                        </div>

                        <div class="col-12 text-center">
                            <p><button href="#" data-toggle="modal" data-target="#modal" class="btn btn-outline-primary" id="btn-enviar" disabled="true" ><span class="ing-aceptar ing-fw"></span> Enviar datos</button></p>
                        </div>
                    </div>
                </div>

                <form action="./action/datos_update.php" method="post" id="sendForm">
                    <input type="hidden" id="cambio_send" name="cambio" value="0">
                    <input type="hidden" id="grado_send" name="grado" value="">
                    <input type="hidden" id="nombre_send" name="nombre" value="">
                    <input type="hidden" id="apellidos_send" name="apellidos" value="">
                    <input type="hidden" id="curp_send" name="curp" value="">
                    <input type="hidden" id="rfc_send" name="rfc" value="">
                    <input type="hidden" id="direccion_send" name="direccion" value="">
                    <input type="hidden" id="contactos_send" name="contactos" value="">
                    <input type="hidden" id="emergencia_send" name="emergencia" value="">
                </form>
        </main>
        
        <!--- FOOTER--->
	    <?php require_once("./include/footer.php"); ?>
        <!-- Modal -->
        <div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="modal" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="col-12 modal-title text-center"><span id="modalLabel">Terminar actualización</span>
                        <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button></h4>
                    </div>
                    <div class="modal-body">
                        <p>Gracias por completar la actualización de datos. Tu información será registrada y estará pendiente para su autorización.</p>
                        <div class="row">
                            <div class="col-12 text-center">
                                <button type="button" class="btn btn-outline-primary" id="btn_fin" ><?php echo $ICO["aceptar"];?> Guardar</button>
                                <button type="button" class="btn btn-outline-danger" data-dismiss="modal"><?php echo $ICO["cancelar"];?> Cancelar</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <script src="./js/jquery.min.js"></script>
        <script src="./js/bootstrap/popper.min.js"></script>
        <script src="./js/bootstrap/bootstrap.min.js"></script>
        <script src="./js/util.js"></script>
        <script src="./js/sidebarmenu.js"></script>
        <script src="./js/datalist.js"></script>
        <script>
            var PASOS_MAX = 4;
            var objSend;

            $(document).ready(function(){
                //$("#errorBox").addClass('d-none');
                $("#errorBox").collapse('hide');
                $("#datos_block").removeClass("d-none");
                $("#error_block").addClass("d-none");
                $('#progreso .progress-bar').css('width', '0').attr('aria-valuemax', PASOS_MAX);
                changeProgress(1);
                
                $("#btn_error").click(function(){
                    $("#datos_block").addClass("d-none");
                    $("#error_block").removeClass("d-none");
                    $('#error_block').find("input[type=text]:first").focus();
                    $("#cambio_send").val(1);
                    changeProgress(2);
                });

                $('#passwd').keydown(function(event) {
                    if (event.keyCode == 13) {
                        $("#btn_buscar").trigger('click');
                    }
                });

                $("#btn_correcto").click(function(){
                    $("#datos_block").addClass("d-none");
                    $("#correo_block").removeClass("d-none");
                    $("#grado_send").val($("#grado_orig").val());
                    $("#nombre_send").val($("#nombre_orig").val());
                    $("#apellidos_send").val($("#apellidos_orig").val());
                    $('#correo_block').find("input[type=text]:first").focus();
                    changeProgress(3);
                });

                $("#btn_cambios").click(function(){
                    if(validaCambios()){
                        $("#error_block").addClass("d-none");
                        $("#correo_block").removeClass("d-none");
                        $("#grado_send").val($("#grado_new").val());
                        $("#nombre_send").val($("#nombre_new").val());
                        $("#apellidos_send").val($("#apellidos_new").val());
                        $('#correo_block').find("input[type=text]:first").focus();
                        changeProgress(3);
                    }
                });

                $("#btn_correo").click(function(){
                    if(validaCorreos()){
                        $("#curp_send").val($("#curp_new").val());
                        $("#rfc_send").val($("#rfc_new").val());
                        $("#direccion_send").val($("#direccion_new").val());

                        objSend = [];
                        objSend.push({"num":1, "contacto_id":$("#correo_id1").val(), "contacto_valor":$("#correo1_new").val(), "perfil":2, "tipo": 3, "subtipo":null});
                        objSend.push({"num":2, "contacto_id":$("#correo_id2").val(), "contacto_valor":$("#correo2_new").val(), "perfil":1, "tipo": 3, "subtipo":null});
                        objSend.push({"num":3, "contacto_id":$("#tel_fijo_id").val(), "contacto_valor":$("#tel_fijo_new").val(), "perfil":1, "tipo": 1, "subtipo":1});
                        objSend.push({"num":4, "contacto_id":$("#tel_cel_id").val(), "contacto_valor":$("#tel_cel_new").val(), "perfil":1, "tipo": 1, "subtipo":2});
                        
                        $("#contactos_send").val(JSON.stringify(objSend));
                        
                        $("#correo_block").addClass("d-none");
                        $("#emergencia_block").removeClass("d-none");
                        changeProgress(4);
                    }
                });

                $("#btn_fin").click(function(){
                    if(validaEmergencia()){
                        $("#emergencia_block").addClass("d-none");
                        objSend=
                            {"emergencia_nombre":$("#emergencia_nombre").val(), "emergencia_tel":$("#emergencia_tel").val()};
                        $("#emergencia_send").val(JSON.stringify(objSend));
                        $("#sendForm").submit();
                    }
                });

                $("#acepto").change(function(){
                    if($(this).prop("checked")){
                        $("#btn-enviar").attr("disabled", false);
                    }else{
                        $("#btn-enviar").attr("disabled", true);
                    }
                });
            });

            function validaCambios(){
                $(".is-invalid").removeClass("is-invalid");
                var ok = true;
                if($("#nombre_new").val() == ""){
                    $("#nombre_new").addClass("is-invalid");
                    ok = false;
                }
                if($("#apellidos_new").val() == ""){
                    $("#apellidos_new").addClass("is-invalid");
                    ok = false;
                }
                return ok;
            }

            function validaCorreos(){
                $(".is-invalid").removeClass("is-invalid");
                var ok = true;

                if(trim($("#curp_new").val()).length <= 16 ){
                    $("#curp_new").addClass("is-invalid");
                    ok = false;
                }

                if(trim($("#rfc_new").val()).length <= 10 ){
                    $("#rfc_new").addClass("is-invalid");
                    ok = false;
                }

                if(trim($("#direccion_new").val()).length <= 15 ){
                    $("#direccion_new").addClass("is-invalid");
                    ok = false;
                }
                
                if(trim($("#correo1_new").val()) == "" || !validaMail($("#correo1_new").val()) ){
                    $("#correo1_new").addClass("is-invalid");
                    $("#feedback1").html("El correo no es válido, revisa que no tenga acentos ni espacios");
                    ok = false;
                }
                if(trim($("#correo2_new").val()) == "" || !validaMail($("#correo2_new").val()) ){
                    $("#correo2_new").addClass("is-invalid");
                    $("#feedback2").html("El correo no es válido, revisa que no tenga acentos ni espacios");
                    ok = false;
                }
                if(trim($("#correo1_new").val()).toLowerCase().indexOf('@lasallistas.org.mx')  == -1 &&  trim($("#correo1_new").val()).toLowerCase().indexOf('@lasalle.mx')  == -1 ){
                    $("#correo1_new").addClass("is-invalid");
                    //$("#correo2_new").addClass("is-invalid");
                    $("#feedback1").html("Se requiere al menos un correo institucional");
                    //$("#feedback2").html("Se requiere al menos un correo institucional");
                    ok = false;
                }
                if(trim($("#correo1_new").val().toLowerCase()) == trim($("#correo2_new").val().toLowerCase()) && trim($("#correo2_new").val().toLowerCase()) != ""){
                    $("#correo2_new").addClass("is-invalid");
                    $("#feedback2").html("Los correos no pueden ser iguales");
                    ok = false;
                }
                if(trim($("#tel_cel_new").val()) == "" || trim($("#tel_cel_new").val()).length < 8 ){
                    $("#tel_cel_new").addClass("is-invalid");
                    ok = false;
                }
                return ok;
            }

            function validaEmergencia(){
                $(".is-invalid").removeClass("is-invalid");
                var ok = true;
                if(trim($("#emergencia_nombre").val()) == ""){
                    $("#emergencia_nombre").addClass("is-invalid");
                    ok = false;
                }
                if($("#emergencia_tel").val() == "" || trim($("#emergencia_tel").val()).length < 8 ){
                    $("#emergencia_tel").addClass("is-invalid");
                    ok = false;
                }
                return ok;
            }

            function changeProgress(step){
                value = step*100/PASOS_MAX;
                $('#progreso .progress-bar').css('width', value+'%').attr('aria-valuenow', step);//valuemax
            }

            function validaMail(email) {
                //var patron = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
                var patron = /^([A-Za-z0-9_\-\.\u4e00-\u9fa5])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,8})$/;
                return patron.test(trim(email));
            }

        </script>
    </body>
</html>