susee
This commit is contained in:
suseendhiran17
commit
40a639f6a4
@ -135,7 +135,7 @@
|
|||||||
<div>Credits: <span><?= $no_of_credits ?></span></div>
|
<div>Credits: <span><?= $no_of_credits ?></span></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-4">
|
<div class="col-lg-4">
|
||||||
<div>Expiry Date: <span><?php $date = new DateTime($expiring_date); echo $date->format('M-d-Y'); ?></span></div>
|
<div>Expiry Date: <span><?php if($expiring_date){ $date = new DateTime($expiring_date); echo $date->format('M-d-Y'); }?></span></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -1,135 +1,121 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en-US">
|
<html lang="en-US">
|
||||||
<head>
|
<head>
|
||||||
<title>Payment Successful - Golf Evolution</title>
|
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
|
||||||
<meta charset="UTF-8">
|
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
||||||
<link rel="icon" href="<?= base_url()."/public"; ?>/assets/member_images/favicon.png" sizes="192x192" />
|
|
||||||
<link rel="apple-touch-icon" href="<?= base_url()."/public"; ?>/assets/member_images/favicon.png" />
|
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
||||||
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap" rel="stylesheet">
|
|
||||||
<link rel="stylesheet" href="<?= base_url()."/public"; ?>/assets/member_css/front-style.css">
|
|
||||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
|
|
||||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
|
||||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
|
|
||||||
<script src="<?= base_url()."/public"; ?>/assets/member_js/ajax.js"></script>
|
|
||||||
</head>
|
</head>
|
||||||
|
<style>
|
||||||
|
.invoice {
|
||||||
|
position: relative;
|
||||||
|
background: #fff;
|
||||||
|
border: 1px solid #f4f4f4;
|
||||||
|
padding: 20px;
|
||||||
|
margin: 10px 25px;
|
||||||
|
}
|
||||||
|
.page-header {
|
||||||
|
margin: 10px 0 20px 0;
|
||||||
|
font-size: 27px;
|
||||||
|
text-align: center;
|
||||||
|
color: #47c347;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
.action_head{
|
||||||
|
font-size: 22px;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
.total{
|
||||||
|
width:100%
|
||||||
|
}
|
||||||
|
</style>
|
||||||
<body class="payment">
|
<body class="payment">
|
||||||
|
|
||||||
|
|
||||||
|
<!------ Include the above in your HEAD tag ---------->
|
||||||
|
|
||||||
<section>
|
<section class="content content_content" style="width: 70%; margin: auto;">
|
||||||
<div class="container">
|
<section class="invoice">
|
||||||
<div class="row">
|
<!-- title row -->
|
||||||
<div class="col-lg-2"></div>
|
<div class="row">
|
||||||
<div class="col-lg-8">
|
<div class="col-md-12">
|
||||||
<div class="payment-box">
|
<h2 class="page-header">
|
||||||
<div class="row payment-head">
|
<i class="fa fa-globe"></i> Payment Successful!
|
||||||
<div class="col-lg-12">
|
|
||||||
<div>
|
</h2>
|
||||||
<h1 class="sucessful-heading">Payment Successful!</h1>
|
</div><!-- /.col -->
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<!-- info row -->
|
||||||
|
<div class="row invoice-info">
|
||||||
|
<div class="col-sm-4 invoice-col">
|
||||||
|
<span class="action_head">Order Id</span>
|
||||||
|
<address>
|
||||||
|
<?= $order_id; ?>
|
||||||
|
</address>
|
||||||
|
</div><!-- /.col -->
|
||||||
|
<div class="col-sm-4 invoice-col">
|
||||||
|
<span class="action_head">Transaction Date</span>
|
||||||
|
<address>
|
||||||
|
<?= $formattedDate; ?>
|
||||||
|
</address>
|
||||||
|
</div><!-- /.col -->
|
||||||
|
<div class="col-sm-4 invoice-col">
|
||||||
|
<span class="action_head">Payment Method</span>
|
||||||
|
<address>
|
||||||
|
<?= $card_brand; ?> card ending with <?= $last_4; ?>
|
||||||
|
</address>
|
||||||
|
</div><!-- /.col -->
|
||||||
|
</div><!-- /.row -->
|
||||||
|
</br> <span class="action_head">Your Order</span>
|
||||||
|
<!-- Table row -->
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-xs-12 table-responsive">
|
||||||
|
<table class="table table-striped">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div><!-- /.col -->
|
||||||
|
</div><!-- /.row -->
|
||||||
|
|
||||||
<div class="row aside">
|
<div class="row">
|
||||||
<div class="col-lg-12">
|
<!-- accepted payments column -->
|
||||||
<div class="row">
|
<div class="col-md-12">
|
||||||
<div class="aside-content col-lg-4">
|
|
||||||
<div class="trans-id label">Order Id</div>
|
<div class="table-responsive">
|
||||||
<div class="trans-id"><?= $order_id; ?></div>
|
<table class="table">
|
||||||
</div>
|
<tbody>
|
||||||
<div class="aside-content col-lg-4">
|
<?php foreach ($memberCredits as $val) { ?>
|
||||||
<div class="trans-date label">Transaction Date</div>
|
<tr>
|
||||||
<div class="trans-date"><?= $formattedDate; ?></div>
|
<th>
|
||||||
</div>
|
|
||||||
<div class="aside-content col-lg-4 aside-content-last">
|
|
||||||
<div class="trans-method label">Payment Method</div>
|
|
||||||
<div class="trans-method"><?= $card_brand; ?> card ending with <?= $last_4; ?></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row order">
|
|
||||||
<div class="col-lg-12">
|
|
||||||
<div class="order-heading">Your Order</div>
|
|
||||||
</div>
|
|
||||||
<?php foreach ($memberCredits as $val) { ?>
|
|
||||||
<div class="col-lg-6">
|
|
||||||
<div class="row">
|
|
||||||
|
|
||||||
<div class="col-lg-5">
|
|
||||||
<div class="product-name"><?php echo $val['package_name']." (".$val['cost']." x ".$val['pack_count'].")"; ?></div>
|
<div class="product-name"><?php echo $val['package_name']." (".$val['cost']." x ".$val['pack_count'].")"; ?></div>
|
||||||
<div class="credits-number"><?php echo $val['credit_points']; ?> Credits</div>
|
<div class="credits-number"><?php echo $val['credit_points']; ?> Credits</div>
|
||||||
<!-- <div class="credit-point">20+4 Credits Extra*</div>
|
</th>
|
||||||
<div class="credit-price">1 Credit at $22.90</div> -->
|
<td><span class="price-symbol">$</span><?php echo $val['costSum']; ?></td>
|
||||||
|
</tr>
|
||||||
|
<?php } ?>
|
||||||
|
<tr >
|
||||||
|
<th class="total">PST (<?= $pst; ?>%)</th>
|
||||||
|
<td> <span class="price-symbol">$</span><?= round($Subtotal * $pst / 100 , 2); ?></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th class="total">GST (<?= $gst; ?>%)</th>
|
||||||
|
<td> <span class="price-symbol">$</span><?= round($Subtotal * $gst / 100 , 2); ?></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th class="total action_head">Total</th>
|
||||||
|
<td class="action_head"> <span class="price-symbol ">$</span><?= round( ( $Subtotal + (($Subtotal * ($gst + $pst) ) / 100) ) , 2 ); ?></td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-3"></div>
|
</div><!-- /.col -->
|
||||||
</div>
|
</div><!-- /.row -->
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-lg-6 d-flex justify-content-end align-items-start">
|
</section>
|
||||||
<div class="order-total"><span class="price-symbol">$</span><?php echo $val['costSum']; ?></div>
|
</section>
|
||||||
</div>
|
|
||||||
<?php } ?>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="total">
|
|
||||||
|
|
||||||
<div class="row total-list">
|
|
||||||
<div class="col-lg-6">
|
|
||||||
<div class="subtotal label">Subtotal</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-6 text-end">
|
|
||||||
<div class="subtotal"><span class="price-symbol">$</span><?= $Subtotal; ?></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row total-list">
|
|
||||||
<div class="col-lg-6">
|
|
||||||
<div class="taxes label">Taxes</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-2"></div>
|
|
||||||
<div class="col-lg-2 text-end">
|
|
||||||
<div class="taxes pst label">PST (<?= $pst; ?>%)</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-2 text-end">
|
|
||||||
<div class="taxes pst"><span class="price-symbol">$</span><?= round($Subtotal * $pst / 100 , 2); ?></div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-6">
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-2"></div>
|
|
||||||
<div class="col-lg-2 text-end">
|
|
||||||
<div class="taxes gst label">GST (<?= $gst; ?>%)</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-2 text-end">
|
|
||||||
<div class="taxes gst"><span class="price-symbol">$</span><?= round($Subtotal * $gst / 100 , 2); ?></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row sub-total-main">
|
|
||||||
<div class="col-lg-6">
|
|
||||||
<div class="order-total label">Total</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-6 text-end">
|
|
||||||
<div class="order-total"><span class="price-symbol">$</span><?= round( ( $Subtotal + (($Subtotal * ($gst + $pst) ) / 100) ) , 2 ); ?></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-2"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user