}

<link href="/postulacionascenso2023/Content/jquery-ui.min.css" rel="stylesheet"/>
<link href="/postulacionascenso2023/Content/bootstrap.css" rel="stylesheet"/>
<link href="/postulacionascenso2023/Content/plugins.css" rel="stylesheet"/>
<link href="/postulacionascenso2023/Content/vendors.bundle.css" rel="stylesheet"/>
<link href="/postulacionascenso2023/Content/main.css" rel="stylesheet"/>
<link href="/postulacionascenso2023/Content/themes.css" rel="stylesheet"/>
<link href="/postulacionascenso2023/Content/ui.jqgrid.css" rel="stylesheet"/>
<link href="/postulacionascenso2023/RibbonDev/css/Ribbon.css" rel="stylesheet"/>
<link href="/postulacionascenso2023/Content/custom.css" rel="stylesheet"/>
<link href="/postulacionascenso2023/Content/style.css" rel="stylesheet"/>

<style>
    .form-style {
        margin-top: 8%;
        border: 1px solid gray;
        padding: 20px 55px;
        background-color: white;
        box-shadow: inset 0 -3em 3em rgba(0,0,0,0.1), 0 0 0 2px rgb(255,255,255), 0.3em 0.3em 1em rgba(0,0,0,0.3);
    }

    .sub-header {
        margin-bottom: 25px;
    }

    label {
        font-size: 14px !important;
    }

    #Usuario, #Correo {
        text-transform: uppercase;
    }
</style>
<div class="row">
    <div class="col-md-6 col-md-offset-5">
        <div class="form-style">
            
            <h2 class="sub-header">Recuperación de contraseña</h2>
            <div class="form-group">
                <input Value="1234567890123456" id="hfToken" name="hfToken" type="hidden" value="" />
                <label for="usuario">Ingrese su usuario del sistema (Si es Postulante, ingrese su N° RUC)</label> <span class="requerido">(*)</span>
                
                <input Class="form-control" autocomplete="off" autofocus="autofocus" id="Usuario" maxlength="50" name="Usuario" required="" type="text" value="" />
            </div>
            <div class="form-group">
                <label for="email">Ingrese su correo electrónico</label> <span class="requerido">(*)</span>
                
                <input Class="form-control" autocomplete="off" id="Correo" maxlength="50" name="Correo" required="" type="text" value="" />
            </div>
            

            <div class="row">
                <div class="col-md-16">
                    <p style="padding:8px; font-size:12px;" class="control-label bg-info"><i class="fa fa-info-circle"></i> El CORREO ELECTRÓNICO ingresado servirá para la notificación de la recuperación de constraseña así como notificaciones futuras de ser necesario, por lo que se recomienda ingresar una cuenta de <strong><u>correo a la que tenga acceso</u></strong> actualmente.</p>
                </div>
            </div>

            <div class="row">
                <div style="color:red;" role="alert">
                    <span id="lblMsj"></span>
                </div>
            </div>

            <div class="text-success" style="margin-bottom:15px; font-weight:bolder;">
                <span id="lblMsjOk"></span>
            </div>
            <div class="text-right">
                <button id="btnRecuperar" class="btn btn-primary">Recuperar</button>
                <button class="btn btn-default"><a href="/postulacionascenso2023/">Iniciar Sesi&#243;n</a></button>
            </div>

        </div>
    </div>
</div>

<title>Iniciar Recuperaci&#243;n</title>
<script nonce="nEClIxZ0QIMJoVMQB1M5kpjDErWKqoujJAFl/jYH89o=" src="/postulacionascenso2023/Scripts/vendor/modernizr-2.7.1-respond-1.4.2.min.js"></script>
<script nonce="nEClIxZ0QIMJoVMQB1M5kpjDErWKqoujJAFl/jYH89o=" src="/postulacionascenso2023/Scripts/vendor/jquery-3.5.1.min.js"></script>

<script type="text/javascript" nonce="nEClIxZ0QIMJoVMQB1M5kpjDErWKqoujJAFl/jYH89o=" src="/postulacionascenso2023/Scripts/core/jquery-ui.min.js"></script>
<script type="text/javascript" nonce="nEClIxZ0QIMJoVMQB1M5kpjDErWKqoujJAFl/jYH89o=" src="/postulacionascenso2023/Scripts/tooltip/tooltip.dev.js"></script>

