<?php
	include_once('../config.php');      
?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <title><?php echo $SITE_NAME;?></title>
  <!-- MDB icon -->
  <link rel="icon" href="<?php echo ROOTPATH;?>/images/mdb-favicon.ico" type="image/x-icon">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css">  
 
  <link rel="stylesheet" href="<?php echo ROOTPATH;?>/css/bootstrap.min.css">
  <script src="<?php echo ROOTPATH;?>/jquery/jquery-1.11.1.min.js"></script>  
<link rel="stylesheet" href="<?php echo ROOTPATH;?>/fonts/fonts.css">  
</head>
<body>  

<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:-12px;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>


 <style>
.bg-1 {
	background-color: #337ab7;
	color: #ffffff;
	min-height: 300px;
}

.bg-1 h3 {
	padding: 0px 0px 0px 0px
}

.bg-2 {
	background-color: #ffffff;
	color: #000000;
	border: 1px solid #999;
	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 #999;
	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: 65%;
	text-align: right;
}

.widthleft124 {
	width: 124px;
	text-align: left;
}

.pdr0 {
	padding-right: 0px;
}

.ptb0 {
	padding-top: 10px;
	padding-bottom: 10px
}

.ammt{ 
    width:10%; 
	font-size: 40pt;
	font-weight: 700;
	text-align: center;
	color:green;
	border:none;

}


.ammt:focus {
	border: none;
}
.amtdisplay {
	color: #000000;
	font-size: 12pt !important;
	font-style: italic;
	font-weight: 700 !important;
	max-width: 324px;
	text-align: center;
	margin: 0 auto;
}

.btn {
	background: #088cff !important;
	color: #fff;
	font-size: 12px;
	margin-top: 10px
}

.cpbtn {
	width: 80%;
	font-weight: bold
}
.colroCass
{
    color:red;
}

.dpay {
	font-size: 12pt;
	font-weight: 700;
	padding-top: 60px
}

.addmsg {
	font-size: 12pt;
	position: relative;
	padding-top: 40px;
	border: none;
	background: none;
}

.dname {
	font-weight: bold;
	font-size: 20pt;
}
input:focus {
    outline: none;
    border: none;
}
  </style>

<div class="container-fluid text-center">
  <div class="container-fluid text-center"><img src="<?php echo ROOTPATH;?>/images/dpmoblogo.png" width="60px" class="tick"></div>
  <h3 class="dname"><?php echo $_REQUEST['name'];?>  </h3>
 <div class="container-fluid text-center ptb0">    <?php echo $_REQUEST['UPI'];?></div>
<div class="inputWrapper" id='some-inputs'> 
			 
        <span style="
    margin-left: 0px;
    margin-top: 0px;
    font-size: 20pt;
    font-weight: 700;
    position: relative;top:-18px">₹</span> <input type="number" id="AMMT" name="AMMT" class="ammt"   placeholder="0"/>
          </div>
<div class="container-fluid text-center ptb0 amtdisplay" id="AmountDisplay"> </div>
<div class="container-fluid text-center"><a class="addmsg">Add a Message</a></div>
<div class="dpay">From Dailypay <span style="font-size:12pt"><img src="down-arrow.png"></span></div>
<a href="#" class="btn btn-secondary cpbtn" id="SubmitUserPin" onclick="functionCalled();">Confirm Payment</a> 

        <input type="hidden" value="<?php echo $_REQUEST['UPI'];?>" id="UPI"/>
        <input type="hidden" value="<?php echo $_REQUEST['name'];?>" id="PayId"/>
        
</div>
 
 
 
<?php 
  include_once("../view/header-footer/footer.php");  
unset($_SESSION['Regis']);  
unset($_SESSION['topSuc']); 
unset($_SESSION['QRSET']); 
