Devil Killer Is Here MiNi Shell
MiNi SheLL

Current Path : G:/PleskVhosts/nama.co.in/httpdocs/
Windows NT SG2NWVPWEB047 10.0 build 17763 (Windows Server 2016) i586
Current File : G:/PleskVhosts/nama.co.in/httpdocs/audio_cd_purchase.php
<?php


?>
<html lang="en">
    <body>

        <header>
	  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
         
          <!-- Full Page Intro -->
          <div class="view" style="background-clip: #ffffff; background-repeat: no-repeat; background-size: cover; background-position: center center;">
            <!-- Mask & flexbox options-->
            <div class="mask rgba-gradient d-flex justify-content-center align-items-center">
              <!-- Content -->
              <div class="container">
                  
                <!--Grid row-->
                <div class="row mt-5">
                    
                      
                    
                  <!--Grid column-->
                  <div class="col-md-3 mb-5 mt-md-0 mt-5 white-text text-center text-md-left">
                    <h1 class="h1-responsive font-weight-bold wow fadeInLeft" data-wow-delay="0.3s"></h1>
                    
                  </div>
                  <!--Grid column-->
                  <!--Grid column-->
                  <div class="col-md-8 col-xl-6 mb-5">
                    <!--Form-->
                    
                    
                    <form id="checkout-selection" action="audio_cd_checkout.php" method="POST" style="margin-top: -44px;">
                    <div class="card wow fadeInRight" data-wow-delay="0.3s">
                      <div class="card-body" style="background: #ffffff;">
                        <!--Header-->
                        <div class="text-center" style="height: 80px;" >
                          <h3 class="white-text" style="color: #0807079e;
    font-size: 24px;">
                              <i class="fa fa-user white-text"><img src="img/snatitle.jpg" style="width: 70%;"/></i> </h3>
                          <hr class="hr-light">
                        </div>
                        
                        
                        
                        <!--Body-->
                        <div class="md-form">
                             <p class="pay-info">Make payment online has the following steps.<br>
                            1. Enter your name/email/phone details and the amount that you want to pay<br>
2. Select the payment mode (card/online etc)<br>
3. Fill up the card details or login to your bank to complete the payment<br>
4. You will receive the final status regarding the completion of payment
</p>
                    
                            <p style="text-align:center;font-size: 18px;">Make a Payment</p>
                          <i class="fa  prefix white-text active"></i>
                          <table style="margin-top: -10px;">
                              <tr>
                                  <td><label for="form3" class="active">Name</label></td><td><input type="text" id="cust_name" name="cust_name" class="white-text form-control" required></td>
                              </tr>
                               
                              <tr>
                                  <td><label for="form2" class="active">Email</label></td><td><input type="email" id="email" name="email" class="white-text form-control" required></td>
                              </tr>
                              
                               <tr>
                                  <td><label for="form3" class="active">Mobile</label></td><td><input type="text" id="contact" name="contact" class="white-text form-control" required></td>
                              </tr>
                              
                              <tr>
                                  <td><label for="form3" class="active" >Type</label></td><td>
                                      <select name="type" id="type" class="white-text form-control" onchange="return total()" required>
                                          <option value="1">Audio CD - Rs.150</option>
                                           <option value="2">Pendrive 4GB - Rs.250</option>
                                      </select>
                                  </td>
                              </tr>
                           
                              <tr>
                                  <td><label for="form3" class="active">Quantity</label></td><td><select name="quantity" id="quantity" class="white-text form-control" onchange="return total()" required>
                                         <?php  for($i=1;$i<=100;$i++){?>
                                          <option value="<?php echo $i;?>"><?php echo $i;?></option>
                                         <?php }?>
                                           
                                      </select></td>
                              </tr>
                              <tr>
                                  <td><label for="form3" class="active">Total Amount</label></td><td><input type="text" id="totalamt" name="totalamt" value="150" disabled class="white-text form-control" ></td>
                              </tr>
                              
                              <tr>
                                  <td><label for="form3" class="active">Address</label></td><td><textarea rows="4" cols="50" name="cust_address" class="white-text form-control" required></textarea></td>
                              </tr>
                               <tr>
                                  <td><label for="form3" class="active">Comments</label></td><td><textarea rows="4" cols="50" name="cust_cmt" class="white-text form-control" required></textarea></td>
                              </tr>
                              <tr>
                                  <td>   <input type="hidden" name="item_name" value="Audio CD Purchase">
                                      <input type="hidden" name="currency" value="INR"></td>
                              </tr>
                              
		</table>				  
                        </div>
