File: //var/www/html/qcr24/app/global/pdf/generatepdf.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>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">Report #: 10000{rand}</td>
</tr>
</tbody>
</table>
<hr>
<table class="box8">
<tbody>
<tr>
<td class="box7">Driver DC:</td>
<td>{driver_dc}</td>
<!--<td class="box7">From:</td>
<td>{from}</td>-->
</tr>
<tr>
<td class="box7">From:</td>
<td>{from}</td>
<td class="box7">To:</td>
<td>{to}</td>
</tr>
<tr>
<!-- <td class="box5">Date:</td>
<td>{payment-date}</td>
<td class="box7"># Invoice ID:</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>Trx Date:</strong></td>
<td><strong>Trx ID:</strong></td>
<td><strong>Status</strong></td>
<td><strong>From - To</strong></td>
<td><strong>Fare Amount</strong></td>
<td><strong>Total Amount</strong></td>
</tr>
{generatepdf}
<tr>
<td><strong></strong></td>
<td><strong></strong></td>
<td><strong></strong></td>
<td><strong></strong></td>
<td><strong></strong></td>
<td><strong></strong></td>
</tr>
</tbody>
</table>
</div>
<div class="farebox">
<table>
<tbody>
<tr>
<td>Total Pay (Int. GST)</td>
<td>${total_amount}</td>
</tr>
</tbody>
</table>
</div>
</div>
</body>
</html>