<style type="text/css"><!--
    body {
        font-family: Verdana, Arial, Helvetica;
    }
    #invoice-content #invoice-table {
        padding-top:40px !important;
    }
    .fs_11 {
        font-size:11px;
    }
    #invoice-items-table{
        border-collapse: collapse;
    }
    .fullborder {
        border:solid 1px #000;
    }
    .rowspace td {
        height:2px;padding:0px;
    }
    .doubleborder {
        border:solid 2px #000; font-weight:bold;
    }
    .noborder {
        border:none;
    }
--></style>
<div id="invoice-table" style="padding: 20px; font-family: Verdana, Arial, Helvetica;">
<table style="width: 100%; margin-bottom: 20px;" border="0" cellspacing="0">
<tbody>
<tr id="invoicetitle">
<td style="border-bottom: solid 1px #000;" colspan="3" align="right" valign="middle" width="66%"><em style="font-size: 18px; font-weight: bold;">{$invoice.number}</em></td>
</tr>
<tr id="invoice-dateinfo">
<td class="fs_11" colspan="3" align="right">{$lang.original}<br />{$lang.invoice_date}: {$invoice.date}</td>
</tr>
<tr id="invoice-spacer">
<td colspan="3">&nbsp;</td>
</tr>
<tr id="invoice-details">
<td style="border: solid 1px #000;" valign="top" width="45%"><span style="font-size: 12px; font-weight: bold;">{$lang.invoice_from}</span></td>
<td align="left" valign="top" width="10%">&nbsp;</td>
<td style="border: solid 1px #000;" valign="top" width="45%"><span style="font-size: 12px; font-weight: bold;">{$lang.invoice_to}</span> <br /> <span style="font-size: 11px;">{if $client.companyname}{$client.companyname}, {/if}{$client.firstname} {$client.lastname}<br /> {$client.address1} {if $client.address2}, {$client.address2}{/if}{if $client.postcode}, {$client.postcode}{/if} {$client.city} {if $client.country}, {$client.country}{/if}{if $client.vateu}<br />{$lang.vateu}: {$client.vateu}{/if}</span></td>
</tr>
<tr id="invoice-spacer">
<td colspan="3">&nbsp;</td>
</tr>
<tr id="invoice-payinfo">
<td class="fs_11" colspan="3" align="left">{$lang.paymethod}: {$invoice.paymentgw}<br /> {$lang.dateofsale}: {$invoice.date}</td>
</tr>
</tbody>
</table>
<span style="font-size: 11px;">{foreach from=$transactions item=trans}{$lang.trans_id} {$trans.trans_id}{break}{/foreach}</span>{if $invoice.notes}{/if}
<table id="invoice-items-table" class="invoice-table" style="width: 100%;" border="0" cellspacing="0" cellpadding="6">
<tbody>
<tr>
<td class="fullborder" align="left" valign="middle" bgcolor="#f0f0f0"><span style="font-size: 11px; font-weight: bold;">{$lang.invoice_desc}</span></td>
<td class="fullborder" style="width: 8%;" align="right" valign="middle" bgcolor="#f0f0f0"><span style="font-size: 11px; font-weight: bold;">{$lang.qty}</span></td>
<td class="fullborder" style="width: 11%;" align="right" valign="middle" bgcolor="#f0f0f0"><span style="font-size: 11px; font-weight: bold;">{$lang.unitcost}</span></td>
<td class="fullborder" style="width: 11%;" align="right" valign="middle" bgcolor="#f0f0f0"><span style="font-size: 11px; font-weight: bold;">{$lang.netprice}</span></td>
<td class="fullborder" style="width: 8%;" align="right" valign="middle" bgcolor="#f0f0f0"><span style="font-size: 11px; font-weight: bold;">{$lang.tax}</span></td>
<td class="fullborder" style="width: 11%;" align="right" valign="middle" bgcolor="#f0f0f0"><span style="font-size: 11px; font-weight: bold;">{$lang.taxamount}</span></td>
<td class="fullborder" style="width: 11%;" align="right" valign="middle" bgcolor="#f0f0f0"><span style="font-size: 11px; font-weight: bold;">{$lang.grossprice}</span></td>
</tr>
<tr>
<td class="fullborder" valign="middle"><span style="font-size: 11px;">{$item.description}</span></td>
<td class="fullborder" align="right" valign="middle"><span style="font-size: 11px;">{$item.qty}</span></td>
<td class="fullborder" align="right" valign="middle"><span style="font-size: 11px;">{$item.amount}</span></td>
<td class="fullborder" align="right" valign="middle"><span style="font-size: 11px;">{$item.linetotal}</span></td>
<td class="fullborder" align="right" valign="middle"><span style="font-size: 11px;">{if !$item.tax_rate}{$lang.nottaxed}{else}{$item.tax_rate}%{/if}</span></td>
<td class="fullborder" align="right" valign="middle"><span style="font-size: 11px;">{$item.tax_amount}</span></td>
<td class="fullborder" align="right" valign="middle"><span style="font-size: 11px;">{$item.linetaxed}</span></td>
</tr>
<tr>
<td colspan="2" valign="middle"><span style="font-size: 12px; font-weight: bold;">{$lang.invoicedue}: {$invoice.total}</span></td>
<td align="right" valign="middle"><span style="font-size: 12px; font-weight: bold;">{$lang.total}</span></td>
<td class="fullborder" align="right" valign="middle"><span style="font-size: 11px;">{$invoice.subtotal}</span></td>
<td class="fullborder" align="right" valign="middle">&nbsp;</td>
<td class="fullborder" align="right" valign="middle"><span style="font-size: 11px;">{$invoice.tax}</span></td>
<td class="doubleborder" align="right" valign="middle"><span style="font-size: 11px;">{$invoice.total}</span></td>
</tr>
<tr class="rowspace">
<td colspan="7">&nbsp;</td>
</tr>
<tr>
<td colspan="2" valign="middle">&nbsp;</td>
<td align="right" valign="middle">{if $smarty.foreach.taxloop.first}<span style="font-size: 12px; font-weight: bold;">{$lang.including}</span>{/if}</td>
<td class="fullborder" align="right" valign="middle"><span style="font-size: 11px;">{$taxitm.subtotal}</span></td>
<td class="fullborder" align="right" valign="middle"><span style="font-size: 11px;">{if !$taxitm.name}{$lang.nottaxed}{else}{$taxitm.name}%{/if}</span></td>
<td class="fullborder" align="right" valign="middle"><span style="font-size: 11px;">{$taxitm.tax}</span></td>
<td class="fullborder" align="right" valign="middle"><span style="font-size: 11px;">{$taxitm.total}</span></td>
</tr>
<tr>
<td style="font-size: 12px;" colspan="3" valign="middle">{$lang.Paid}: {$totalpaid}<br /> {$lang.leftunpaid}: {$transbalance}</td>
<td colspan="4" valign="middle">&nbsp;</td>
</tr>
<tr>
<td colspan="3" valign="middle">&nbsp;</td>
<td style="font-size: 11px; border: solid 1px #000;" colspan="4" valign="middle">{$lang.notes}<br />{$invoice.notes}</td>
</tr>
</tbody>
</table>
<table style="margin-top: 50px; width: 100%;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="width: 100%;" align="left" valign="middle"><span style="font-size: 11px;">{$lang.pdfagreement}</span></td>
</tr>
</tbody>
</table>
<table style="margin-top: 50px; width: 100%;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="border-top: 1px solid #F0F0F0; padding-top: 10px; width: 100%;" align="right"><span style="font-size: 11px; color: #a4a4a4;">Invoice footer text</span></td>
</tr>
</tbody>
</table>
</div>