mail_template:GWM
This commit is contained in:
sriramv
parent
cd7cce3cb8
commit
a47e43d394
@ -1,121 +1,110 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en-US">
|
||||
|
||||
<head>
|
||||
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
|
||||
<!-- <script src="http://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
|
||||
<script src="http://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 ---------->
|
||||
<body marginheight="0" topmargin="0" marginwidth="0" style="margin: 0px; background-color: #f2f3f8;" leftmargin="0">
|
||||
<table cellspacing="0" border="0" cellpadding="0" width="100%" bgcolor="#f2f3f8"
|
||||
style="@import url(https://fonts.googleapis.com/css?family=Rubik:300,400,500,700|Open+Sans:300,400,600,700); font-family: 'Open Sans', sans-serif;">
|
||||
<tr>
|
||||
<td>
|
||||
<table style="background-color: #f2f3f8; max-width:670px; margin:0 auto;" width="100%" border="0"
|
||||
align="center" cellpadding="0" cellspacing="0">
|
||||
|
||||
<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">
|
||||
<!-- Email Content -->
|
||||
<tr>
|
||||
<td>
|
||||
<table width="95%" border="0" align="center" cellpadding="0" cellspacing="0"
|
||||
style="max-width:670px; background:#fff; border-radius:3px;-webkit-box-shadow:0 6px 18px 0 rgba(0,0,0,.06);-moz-box-shadow:0 6px 18px 0 rgba(0,0,0,.06);box-shadow:0 6px 18px 0 rgba(0,0,0,.06);padding:0 40px;">
|
||||
<tr>
|
||||
<td style="height:40px;"> </td>
|
||||
</tr>
|
||||
<!-- Title -->
|
||||
<tr>
|
||||
<td style="padding:0 15px; text-align:center;">
|
||||
<h1 style="color: #47c347; font-weight:400; margin:0;font-size:32px;font-family:'Rubik',sans-serif;"> Payment Successful!</h1>
|
||||
<span style="display:inline-block; vertical-align:middle; margin:29px 0 26px; border-bottom:1px solid #cecece;
|
||||
width:100px;"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<!-- Details Table -->
|
||||
<tr>
|
||||
<td>
|
||||
<table cellpadding="0" cellspacing="0"
|
||||
style="width: 100%; border: 1px solid #ededed">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td
|
||||
style="padding: 10px; border-bottom: 1px solid #ededed; border-right: 1px solid #ededed; width: 35%; font-weight:500; color:rgba(0,0,0,.64)">
|
||||
Order Id :</td>
|
||||
<td
|
||||
style="padding: 10px; border-bottom: 1px solid #ededed; color: #455056;">
|
||||
<?= $order_id; ?></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td
|
||||
style="padding: 10px; border-bottom: 1px solid #ededed; border-right: 1px solid #ededed; width: 35%; font-weight:500; color:rgba(0,0,0,.64)">
|
||||
Transaction Date :</td>
|
||||
<td
|
||||
style="padding: 10px; border-bottom: 1px solid #ededed; color: #455056;">
|
||||
<?= $formattedDate; ?></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td
|
||||
style="padding: 10px; border-bottom: 1px solid #ededed; border-right: 1px solid #ededed; width: 35%; font-weight:500; color:rgba(0,0,0,.64)">
|
||||
Payment Method :</td>
|
||||
<td
|
||||
style="padding: 10px; border-bottom: 1px solid #ededed; color: #455056;">
|
||||
<?= $card_brand; ?> card ending with <?= $last_4; ?></td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</br> <span style="padding: 10px;">Your Order</span> </br>
|
||||
<table cellpadding="0" cellspacing="0"
|
||||
style="width: 100%; border: 1px solid #ededed">
|
||||
<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 } ?>
|
||||
<?php foreach ($memberCredits as $val) { ?>
|
||||
<tr>
|
||||
<td style="padding: 10px; border-bottom: 1px solid #ededed;">
|
||||
<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>
|
||||
</td>
|
||||
<td style=" border-bottom: 1px solid #ededed;"><span class="price-symbol">$</span><?php echo $val['costSum']; ?></td>
|
||||
</tr>
|
||||
<?php } ?>
|
||||
<tr >
|
||||
<th class="total">PST (<?= $pst; ?>%)</th>
|
||||
<td style="padding: 10px;">PST (<?= $pst; ?>%)</td>
|
||||
<td> <span class="price-symbol">$</span><?= round($Subtotal * $pst / 100 , 2); ?></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="total">GST (<?= $gst; ?>%)</th>
|
||||
<td style="padding: 10px;">GST (<?= $gst; ?>%)</td>
|
||||
<td> <span class="price-symbol">$</span><?= round($Subtotal * $gst / 100 , 2); ?></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="total action_head">Total</th>
|
||||
<td style="padding: 10px;">Total</td>
|
||||
<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>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="height:40px;"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="height:20px;"> </td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user