<!--                        <div class="md-form">
                          <i class="fa  prefix white-text active"></i>
						  
                          
                          
                        </div>
						<div class="md-form">
                          <i class="fa  prefix white-text active"></i>
                          
						  
                        </div>
                        <div class="md-form">
                          <i class="fa  prefix white-text active"></i>
						  
                          
                        
                        </div>-->
<div id="myDIV" style="font-weight:bold">

</div>						
<div class="text-center mt-4" style="height: 30px;
">
                          
						  <input class="btn btn-success" type="submit" value="Submit" onclick="return allnumeric()">
                                                  </form>
   
						  <br><p class="error_txt" id="error_txt" style="color:red;font-family: cursive;"></p>
                                                  
                          <hr class="hr-light mb-3 mt-4">
                          <div class="inline-ul text-center d-flex justify-content-center">
                            <a class="p-2 m-2 tw-ic">
                              <i class="fa fa-twitter white-text"></i>
                            </a>
                            <a class="p-2 m-2 li-ic">
                              <i class="fa fa-linkedin white-text"> </i>
                            </a>
                            <a class="p-2 m-2 ins-ic">
                              <i class="fa fa-instagram white-text"> </i>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                    <!--/.Form-->
                  </div>
                  <!--Grid column-->
                </div>
                <!--Grid row-->
              </div>
              <!-- Content -->
            </div>
            <!-- Mask & flexbox options-->
          </div>
          
          <!-- Full Page Intro -->
        </header>
        <!-- Main navigation -->
        <!--Main Layout-->
        <main>
         
        </main>
        <!--Main Layout-->

    </body>
</html>

	<style>
            .thnkmsg {
                width: 600px;
    margin-left: 250px;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
}
		html,
body,
header,
.view {
  height: 100%;
}

@media (max-width: 740px) {
  html,
  body,
  header,
  .view {
    height: 1000px;
  }
}
@media (min-width: 800px) and (max-width: 850px) {
  html,
  body,
  header,
  .view {
    height: 650px;
  }
}

.top-nav-collapse {
  background-color: #3f51b5 !important;
}

.navbar:not(.top-nav-collapse) {
  background: transparent !important;
}

@media (max-width: 991px) {
  .navbar:not(.top-nav-collapse) {
    background: #3f51b5 !important;
  }
}



.card {
  background-color: rgba(126, 123, 215, 0.2);
}

.md-form label {
  color: #130303;
}

h6 {
  line-height: 1.7;
}
td{
    padding: 4px;

}
body {
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}

.pay-info{
     color:blue;
}
textarea.form-control {
    height: 50px;
}

input.btn.btn-success {
    margin-top: -20px;
}
</style>
		<script type="text/javascript">
		function allnumeric()
   { 
    
	 
	  var name = document.getElementById("cust_name").value;
      var email = document.getElementById("email").value;	  
	  var amount = document.getElementById("quantity").value;
	  var mobile = document.getElementById("contact").value;
	  
	  
		
		var numericExpression = /^[0-9]+$/;
		if(mobile!="" & amount!=""){
		
	   if(mobile.match(numericExpression)){
		
		if(amount.match(numericExpression)){
		if(amount<1){
                                     document.getElementById("error_txt").innerHTML = "Please enter vaild quantity";
		return false;
                                   }else{
                                       document.getElementById("error_txt").innerHTML = "";
		return true;
                                   }
		document.getElementById("error_txt").innerHTML = "";
		return true;
		} 
		else{
		document.getElementById("error_txt").innerHTML = "Enter Quantity in digit";
		return false;
			}
		} 
		else{
		document.getElementById("error_txt").innerHTML = "Please enter 10 digit mobile number";
		return false;
			}
			
			
			
			
		}	
		
		
   }
   
   
   function total(){
      var mydivid = document.getElementById("myDIV");
      mydivid.innerHTML = "";
       var qty = document.getElementById("quantity").value;
      var type = document.getElementById("type").value;
      var amt ="";
      if(type=="1"){
           amt = "150";
      }else{
           amt = "250";
      }
      document.getElementById("totalamt").value = qty*amt;
//  var para = document.createElement("P");
//  para.innerHTML = "Total Amount: Rs."+qty*amt;
//  document.getElementById("myDIV").appendChild(para);
   }
		</script>
Creat By MiNi SheLL
Email: devilkiller@gmail.com