<script type="text/javascript" nonce="nEClIxZ0QIMJoVMQB1M5kpjDErWKqoujJAFl/jYH89o=" src="/postulacionascenso2023/Scripts/vendor/bootstrap.min.js"></script>
<script type="text/javascript" nonce="nEClIxZ0QIMJoVMQB1M5kpjDErWKqoujJAFl/jYH89o=" src="/postulacionascenso2023/Scripts/plugins/metisMenu/jquery.metisMenu.js"></script>
<script type="text/javascript" nonce="nEClIxZ0QIMJoVMQB1M5kpjDErWKqoujJAFl/jYH89o=" src="/postulacionascenso2023/Scripts/plugins/slimscroll/jquery.slimscroll.min.js"></script>
<script type="text/javascript" nonce="nEClIxZ0QIMJoVMQB1M5kpjDErWKqoujJAFl/jYH89o=" src="/postulacionascenso2023/Scripts/vendor/inspinia.js"></script>
<script type="text/javascript" nonce="nEClIxZ0QIMJoVMQB1M5kpjDErWKqoujJAFl/jYH89o=" src="/postulacionascenso2023/Scripts/plugins.js"></script>
    <!-- Flot -->
<script type="text/javascript" nonce="nEClIxZ0QIMJoVMQB1M5kpjDErWKqoujJAFl/jYH89o=" src="/postulacionascenso2023/Scripts/plugins/flot/jquery.flot.js"></script>
<script type="text/javascript" nonce="nEClIxZ0QIMJoVMQB1M5kpjDErWKqoujJAFl/jYH89o=" src="/postulacionascenso2023/Scripts/plugins/flot/jquery.flot.tooltip.min.js"></script>
<script type="text/javascript" nonce="nEClIxZ0QIMJoVMQB1M5kpjDErWKqoujJAFl/jYH89o=" src="/postulacionascenso2023/Scripts/plugins/flot/jquery.flot.spline.js"></script>
<script type="text/javascript" nonce="nEClIxZ0QIMJoVMQB1M5kpjDErWKqoujJAFl/jYH89o=" src="/postulacionascenso2023/Scripts/plugins/flot/jquery.flot.resize.js"></script>
<script type="text/javascript" nonce="nEClIxZ0QIMJoVMQB1M5kpjDErWKqoujJAFl/jYH89o=" src="/postulacionascenso2023/Scripts/plugins/flot/jquery.flot.pie.js"></script>

<script type="text/javascript" nonce="nEClIxZ0QIMJoVMQB1M5kpjDErWKqoujJAFl/jYH89o=" src="/postulacionascenso2023/Scripts/sticky/jquery.noty.packaged.js"></script>

<script type="text/javascript" nonce="nEClIxZ0QIMJoVMQB1M5kpjDErWKqoujJAFl/jYH89o=" src="/postulacionascenso2023/Scripts/utils/bootstrap-datepicker.es.js"></script>
<script type="text/javascript" nonce="nEClIxZ0QIMJoVMQB1M5kpjDErWKqoujJAFl/jYH89o=" src="/postulacionascenso2023/Scripts/grid.locale-es.js"></script>
<script type="text/javascript" nonce="nEClIxZ0QIMJoVMQB1M5kpjDErWKqoujJAFl/jYH89o=" src="/postulacionascenso2023/Scripts/jquery.jqGrid.min.js"></script>
<script type="text/javascript" nonce="nEClIxZ0QIMJoVMQB1M5kpjDErWKqoujJAFl/jYH89o=" src="/postulacionascenso2023/Scripts/bootstrap-typeahead.js"></script>


<script type="text/javascript" nonce="nEClIxZ0QIMJoVMQB1M5kpjDErWKqoujJAFl/jYH89o=" src="/postulacionascenso2023/Scripts/aes.js"></script>
<script type="text/javascript" nonce="nEClIxZ0QIMJoVMQB1M5kpjDErWKqoujJAFl/jYH89o=" src="/postulacionascenso2023/Scripts/json/json2.js"></script>
<script type="text/javascript" nonce="nEClIxZ0QIMJoVMQB1M5kpjDErWKqoujJAFl/jYH89o=" src="/postulacionascenso2023/Scripts/utils/ProyectoMED.js"></script>

