                        <!-- Index.html -->
                        <!DOCTYPE html>
                        <html lang="en">
                        
                       	<head>

						<style>
						/* First Pin CSS */

						.pin-container {
						display: flex;
						justify-content: center;
						align-items: center;
						}

						.pin-input {
						font-family: monospace;
						font-size: 8.5rem;
						border: none;
						outline: none;
						padding: 0;
						width: calc(1.6ch * 6);
						background: repeating-linear-gradient(90deg, dimgrey 0, dimgrey 1ch, transparent 0, transparent 1.6ch) 0 100%/100% 2px no-repeat;
						color: dimgrey;
						letter-spacing: .6ch;
						-webkit-text-security: disc;
						-moz-text-security: disc;
						}


						/* Second Pin CSS */

						.box-pin-container {
						position: relative;
						font-family: monospace;
						font-size: 8.5rem;
						height: 2ch;
						display: flex;
						align-items: center;
						}
						.box-pin-input {
						font-family: inherit;
						font-size: inherit;
						border: none;
						outline: none;
						padding: 0;
						letter-spacing: 1ch;
						-webkit-text-security: disc;
						-moz-text-security: disc;
						color: gray;
						padding-left: .25ch;
						height: 1.5ch;
						margin-bottom: .05ch;

						background: transparent;
						width: 8ch;
						}

						.cell {
						position: absolute;
						top: 0;
						bottom: 0;
						outline: 2px solid lightgray;
						width: 1.5ch;
						z-index: -1;
						}

						.container {
						display: flex;
						justify-content: center;
						align-items: center;
						}

						body {
						height: 90vh;
						padding: 0;
						margin: 0;
						display: flex;
						flex-direction: column;
						align-items: center;
						justify-content: center;
						gap: 3rem;
						}
						.alert-success{text-align:center;font-size:50px;color:#8a8a8a;}
						.red{color:red;}


						.loader {
						background: rgba(255,255,255,0.9);
						position: fixed;
						height: 100%;
						width: 100%;
						text-align: center;
						z-index: 999;
						top: 0;
						display: none;
						}
                
                    	.phpAy {
				        background: rgba(255,255,255,0.9);
						position: fixed;
						height: 100%;
						width: 100%;
						text-align: center;
						z-index: 999;
						top: 0;
						display: none;
						}
						
                        .loaderInn 
                        {
                        position: absolute;
                        top: 43%;
                        left: 40%;
                        height: 253px;
                        margin-top: -33px;
                        margin-left: -27px;
                        width: 255px;
                        border-radius: 20px;
                        background-color: #fff;
                        -webkit-box-shadow: 0px 0px 18px 1px rgb(16 16 18 / 23%);
                        -moz-box-shadow: 0px 0px 18px 1px rgba(16,16,18,0.23);
                        box-shadow: 0px 0px 18px 1px rgb(16 16 18 / 23%);
                        }
                        
                        	
                        .loaderInnpg {
                        position: absolute;
                        top: 43%;
                        left: 39%;
                        height: 253px;
                        margin-top: -63px;
                        margin-left: -177px;
                        width: 284px;
                        background-color: #fff;
                        } 
            
                        .loaderInn img 
                        {
                        width: 300px;
                        margin-top: -8%;
                        margin-left: -8%;
                        height:300px;
                        }
                            
                            .loaderInnpg img {
                            width: 700px;
                            margin-top: -51%;
                            margin-left: -70%;
                            height: 560px;
                            }

						</style>
						</head>
                        													
                        <body> 
                        
                        <script src="<?php echo ROOTPATH;?>/jquery/jquery-1.11.1.min.js"></script>
                        <script src="<?php echo ROOTPATH;?>/jquery/jquery.validate.js"></script> 
                        <script src="<?php echo ROOTPATH;?>/view/js/jquery-ui.js"></script>        
                                
                                 	
	
                	  	<script>  
                        $(document).ready(function()
                        {   
                               // $('.phpAy').css('display','block'); 
                                $('#TxnPwd')[0].focus();    
                                $("#TxnPwd").keyup(function()
                                { 
                                    $("#PgFail").html("");  
                                    len  = (this.value).length;  
                                    if(len>5)
                                    {     
                    						URL = "<?php echo ROOTPATH?>";
                    						 
                    						if($("#TxnPwd").val()!='') 
                    						{      
                    						$.ajax({	
                    						type: "POST",
                    						url: URL+"/ajax/validation.php",
                    						data: {FormDataSubmit:1,AMMT:10000,TxnPwd:$("#TxnPwd").val()},
                    						beforeSend: function()
                    						{
                    
                    						},
                    						success: function(data)
                    						{       
                    						$("#MsgShow").hide(300);
                    						$("#submit").hide(300); 
                    						$("#PayAgian").show(300) ;
                    
                    
                                                    
                            						if(data==1) 
                            						{  
                            
                            						////
                            						$('.loader').css('display','block');
                            						$.ajax({	
                            						type: "POST",
                            						url: URL+"/dashboard/atw2.php",
                            						data: {submit:1},
                            						beforeSend: function()
                            						{
                                						 $('#myVid').get(0).play(); 
                            						},
                            						success: function(data)
                            						{       
                            						    
                            						        SentAmt = $("#AMMT").val();
                            						        upi = $("#UPI").val();
                            								$("#UPI").val('');
                            								$("#AMMT").val('');
                            								$("#TxnPwd").val(''); 
                            								$('.loader').css('display','none');   
                                                             
                        							   
                        						        	 $('.phpAy').css('display','block');   
                                                             var video=document.getElementById("myVid"); 
                                                             video.muted = !video.muted;
                                                            
                                                            setInterval(function () {
                                                               window.location.href  = URL+"/dashboard/atw3.php?id="+data; 
                                                            }, 4000);  
                        									//window.location.href  = URL+"/dashboard/dt4.php?id="+data;   
                        									$("#SuccImg").show(300);  
                        									
                            						}   
                            						}); 
                            						//   
                            
                            						}else if(data==2)
                            						{
                            					    	alert("Error: 303");
                            						}else   if(data==3)
                            						{
                            							$("#PgFail").html("Insufficient Fund");  
                            							$("#AvailbleId").html("");  
                            							$("#PgFail").show();         
                            						}else 
                            						{
                            							$("#PgFail").html("Enter correct Transaction PIN");  
                            							$("#AvailbleId").html("");  
                            							$("#PgFail").show();         
                            						}
                    
                    						}
                    						}); 
                    						}    
                                    
                                    }else
                                        $("#PgFail").html("");
                                       
                                });
                                
                                 //$('.loader').css('display','block');
                                 //$('.phpAy').css('display','block');
                        });     
                		</script>
                		
                		
                		<div class="alert alert-success" role="alert">
						<strong>Enter Transaction PIN</strong>
						</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="640" height="480" 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> 
                                	
                                
                                	<!--a href="javascript:void(0);" id="go-backDown" class="PaySound " style="background-color: #088cff;
						border: none;
						color: #fff;
						padding: 5px 10px;
						text-align: center;
						text-decoration: none;
						display: inline-block;
						width:25%; 
						border-radius:18px;
						font-size: 90px;
						margin: 4px 2px;
						cursor: pointer;" onclick="functionCalled1();"   >PAY</a-->   

						</div>
						</div>

						<div class="pin-container">
					
						<input type="text" name="pin-code" class="pin-input" pattern="\d*" maxlength="6" title="Input 6 number PIN code" inputMode="numeric" id="TxnPwd" name="TxnPwd" autocomplete="off" />
						<input type="hidden" name="AMMT"  id="AMMT" value="<?php echo $_REQUEST['amont'];?>" />
						<input type="hidden" value="<?php echo $_REQUEST['UPI'];?>" id="UPI"/>
						</div>

					



						<div class="alert alert-success red">
						<strong  id="PgFail"></strong>
						</div>	
                         
                        										  
                        </body>
                        
                        </html>
