/home/smartonegroup/www/veroserv/ui/theme/default/invoice_pos_receipt_pdf.tpl
<head>
<meta charset="utf-8">
<style type="text/css">
body{
padding: 0;
margin: 0;
}
#invoice-POS {
padding: 0;
margin: 0 auto;
width: 80mm;
background: #FFF;
}
#invoice-POS ::selection {
background-color: #FFF;
color: #FFF;
}
#invoice-POS ::moz-selection {
background-color: #FFF;
color: #FFF;
}
#invoice-POS h1 {
font-size: 1.6em;
color: #222;
}
#invoice-POS h2 {
font-size: 1em;
}
#invoice-POS h3 {
font-size: 1.3em;
font-weight: 300;
line-height: 2em;
}
#invoice-POS p {
font-size: 0.9em;
color: #222;
line-height: 1.2em;
}
#invoice-POS #top, #invoice-POS #mid, #invoice-POS #bot {
/* Targets all id with 'col-' */
border-bottom: 1px solid #EEE;
}
#invoice-POS #top {
min-height: 100px;
}
#invoice-POS #mid {
min-height: 80px;
}
#invoice-POS #bot {
min-height: 50px;
}
#invoice-POS #top .logo {
height: 80px;
width: 80px;
background: url(http://michaeltruong.ca/images/logo1.png) no-repeat;
background-size: 80px 80px;
}
#invoice-POS .info {
display: block;
margin-left: 0;
}
#invoice-POS .title {
float: right;
}
#invoice-POS .title p {
text-align: right;
}
#invoice-POS table {
width: 100%;
border-collapse: collapse;
}
#invoice-POS .tabletitle {
font-size: 0.7em;
background: #EEE;
}
#invoice-POS .service {
border-bottom: 1px solid #EEE;
}
#invoice-POS .item {
width: 24mm;
}
#invoice-POS .itemtext {
font-size: 0.8em;
}
#invoice-POS #legalcopy {
margin-top: 5mm;
}
#invoice-POS .signature {
margin-top: 5mm;
border-top: 1px solid #EEE;
text-align: center;
}
.table.invoice-items{
border: 1px solid #dee2e6;
}
.table.invoice-items td, .table.invoice-items th {
border: 1px solid #dee2e6;
}
</style>
</head>
<body class="fixed-nav">
<section class="">
<div class="">
<div class="invoice">
<div id="invoice-POS">
<center id="top">
<div style="text-align: center; margin-top: 27px">
<img src="{$app_url}storage/system/{$config['logo_default']}" alt="{$config['CompanyName']}" class="img-fluid" style="margin-bottom: 15px; max-width: 50%">
</div>
<div class="info" style="text-align: center;">
<h2>{$config['CompanyName']}</h2>
<p class="info col-md-10">
<br>
{$config['caddress']}
{if isset($config['vat_number']) && ($config['vat_number'] != '')}
<br>
<strong>{sp_config_or_default('label_tax_number',$_L['Vat number'])}:</strong> {$config['vat_number']}
{/if}
</p>
</div><!--End Info-->
</center><!--End InvoiceTop-->
<div id="mid">
<div class="info">
<h2>{{__('Invoiced To')}}</h2>
<p>
{if $a['company'] neq ''}
{$a['company']}
<br>
{if $company && $config['show_business_number'] eq '1' }
{if $company->business_number neq ''}
{$config['label_business_number']}: {$company->business_number}
<br>
{/if}
{/if}
{$_L['ATTN']}: {$d['account']}
<br>
{else}
{$d['account']}
<br>
{/if}
{getContactFormattedAddress($config,$a)}
<br>
<strong>{$_L['Phone']}:</strong> {$a['phone']}
{if $config['fax_field'] neq '0' && $a['fax'] neq ''}
<br>
<strong>{$_L['Fax']}:</strong> {$a['fax']}
{/if}
<br>
<strong>{$_L['Email']}:</strong> {$a['email']}
{foreach $cf as $cfs}
{if $cfs['showinvoice'] == 'No'}
{continue}
{/if}
<br>
<strong>{$cfs['fieldname']}: </strong> {get_custom_field_value($cfs['id'],$a['id'])}
{/foreach}
{$x_html}
</p>
{if $d['status'] eq 'Unpaid'}
<strong>{$_L['Unpaid']}</strong>
{elseif $d['status'] eq 'Paid'}
<strong>{$_L['Paid']}</strong>
{elseif $d['status'] eq 'Partially Paid'}
<strong>{$_L['Partially Paid']}</strong>
{else}
<strong>{$d['status']}</strong>
{/if}
{if ($d['credit']) neq '0.00'}
<p>
<strong>{$_L['Total Paid']}:</strong> {formatCurrency($d['credit'],$d['currency_iso_code'])} <br>
<strong>{$_L['Amount Due']}</strong>: {formatCurrency($i_due,$d['currency_iso_code'])}
</p>
{/if}
</div>
</div><!--End Invoice Mid-->
<div id="bot">
<div id="table">
<table>
<tr class="tabletitle">
<td class="item" style="font-size: 9px"><h2>Item</h2></td>
<td class="Hours" style="font-size: 9px"><h2>Qty</h2></td>
<td class="Rate" style="font-size: 9px"><h2>Sub Total</h2></td>
</tr>
{foreach $items as $item}
<tr class="service">
<td class="tableitem"><p class="itemtext">{$item['description']}</p></td>
<td class="tableitem"><p class="itemtext">{numberFormatUsingCurrency($item['qty'],$d['currency_iso_code'],0)}</p></td>
<td class="tableitem"><p class="itemtext">
{formatCurrency(($item['total'] + $item['taxamount']),$d['currency_iso_code'])}
</p></td>
</tr>
{/foreach}
<tr class="tabletitle">
<td></td>
<td class="Rate" style="font-size: 9px"><h2>{{__("Sub Total")}}</h2></td>
<td class="payment" style="font-size: 9px"><h2>{formatCurrency($d['subtotal'],$d['currency_iso_code'])}</h2></td>
</tr>
{if ($d['discount']) neq '0.00'}
<tr>
<td colspan="2" style="font-size: 9px">{$_L['Discount']}</td>
<td class="text-left" style="font-size: 9px">{formatCurrency($d['discount'],$d['currency_iso_code'])}</td>
</tr>
{/if}
{if $config['tax_system'] == 'India'}
<tr>
<td colspan="2" style="font-size: 9px">GST</td>
<td class="text-left" style="font-size: 9px">{formatCurrency($d['tax'],$d['currency_iso_code'])}</td>
</tr>
{else}
<tr class="tabletitle">
<td></td>
<td class="Rate" style="font-size: 9px"><h2>{{__('Tax')}}</h2></td>
<td class="payment" style="font-size: 9px"><h2>{formatCurrency($d['tax'],$d['currency_iso_code'])}</h2></td>
</tr>
{/if}
<tr class="tabletitle">
<td></td>
<td class="Rate" style="font-size: 9px"><h2>{{__('Grand Total')}}</h2></td>
<td class="payment" style="font-size: 9px;"><h2>{formatCurrency($d['total'],$d['currency_iso_code'])}</h2></td>
</tr>
</table>
</div><!--End Table-->
{if ($d['notes']) neq ''}
<div id="legalcopy" class="m-t">
<p class="legal">
<strong> {$d['notes']}</strong>
</p>
</div>
{/if}
{* <div id="legalcopy">*}
{* <p class="legal"><strong>Thank you for your business!</strong> Payment is expected within 31 days; please process this invoice within that time. There will be a 5% interest charge per month on late invoices.*}
{* </p>*}
{* </div>*}
</div><!--End InvoiceBot-->
</div>
</div>
</section>
</body>
<!--End Invoice-->
