122 lines
5.3 KiB
PHP
122 lines
5.3 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en-US">
|
|
<head>
|
|
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
|
|
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
|
|
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
|
</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">
|
|
|
|
|
|
<!------ Include the above in your HEAD tag ---------->
|
|
|
|
<section class="content content_content" style="width: 70%; margin: auto;">
|
|
<section class="invoice">
|
|
<!-- title row -->
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<h2 class="page-header">
|
|
<i class="fa fa-globe"></i> Payment Successful!
|
|
|
|
</h2>
|
|
</div><!-- /.col -->
|
|
</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">
|
|
<!-- accepted payments column -->
|
|
<div class="col-md-12">
|
|
|
|
<div class="table-responsive">
|
|
<table class="table">
|
|
<tbody>
|
|
<?php foreach ($memberCredits as $val) { ?>
|
|
<tr>
|
|
<th>
|
|
<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>
|
|
</th>
|
|
<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><!-- /.col -->
|
|
</div><!-- /.row -->
|
|
|
|
|
|
</section>
|
|
</section>
|
|
|
|
</body>
|
|
</html>
|