
<div class="table-actions-wrapper">
	<span>
	</span>
	<select class="table-group-action-input form-control input-inline input-small input-sm">
		<option value="">Select...</option>
		<option value="Cancel">Cancel</option>
		<option value="Cancel">Hold</option>
		<option value="Cancel">On Hold</option>
		<option value="Close">Close</option>
	</select>
	<button class="btn btn-sm yellow table-group-action-submit"><i class="fa fa-check"></i> Submit</button>
</div>
<table class="table table-striped table-bordered table-hover" id="tbl_bill_owner_checking" data-url="<?= base_url('bill/owner_checking_ajax') ?>">
	<thead>
	<tr role="row" class="heading">
		<th width="2%">
			<input type="checkbox" class="group-checkable">
		</th>
		<th>
			Bill No.
		</th>
		<th>
			Virtual Acc No.
		</th>
		<th>
			Unit Owner Name
		</th>
		<th>
			Unit Number
		</th>
		<th>
			Invoice Date
		</th>
		<th>
			Invoice Due Date
		</th>
		<th>
			Total Electricity Bill
		</th>
		<th>
			Total Water Bill
		</th>
		<th>
			Total IKKL Bill &nbsp;&nbsp;&nbsp;&nbsp;
		</th>
		<th>
			Total Others Bill &nbsp;&nbsp;&nbsp;&nbsp;
		</th>
		<th>
			Total Bill &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		</th>
		<th>
			Late Charge Payment Last Month
		</th>
		<th>
			Over Payment Last Month
		</th>
		<th>
			Total Payment
		</th>
		<th>
			Bill Remain &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		</th>
		<th>
			Status
		</th>
		<th>
			Actions
		</th>
	</tr>
	
	</thead>
	<tbody>
	</tbody>
</table>

<script type="text/javascript">
	jQuery(document).ready(function() {   
		TableAjax.init('#tbl_bill_owner_checking')
		CustomForm.init()
	})
</script>

<!--
<tr role="row" class="filter">
		<td>
		</td>
		<td>
			<input type="text" class="form-control form-filter input-sm" name="order_id">
		</td>
		<td>
			<div class="input-group date date-picker margin-bottom-5" data-date-format="dd/mm/yyyy">
				<input type="text" class="form-control form-filter input-sm" readonly name="order_date_from" placeholder="From">
				<span class="input-group-btn">
				<button class="btn btn-sm default" type="button"><i class="fa fa-calendar"></i></button>
				</span>
			</div>
			<div class="input-group date date-picker" data-date-format="dd/mm/yyyy">
				<input type="text" class="form-control form-filter input-sm" readonly name="order_date_to" placeholder="To">
				<span class="input-group-btn">
				<button class="btn btn-sm default" type="button"><i class="fa fa-calendar"></i></button>
				</span>
			</div>
		</td>
		<td>
			<input type="text" class="form-control form-filter input-sm" name="order_customer_name">
		</td>
		<td>
			<input type="text" class="form-control form-filter input-sm" name="order_ship_to">
		</td>
		<td>
			<div class="margin-bottom-5">
				<input type="text" class="form-control form-filter input-sm" name="order_price_from" placeholder="From"/>
			</div>
			<input type="text" class="form-control form-filter input-sm" name="order_price_to" placeholder="To"/>
		</td>
		<td>
			<div class="margin-bottom-5">
				<input type="text" class="form-control form-filter input-sm margin-bottom-5 clearfix" name="order_quantity_from" placeholder="From"/>
			</div>
			<input type="text" class="form-control form-filter input-sm" name="order_quantity_to" placeholder="To"/>
		</td>
		<td>
			<select name="order_status" class="form-control form-filter input-sm">
				<option value="">Select...</option>
				<option value="pending">Pending</option>
				<option value="closed">Closed</option>
				<option value="hold">On Hold</option>
				<option value="fraud">Fraud</option>
			</select>
		</td>
		<td>
			<div class="margin-bottom-5">
				<button class="btn btn-sm yellow filter-submit margin-bottom"><i class="fa fa-search"></i> Search</button>
			</div>
			<button class="btn btn-sm red filter-cancel"><i class="fa fa-times"></i> Reset</button>
		</td>
	</tr>
-->