<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-compatible" content="IE-edge">
   
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/css/bootstrap.min.css" rel="stylesheet">
      <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/js/bootstrap.bundle.min.js"></script>
      <style type="text/css">
         .button {background-color: #1CA78B;  border: none;  color: white;  padding: 15px 32px;  text-align: center;  text-decoration: none;  display: inline-block;  font-size: 16px;  margin: 4px 2px;  cursor: pointer;  border-radius: 4px;}
         input {  max-width: 30%;}
      </style>

    <!-- Bootstrap CSS -->
   
     <link rel="stylesheet" href="bootstrap/css/main.css" type="text/css">
     
     <link rel="icon" href="images/img2.ico">
     
     <link href="https:fonts.googleapis.com/css?family=Roboto-Black.ttf" rel="stylesheet" type="text/css">

    <link href="https:fonts.googleapis.com/css?family=Pacifico" rel="stylesheet" type="text/css"> 
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/bootstrap-dark.min.css">
   
    <title>Application Portal::Home</title>


    
  <style>

.bt{
  padding: 10px;
  display: none;
  margin-top:7px;
}
    
  </style>

  </head>
  
  <body>
  
    <div class="container">
     
    <div class="media">
      <center>
  <div class="media-top">
    <a href="#">

    <img src="images/img2.jpg" class="media-object" alt="Oscotech Logo">
    </a>
  </div>
</center>
</div>

<hr style="border:inset 1px solid">



<center>
<div class="headers">

<span class="head-styling-left">Admission Portal</span>

<span class="head-styling-right">Preview Page</span>

</div>

</center>
<hr style="border:inset 1px solid">
    
<div class="row">

  <div class="col-md-12">
   

      <div class="page-container">
      <div class="page-header-text">
        <h2>Online Applicant's Data</h2>
        </div>

        <div class="page-content-text" >



  
    <div class="" style="width:100%">
     
        <div class="well" >
        
<!--       <div class="container">
	<div class="row">
		<div class="col-md-12">-->
			<form name="form1" id="form1" action="postjson.php" method="post" style="width:100%;" class="form-horizontal">
			
			
			<div class="row" style="float:left">
			
					<label class="control-labelu col-md-4">Payer Name</label>
				
						<input type="text" class="form-control col-md-8" placeholder="Enter Name..." name="name">
				
                
					<label class="col-md-4 control-labelt">Payer Email</label>
				
						<input type="text" class="form-control col-md-8" placeholder="Enter Email..." name="email">
				
			
					<label class="col-md-4 control-labelt">Payer Phone</label>
					
						<input type="text" class="form-control col-md-8" placeholder="Enter Phone..." name="phone">
				
				</div>	 
				<input type="hidden" id="stid" name="stid">
				 <div class="form-group">
					<div class="col-md-8">
						<button class="btn btn-sm btn-primary" id="payButton" style='font-size:15px;margin-top:20px' type="button">Pay Now</button>
				
				 <!--<a href='./validate-bank-source.php' style='color:red; font-weight:bolder; padding-left:5%; padding-top:10%'>Validate Bank Receipt</a>-->

				
				
					</div>
				</div>
			</form>
      
      
      
      <script type="text/javascript" src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
        <script type="text/javascript">
            $(function() {
                $("button#payButton").click(function(){
                  $('form[name=form1]').submit();
                });
                
                
      
     $.ajax({
       url : 'genrrr.php', // my php file
       type : 'GET', // type of the HTTP request
       success : function(result){ 
           
          // alert('Result: '+result);
           var result = JSON.parse(result);
           
            $("input[name='name']").val(result.name);
            $("input[name='email']").val(result.email);
           $("input[name='phone']").val(result.phone);
           $("#stid").val(result.stid);
        //   alert('name '+result.name);
         //  alert('email '+ result.email);
          // alert('phone '+result.phone);
          // nam$('#js-rrr').val(result);
          //var obj = jQuery.parseJSON(result);
          //console.log(obj);
       }
         
     });     
            });
        </script>
      
      
      
      
      
      
      
      
      
      
      
    
   
   
   
           
            
<!--</div>
</div>
</div>-->
</div>
</div>
</div>
</body>
</html>










  
  