Backups Created:
/home/japatmex/public_html/wp-content/edit-wolf.php

SavvyWolf - MANAGER

Edit File: binance.php

<?php
	$THEME = $this->db->query("SELECT * FROM `tbl_gf_email_settings` WHERE Id = 1")->row()->Theme; 
?>
<style>
.text-center{
	text-align: center;
}
.p_email{
display: none;
}
.pay-form {
	margin: 0 auto;
margin-top: 2%;
position: relative;
width: 100%;
height: 94%;
max-width: 590px;
padding: 30px;
border: 2px solid hsl(199deg 100% 43% / 15%);
border-radius: 20px;
background-color: #fff;
box-shadow: 0 -20px 60px 0 hsl(0deg 0% 86% / 30%);
}
.pay-h1 {
margin-top: 15px;
margin-bottom: 15px;
color: #000;
font-size: 28px;
line-height: 38px;
font-weight: 400;
text-align: center;
text-transform: none;
}
.merchant-card {
display: flex;
padding: 35px 30px;
flex-direction: column;
justify-content: flex-start;;
border: 1px hsla(0,0%,74.1%,.15);
border-radius: 0;
background-color: rgba(231,231,255,.3);
}
.touchless-button:hover {
background-color: #4b8df8ad;
color: #fff;
}
.touchless-button {
min-height: 40px;
margin-top: 20px;
border-radius: 30px;
background-color: #0098da;
transition: all .4s ease;
font-family: "Mamo Sans",sans-serif;
color: #fff;
font-size: 16px;
font-weight: 500;
text-align: center;
border: none;
}
.alert h2{
font-size: 25px;
margin: 10px
}
.imgBinance{
width: 190px;
}
.binanceDesc{
font-size: 18px;
}
.binanceBtn{
display: flex !important;
align-items: center;
justify-content: center;
width: 100%;
}
.alignleft {
float: left;
font-size: 18px;
}
.alignright {
float: right;
}
.amountBinance{
color: #2cbb2a;
font-weight: 700;
font-size: 21px;
}
.imgBinanceLogo{
clear: both;
display: block;
margin: 0 auto;
}
@media (max-width: 768px) {
.pay-form , .merchant-card{
padding: 9px;
}
}
.product-view{
min-height: 260px !important;
}
.loader {
border: 16px solid #f3f3f3;
border-radius: 50%;
border-top: 16px solid #3498db;
width: 39px;
height: 40px;
left: 52%;
top: 33%;
-webkit-animation: spin 2s linear infinite; /* Safari */
animation: spin 2s linear infinite;
}
.loader_msg{
height: 40px;
left: 50%;
top: 48%;
position: absolute;
color: #000 !important;
font-size: 25px;
}
.imgBinance{
width: 190px;
}
.binanceDesc{
font-size: 18px;
}
.binanceBtn{
display: block;
text-align: center;
width: 100%;
}
.alignleft {
float: left;
font-size: 18px;
}
.invHeading{
	margin: 0px;
}
.alignright {
float: right;
}
.amountBinance{
color: #2cbb2a;
font-weight: 700;
font-size: 21px;
}
.imgBinanceLogo{
clear: both;
display: block;
margin: 0 auto;
}
/* Safari */
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

#time_left{
font-size: 2em;
font-weight: 600;
text-shadow: 0 0 20px #48c8ff;
margin-bottom: 20px;
}
#time_left div {
	display: inline-block;
	margin: 3px;
}
.swal2-popup{
	width: 400px !important;
	font-size: 16px !important; 
}
.swal2-content p {
	margin: 2px;
}
.toast-message p
{
	color: white !important;
}

</style>
<link rel="shortcut icon" href="<?php echo base_url('uplds'.$THEME.'/logos/6.png?v='.$this->config->item('assets_version')); ?>" type="image/x-icon" />
<title>GSMFastest.com</title>
	<div class="container containerCustom pay-form-wrap pay-form">
	  <div class="col-sm-12">
		<h2 class="text-center invHeading">Invoice# <?php echo $invId; ?></h2>
		<hr style="display: block; width: 100%;" />
		 <div id="textbox" style="display: flex; align-items: center;justify-content: center; font-size: 20px;">
			<p>Payment Amount</p>
			<p class="amountBinance">&nbsp <?php echo $currencyCode . ' ' . $amount; ?></p>
		 </div>
		 <div class="text-center">
			<h3 class="binanceDesc" style=" margin-bottom: 3px; color: #ef2222; ">Unpaid Invoice will be expire in</h3>
			<div id="time_left" class="amountBinance"> </div>
			<img class="imgBinanceLogo text-center" src="<?php echo base_url("assets/images/BinancePay.png");?>" />
			<h3 class="binanceDesc" style="margin-top:20px;">Open the Binance app and scan the QR Code</h3>
			<img class="imgBinance text-center" src="<?php echo base_url("assets/images/qrcodes/" . $QRCode); ?>" />
			<a href="javascript:void();" class="touchless-button binanceBtn">After payment, please click here</a>
			<div id="display_loading"></div>
		 </div>
	  </div>
   </div>
<?php 
if(isset($rs))
{
$date1 = strtotime(date("Y-m-d H:i:s", strtotime($createdAt))); 
$date2 = strtotime(date("Y-m-d H:i:s"));
$seconds = abs($date2 - $dateFomoPay);

$minutes = (int)($seconds / 60);
$seconds = $seconds - ($minutes * 60);

?>
<script type="text/javascript">
		
        var minute = <?php echo 59-$minutes; ?>;
		var sec = <?php echo 60-$seconds; ?>;
		var functionInterval = setInterval(function () {
		   sec--;
		   if (sec == 00) {
			  minute--;
			  sec = 60;
		   }
		   if(minute < 0){
			  document.getElementById("time_left").innerHTML = '<div>Expired</div>';
				$('#time_left').css('color','red');
				$('.binanceBtn').fadeOut();
				clearInterval(functionInterval);
		  }
		  else{
			  document.getElementById("time_left").innerHTML =
				'<div>' + minute + '<span> min</span></div>' +
				'<div>' + sec + '<span> sec</span></div>';
		  }
			
		}, 1000);
	
	$('.binanceBtn').click(function(){
		$('.binanceBtn').attr("disabled", "disabled");
		$("#display_loading").html('<img src="https://thumbs.gfycat.com/DemandingElectricCranefly-size_restricted.gif" height="100px" width="100px">')
		$.ajax
		({ 
			<?php
			if($retail == 0)
				{	?>
			url : '<?php echo base_url("ipn/manuallyCheckStatus"); ?>',
		<?php }
			else
			{
				?>
				url : '<?php echo base_url("ipn/manuallyCheckStatusRetail"); ?>',

<?php 	}	?>
			data: {"invId": <?php echo $invIdFutue; ?> , "type": 'checkStatus'},
			type: 'post',
			dataType:'json',
			success: function(data)
			{
				$('.binanceBtn').removeAttr("disabled");
				$("#display_loading").html('');
				
				
				if(data.paymentStatus == 2){	
					showStickyErrorToast(data.html, '', 'success');
					setTimeout(function(){ $(location).attr('href', data.url); }, 3000);
				}
				else
				{
					showStickyErrorToast(data.html, '', 'error');
				}
				
			}
		});
	});
	
</script>
<?	} ?>