<div class="modal-header">
	<button type="button" class="close" ng-click="cancel()">×</button>
	<h3><i class="fa fa-info-circle"></i> Data Comparison</h3>
</div>
<div class="modal-body">
	<table class="table">
		<thead>
			<th></th>
			<th>Local</th>
			            <th>Xero</th>
		</thead>
		<tbody>
			<tr>
				<td>Invoice Number</td>
				<td ng-bind="data.local.invoice_number"></td>
				            <td ng-bind="data.xero.InvoiceNumber"></td>
			</tr>
			<tr>
				<td>Invoice Date</td>
				<td ng-bind="data.local.invoice_date"></td>
				            <td ng-bind="data.xero.InvoiceDate"></td>
			</tr>
			<tr>
				<td>Net Price</td>
				<td ng-bind="data.local.net_price"></td>
				            <td ng-bind="data.xero.NetAmount"></td>
			</tr>
			<tr>
				<td>Total Price</td>
				<td ng-bind="data.local.total_price"></td>
				            <td ng-bind="data.xero.NetAmount * (data.local.vat / 100 + 1)"></td>
			</tr>
			<tr>
				<td>Amount Paid</td>
				<td ng-bind="data.local.total_paid"></td>
				            <td ng-bind="data.xero.AmountPaid"></td>
			</tr>
			<tr>
				<td>Invoice Items</td>
				<td ng-bind="data.local.items.length"></td>
				            <td ng-bind="data.xero.Lines.length || 1"></td>
			</tr>
			<tr>
				<td>Paid</td>
				<td><i ng-class="{'fa fa-check': data.local.paid == '1', 'fa fa-times': data.local.paid == '0'}"></i></td>
				            <td><i ng-class="{'fa fa-check': data.xero.Paid == '1', 'fa fa-times': data.xero.Paid == '0'}"></i></td>
			</tr>
		</tbody>
	</table>
</div>
<div class="modal-footer">
	<span class="btn" ng-click="cancel()">Close</span>
</div>