ok
Mini Shell
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Stripe Pay Custom Integration Demo</title>
<link href="style.css" type="text/css" rel="stylesheet" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<style type="text/css">
.paybox{width: 460px;margin: 7% auto;}
.paybox_bg{background: #fff;box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.18);border-radius: 10px;}
.bt_title{background: #fff; color: #000; padding: 20px 20px; border-bottom:1px solid #ccc;}
.paybody{padding: 20px;}
.paybox label{font-size: 13px; padding-top: 7px;}
.submit_button{border-radius: 4px; padding: 10px 20px; border:0; background: #204d74; color: #fff; display: block;width: 100%; font-size: 16px; text-transform: uppercase; margin-top: 20px;}
.submit_button:hover{background: #367fa9;}
.payspan{position: absolute; right:0; top:5px; font-size: 18px;}
@media(max-width:767px){
.paybox{width: 100%;margin: 1% auto;}
.bt_title img{width: 100%; height: auto;}
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="paybox">
<div class="paybox_bg">
<h3 class="bt_title"><img src="<?php echo base_url();?>/backend/images/razorpay.jpg" style="margin-bottom: 10px;"><br />Razorpay Payment Gateway </h3>
<div class="paybody">
<table class="table2" width="100%">
<tr>
<th><?php echo ('Description'); ?></th>
<th class="text-right"><?php echo ('Amount') ?></th>
</tr>
<tr>
<td> <?php
echo $params['payment_detail']->fee_group_name . "<br/><span>" . $params['payment_detail']->code;
?></span></td>
<td class="text-right"><?php echo amountFormat($params['total']); ?></td>
</tr>
<tr class="bordertoplightgray">
<td bgcolor="#fff"> <?php echo ('Fine'); ?>:</td>
<td bgcolor="#fff" class="text-right"> <?php echo amountFormat($params['payment_detail']->fine_amount); ?></td>
</tr>
<tr class="bordertoplightgray">
<td bgcolor="#fff"> <?php echo ('Total'); ?>:</td>
<td bgcolor="#fff" class="text-right"> <?php echo amountFormat($params['payment_detail']->fine_amount+$params['total']); ?></td>
</tr>
<tr><td colspan="2"><hr /></td></tr>
<tr class="bordertoplightgray">
<td bgcolor="#fff"> </td>
<td bgcolor="#fff" class="text-right"> <button type="button" onclick="pay()" name="search" value="" class="btn btn-info"><i class="fa fa fa-chevron-right"></i> <?php echo ('Pay With Razorpay'); ?></button> </td>
</tr>
</table>
</div>
</div><!--./paybox-->
</div><!--./paybox_bg-->
</div><!--./col-md-12-->
</div><!--./row-->
</div><!--./container-->
<script src="https://checkout.razorpay.com/v1/checkout.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
var SITEURL = "<?php echo base_url() ?>";
function pay(e) {
var totalAmount = <?php echo $total; ?>;
var product_id = <?php echo $merchant_order_id; ?>;
var options = {
"key": "<?php echo $key_id; ?>",
"amount": "<?php echo convertBaseAmountCurrencyFormat($total); ?>", // 2000 paise = INR 20
"name": "<?php echo $name; ?>",
"description": "<?php echo $title; ?>",
"currency": "<?php echo $currency_code; ?>",
"image": "https://www.73lines.com/web/image/12427",
"callback_url": SITEURL + 'gateway/razorpay/callback',
"redirect": true,
"handler": function (response) {
},
"theme": {
"color": "#528FF0"
}
};
var rzp1 = new Razorpay(options);
rzp1.open();
}
;
</script>
</body>
</html>
Zerion Mini Shell 1.0