<patTemplate:tmpl name="pageoutput" unusedvars="strip">
<br />
<div class="well">
	<patTemplate:tmpl name="viewbooking_link" type="simpleCondition" requiredVars="viewbooking_text">
		<a href="{VIEWBOOKING_LINK}" class="btn btn-default"><i class="fa fa-pencil-square-o"></i> {VIEWBOOKING_TEXT}</a>
	</patTemplate:tmpl>
	<a href="{PRINTLINK}" class="btn btn-default" target="_blank"><i class="fa fa-print"></i> {PRINTTEXT}</a>
	<patTemplate:tmpl name="markaspaid_link" type="simpleCondition" requiredVars="markaspaid_text">
		<a href="{MARKASPAID_LINK}" class="btn btn-default"><i class="fa fa-check"></i> {MARKASPAID_TEXT}</a>
	</patTemplate:tmpl>
	<patTemplate:tmpl name="markaspending_link" type="simpleCondition" requiredVars="markaspending_text">
		<a href="{MARKASPENDING_LINK}" class="btn btn-default"><i class="fa fa-undo"></i> {MARKASPENDING_TEXT}</a>
	</patTemplate:tmpl>
	<a href="{_JOMRES_PDF_LINK}" target="_blank" class="btn btn-default"><i class="fa fa-file-pdf-o"></i> {_JOMRES_PDF_BUTTON}</a>
</div>

<div class="row">
	<div class="col-md-4">
			{BUSINESS_DETAILS_TEMPLATE}
	</div>
	<div class="col-md-4" align="center">
		<img src="{LOGO}" alt="logo" />
		<p>&nbsp;</p>
		<h2 class="page-header">{HINVOICENO}: {ID}</h2>
		<div>{HRAISED}: {RAISED}</div>
		<div>{HDUE}: {DUE}</div>
		<!--<div>{HCURRENCYCODE}: {CURRENCYCODE}</div>-->
		<div>{_JOMRES_BOOKING_NUMBER}: {BOOKING_NUMBER}</div>
		<h3><label class="label {LABEL_CLASS}">{STATUS}</label></h3>
	</div>
	<div class="col-md-4">
		<div class="well">
			{CLIENT_DETAILS_TEMPLATE}
		</div>
	</div>
</div>

<h3 class="page-header">{LIPAGETITLE}</h3>
<table width="100%" class="table table-striped table-bordered table-condensed">
	<thead>
		<tr>
			<th width="25%">{HLI_NAME}</th>
			<th>{HLI_INIT_PRICE}</th>
			<th>{HLI_INIT_QTY}</th>
			<th>{HLI_INIT_DISCOUNT}</th>
			<th>{HLI_INIT_TOTAL}</th>
			<th>{HLI_TAX_RATE}</th>
			<th>{HLI_TAX_DESCRIPTION}</th>
			<th>{HLI_TAX_AMOUNT}</th>
			<th>{HLI_INIT_TOTAL_INCLUSIVE}</th>
		</tr>
	</thead>
	<tbody>
		<patTemplate:tmpl name="rows" unusedvars="nbsp">
		<tr>
			<td>{LI_NAME} {LI_DESCRIPTION}</td>
			<td>{LI_INIT_PRICE}</td>
			<td>{LI_INIT_QTY}</td>
			<td>{LI_INIT_DISCOUNT}</td>
			<td>{LI_INIT_TOTAL}</td>
			<td>{LI_TAX_RATE}%</td>
			<td>{LI_TAX_DESCRIPTION}</td>
			<td>{LI_TAX_AMOUNT}</td>
			<td>{LI_INIT_TOTAL_INCLUSIVE}</td>
		</tr>
		</patTemplate:tmpl>
		<tr>
			<td colspan="4"></td>
			<td><strong>{JOMRES_GRANDTOTAL_EX_TAX}</strong></td>
			<td colspan="2"></td>
			<td><strong>{JOMRES_GRANDTOTAL_TOTAL_TAX}</strong></td>
			<td><strong>{JOMRES_GRANDTOTAL_INC_TAX}</strong></td>
		</tr>
		<tr>
			<td colspan="4"></td>
			<td>{GRAND_TOTAL_EX_TAX}</td>
			<td colspan="2"></td>
			<td>{GRAND_TOTAL_TAX}</td>
			<td><strong>{GRAND_TOTAL_INC_TAX}</strong></td>
		</tr>
	</tbody>
</table>
<br />
<h3 class="page-header">{HINVOICE_TRANSACTIONS}</h3>
<table width="100%" class="table table-striped table-bordered table-condensed">
	<thead>
		<tr>
			<th width="25%">{HLI_NAME}</th>
			<th>{TRANSACTION_ID}</th>
			<th>{PAYMENT_METHOD}</th>
			<th>{HLI_INIT_PRICE}</th>
			<th>{HLI_INIT_QTY}</th>
			<th>{HLI_INIT_DISCOUNT}</th>
			<th>{HLI_INIT_TOTAL}</th>
			<th>{HLI_TAX_RATE}</th>
			<th>{HLI_TAX_DESCRIPTION}</th>
			<th>{HLI_TAX_AMOUNT}</th>
			<th>{HLI_INIT_TOTAL_INCLUSIVE}</th>
		</tr>
	</thead>
	<tbody>
		<patTemplate:tmpl name="transaction_rows" unusedvars="nbsp">
		<tr>
			<td>{LI_NAME} {LI_DESCRIPTION}</td>
			<td>{TRANSACTION_ID}</td>
			<td>{PAYMENT_METHOD}</td>
			<td>{LI_INIT_PRICE}</td>
			<td>{LI_INIT_QTY}</td>
			<td>{LI_INIT_DISCOUNT}</td>
			<td>{LI_INIT_TOTAL}</td>
			<td>{LI_TAX_RATE}%</td>
			<td>{LI_TAX_DESCRIPTION}</td>
			<td>{LI_TAX_AMOUNT}</td>
			<td>{LI_INIT_TOTAL_INCLUSIVE}</td>
		</tr>
		</patTemplate:tmpl>
		<tr>
			<td colspan="10"></td>
			<td><strong>{HINITTOTAL}</strong></td>
		</tr>
		<tr>
			<td colspan="10"></td>
			<td><strong>{OUTSTANDING_TOTAL}</strong></td>
		</tr>
	</tbody>
</table>
<patTemplate:tmpl name="immediate_pay" type="simpleCondition" requiredVars="IMMEDIATE">
	<div class="alert alert-warning" align="center">
		<p>{IMMEDIATE}</p>
		<p><a href="{JOMRES_SITEPAGE_URL_NOSEF}&task=list_gateways_for_invoice&invoice_id={INV_ID}" class="btn btn-success"><i class="fa fa-credit-card"></i> {PAYNOW}</a></p>
	</div>
</patTemplate:tmpl>
</patTemplate:tmpl>