File: /var/www/html/qcr24/app/global/pdf/paymemnt_recipt_24_10_18.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>SET-PAYMENT-RECEIPT#-{payment-receipt}</title>
<style>
body {
padding: 0px 0px;
margin: 0px;
font-family: Arial, " sans-serif";
}
.box1 {
margin: 0 auto;
width: 90%;
}
.box2 {
margin: 50px auto;
width: 100%;
}
.box3 {
color: #000;
font-family: 'Arial';
font-size: 25px;
font-weight: bold;
}
.box4 {
color: #000;
font-family: 'Arial';
font-size: 25px;
font-weight: bold;
text-align: right;
}
.box5 {
color: #000;
font-family: 'Arial';
font-size: 20px;
font-weight: bold;
}
.box6 {
padding: 0 0 0 0;
margin: 0;
color: #ff0000;
font-family: 'Arial';
font-size: 18px;
font-weight: bold;
text-align: right;
}
.box7 {
color: #000;
font-family: 'Arial';
font-size: 16px;
font-weight: bold;
}
.box8 {
margin: 30px auto;
width: 100%;
}
.transactionbox {
margin: 30px auto 5px;
}
.transactionbox table {
border-collapse: collapse;
width: 100%;
}
.transactionbox table, .transactionbox th, .transactionbox td {
border: 1px solid black;
padding: 5px;
font-weight: bold;
}
.farebox {
float: right;
width: 414px;
}
.farebox table {
border-collapse: collapse;
width: 100%;
}
.farebox table, .farebox th, .farebox td {
border: 1px solid black;
padding: 5px;
font-weight: bold;
}
</style>
</head>
<body>
<div class="box1">
<table class="box2">
<tbody>
<tr>
<td class="box3">South Eastern Taxi Brokers</td>
<td class="box4">PAYMENT RECEIPT</td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td class="box5" >ABN: {driver-abn}</td>
<td class="box6" >{paid-status}</td>
</tr>
</tbody>
</table>
<hr>
<table class="box8">
<tbody>
<tr>
<td class="box7">Paid To:</td>
<td>{paid-to}</td>
<td class="box7">Payment Receipt #:</td>
<td>{payment-receipt}</td>
</tr>
<tr>
<td class="box7">Driver DC#:</td>
<td>{driver-dc}</td>
<td class="box7">Payment Date:</td>
<td>{payment-date}</td>
</tr>
<tr>
<td class="box7">Driver ABN:</td>
<td>{driver-abn}</td>
<td class="box7"># Transactions:</td>
<td>{total-trx-count}</td>
</tr>
</tbody>
</table>
<hr>
<div class="transactionbox">
<table width="100%" style="border-collapse: collapse; border: 1px solid black;">
<tbody>
<tr>
<td><strong>Transaction ID</strong></td>
<td><strong>Transaction Date/Time</strong></td>
<td><strong>Fare (Int. GST)</strong></td>
<td><strong>Driver Payable</strong></td>
<td ><strong>Driver Incentive</strong></td>
<td ><strong>Total Pay (Int. GST)</strong></td>
</tr>
{transaction-box}
<tr>
<td> </td>
<td> </td>
<td><strong>${total-base-fare-incld-gst}</strong></td>
<td><strong>${total-driver-payable}</strong></td>
<td><strong>+$0.00</strong></td>
<td><strong>${total-fare-incld-gst}</strong></td>
</tr>
</tbody>
</table>
</div>
<div class="farebox">
<table>
<tbody>
<tr>
<td>Fare (Int. GST)</td>
<td>${total-base-fare-incld-gst}</td>
</tr>
<!--<tr>
<td>Driver CC Charges</td>
<td>$0.00</td>
</tr>-->
<tr>
<td>Driver Incentive</td>
<td>$0.00</td>
</tr>
<tr>
<td> </td>
<td>...................</td>
</tr>
<tr>
<td>Total Pay (Int. GST)</td>
<td>${total-fare-incld-gst}</td>
</tr>
</tbody>
</table>
</div>
</div>
</body>
</html>