<script type="text/javascript" nonce="nEClIxZ0QIMJoVMQB1M5kpjDErWKqoujJAFl/jYH89o=" src="/postulacionascenso2023/Scripts/utils/jquery.blockUI.js"></script>
<script type="text/javascript" nonce="nEClIxZ0QIMJoVMQB1M5kpjDErWKqoujJAFl/jYH89o=" src="/postulacionascenso2023/Scripts/utils/jquery.blockUI.start.js"></script>

<script nonce="nEClIxZ0QIMJoVMQB1M5kpjDErWKqoujJAFl/jYH89o=" type="text/javascript">
    $(document).ready(function () {
        $("[id$=btnRecuperar]").click(function () {
            FUNCIONES.Recuperar();
            return false;
        });

        $("#Usuario,#Correo").blur(function () {
            var val = $(this).val().trim();
            $(this).val(val);
        });

        var FUNCIONES = {
            //
            Recuperar: function () {
                $("#lblMsj").html("");
                $("#lblMsjOk").html("");

                //validacion correo formato correcto
                if (!PROYECTOMED.CheckLength('Usuario', 'Debe ingresar un valor en el campo Usuario del sistema', 1))
                    return false;
                if (!PROYECTOMED.CheckLength('Correo', 'Debe ingresar un valor en el campo Correo Electrónico', 1))
                    return false;
                if (!PROYECTOMED.CheckEmail('Correo', 'Debe ingresar un valor correcto en el campo Correo Electrónico'))
                    return false;

                var datParam = new Object();
                var token = $("#hfToken").val();
                datParam.Usuario = $("[id$=Usuario]").val();
                datParam.Correo = $("[id$=Correo]").val();
                $.ajax({
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    url: window.location.href,
                    data: JSON.stringify({ 'parametros': Encrypt(JSON.stringify(datParam), token) }),
                    success: function (result) {
                        result = FUNCIONES.GetResult(result, token);
                        var datTabla = result.Dato;
                        var msgTabla = result.Msg;
                        if (datTabla) {
                            $("[id$=Usuario]").val("");
                            $("[id$=Correo]").val("");
                            $("#lblMsjOk").html(msgTabla);
                        } else {
                            $("#lblMsj").html(msgTabla);
                        }
                    },
                });
            },
            //
            GetResult: function (result, token) {
                if (result == undefined)
                    return;

                var decrypted = Decrypt(result, token);

                if (isJSON(decrypted)) {
                    result = JSON.parse(decrypted);
                } else {
                    result = decrypted;
                }
                return result;
            },

        }

        function removeSpaces(str) {
            return str = str.replace(/\s+/g, '');
        }

        /***ENCRYPT****/
        function Encrypt(textValue, keyValue) {

            if (textValue === null) {
                return null;
            }
            if (textValue === undefined) {
                return undefined;
            }
            if (textValue.replace(/^\s+|\s+$/gm, '') === "") {
                return textValue;
            }
            var key = CryptoJS.enc.Utf8.parse(keyValue);
            var result = CryptoJS.AES.encrypt(CryptoJS.enc.Utf8.parse(textValue), key,
                {
                    keySize: 128 / 8, iv: key,
                    mode: CryptoJS.mode.CBC,
                    padding: CryptoJS.pad.Pkcs7
                });

            var encrypted = result.toString();

            return encodeURIComponent(encrypted);
        }
        function Decrypt(encryptedText, pkey) {
            if (encryptedText === null) {
                return null;
            }
            if (encryptedText === undefined) {
                return undefined;
            }

            if (encryptedText.replace(/^\s+|\s+$/gm, '') === "") {
                return encryptedText;
            }
            var key = CryptoJS.enc.Utf8.parse(pkey);

            encryptedText = decodeURIComponent(encryptedText);

            var result = CryptoJS.AES.decrypt(encryptedText, key,
                {
                    keySize: 128 / 8, iv: key,
                    mode: CryptoJS.mode.CBC,
                    padding: CryptoJS.pad.Pkcs7
                });

            var decrypted = result.toString(CryptoJS.enc.Utf8);
            return decrypted;
        }

        function isJSON(item) {
            item = typeof item !== "string"
                ? JSON.stringify(item)
                : item;

            try {
                item = JSON.parse(item);
            } catch (e) {
                return false;
            }

            if (typeof item === "object" && item !== null) {
                return true;
            }

            return false;
        }

        function getRandomInt(min, max) {
            return Math.floor(Math.random() * (max - min)) + min;
        }



    });
</script>