<?php   
	include_once("../view/header-footer/pin-header.php");  
?>
<style  type="text/css">
body{font-family:sans-serif;}
@media only screen and (max-width: 767px) {
.btn-white {
background: #1793ff !important;
border:none!important;
width:60px;
}
.btn-pay{margin-top:-54px;margin-left:-21px;width:83px;}
.fixed-bottom{bottom:-16px;}
.img-btm{width:47px;}
}
.bg-1 {
background-color: #007bff;
color: #ffffff;
min-height:300px;
}
.bg-1 h3{padding:0px 0px 0px 0px; color:#45fa3c;font-size:28px;}
.bg-2 {
background-color: #ffffff;
color: #000000;
border:1px solid #c8c8c8;
border-radius:8px;
padding:10px;
margin:-35px 10px 10px 10px;
}
.bg-2 p{font-size:14px;}
.bg-3 {
background-color: #ffffff;
color: #000000;
border:1px solid #c8c8c8;
border-radius:8px
}
.rupee{font-size:45px;padding:0px 0px 10px 0px;font-weight:700;}
.textt{font-size:18px;color:#fff}
.tick{padding-top:30px;}
.float-left{float:left}
.float-right{float:right}
.widthright65{min-width: 50%; text-align: right;padding-bottom:6px;font-size: 14px;color: #4b4b4b;font-family:sans-serif;}
.widthleft126{width: 206px; text-align: left;padding-bottom:6px;font-size: 14px;font-weight:bold;color: #4b4b4b;font-family:sans-serif;}
.pdr0{padding-right:0px;}
.pdt{padding-top:15px!important;}
.row{flex-wrap: inherit!important;}
.pdt a{font-size: 14px;}
</style>



<script>  
                    
                       		
									
                       $(document).ready(function()
                        {    
                                $("#pin1").focus();    
                                $("#pin6").keyup(function()
                                { 
                                                    setvar = $("#pin1").val()+''+$("#pin2").val()+''+$("#pin3").val()+''+$("#pin4").val()+''+$("#pin5").val()+''+$("#pin6").val();  
                                                   
                                                    URL = "<?php echo ROOTPATH?>"; 
            							           
            							            if(setvar.length>5)
            							            {
            							            $('.loader').css('display','block');
                            						$.ajax({	
                            						type: "POST",
                            						url: URL+"/dashboard/mt3.php",
                            						data: {FormDataSubmitAgn:1,AccountList:$("#AccountList").val(),AMMT:$("#AMMT").val(),TxnPwd:setvar,mobile:$("#Mobile").val(),mode:$("#mode").val()},
                            						beforeSend: function()
                            						{
                                						 $('#myVid').get(0).play(); 
                            						},
                            						success: function(data)
                            						{       
                            						      
                                                            SentAmt = $("#AMMT").val();
                                                            AccountList = $("#AccountList").val();
                                                            $("#UPI").val('');
                                                            $("#TxnPwd").val(''); 
                                                            $('.loader').css('display','none');  
                                                               

                            						        var Obj = jQuery.parseJSON(data);    
                            						        if(Obj.Sccuecc==0)
                            						        {
                                                                $("#PgFail").html(Obj.message);  
                                                                $("#AvailbleId").html("");  
                                                                $("#PgFail").show(); 
                            						        }else
                            						        {
                                                                $('.phpAy').css('display','block');   
                                                                var video=document.getElementById("myVid"); 
                                                                video.muted = !video.muted;
                                                                
                                                                setInterval(function () 
                                                                {
                                                                    window.location.href  = URL+"/dashboard/mt2.php?id="+Obj.reVal+"&AccountList="+AccountList+"&mode="+$("#mode").val(); 
                                                                }, 4000);
                            						          }    
                            					        	}    
                					        	      });  
                                               } 
                                }); 
                                 
                                 
                        });  
                		</script>  

 
 
<div class="col-sm-12 enterPin">
					<h5 >ENTER TRANSACTION PIN</h5>
					<!--input type="password" class="myInput" id="DataPin" placeholder="Enter Pin"-->
					<div class="inputWrapper" id='some-inputs'>
					<span><input type="password" class="myInput MyPinSound"  pattern="[0-9]*" inputmode="numeric" id="pin1" maxlength="1"></span>
					<span><input type="password" class="myInput MyPinSound"   pattern="[0-9]*" inputmode="numeric" id="pin2" maxlength="1"></span>
					<span><input type="password" class="myInput MyPinSound"  pattern="[0-9]*" inputmode="numeric" id="pin3" maxlength="1"></span>
					<span><input type="password" class="myInput MyPinSound"  pattern="[0-9]*" inputmode="numeric" id="pin4" maxlength="1"></span>
					<span><input type="password" class="myInput MyPinSound"  pattern="[0-9]*" inputmode="numeric" id="pin5" maxlength="1"></span>
					<span><input type="password" class="myInput MyPinSound"  pattern="[0-9]*" inputmode="numeric" id="pin6" maxlength="1"></span>
					</div>
					
					<p class="errorMessage" id="errorMessage" style="color:#000"> 
					    <a href="chngeTnx.php"> Reset Pin</a>
					</p>
					
					<div class="modalFooter">
				 
					<a href="javascript:void(0);" id="PgFail" style="color:red;">  </a>
                    <input type="hidden" name="AMMT"  id="AMMT" value="<?php echo $_REQUEST['amont'];?>" /> 
                    <input type="hidden" value="<?php echo  $_REQUEST['AccountList'] ;?>" id="AccountList"/>
                    <input type="hidden" value="<?php echo $_REQUEST['mobile'];?>" id="Mobile"/>
                    <input type="hidden" value="<?php echo $_REQUEST['mode'];?>" id="mode"/>
					</div>
</div>
          
 

<div class="loader">
<div class="loaderInn">
<img src="<?php echo ROOTPATH;?>/images/loader.gif" alt="loading" />
</div>
</div>

<div class="phpAy">
<div class="loaderInnpg">
<!--img src="https://www.dailypayservices.in/mob/view/images/32b6f2aeeb2d21c5a29382721cdc67f7.gif" /--> 
<video width="340" height="280" muted  loop    autoplay  id="myVid">
<source src="ezgif-5-62d2ce7287-VEED.mp4" type="video/mp4">
<source src="ezgif-5-62d2ce7287-VEED.mp4" type="video/ogg">
Your browser does not support the video tag.
</video>   
</div>
</div>


<script src="https://code.jquery.com/jquery-3.6.0.slim.min.js"></script>
<script src="join_inputs.jquery.min.js"></script>
<script>$('#some-inputs input').joinInputs()</script> 

<!-- jQuery -->
<script type="text/javascript" src="<?php echo ROOTPATH;?>/js/jquery.min.js"></script>
<!-- Bootstrap tooltips -->
<script type="text/javascript" src="<?php echo ROOTPATH;?>/js/popper.min.js"></script>
<!-- Bootstrap core JavaScript -->
<script type="text/javascript" src="<?php echo ROOTPATH;?>/js/bootstrap.min.js"></script>
<!-- MDB core JavaScript -->
<script type="text/javascript" src="<?php echo ROOTPATH;?>/js/mdb.min.js"></script>  
 
 
<?php 
  include_once("../view/header-footer/footer.php");  
unset($_SESSION['Regis']);  
unset($_SESSION['topSuc']); 
unset($_SESSION['QRSET']); 
