
<div class="table-actions-wrapper">
	<span>
	</span>
	<a class="btn btn-sm green table-group-action-filter" data-toggle="modal" href="#modal_filter"><i class="fa fa-filter"></i> Filter</a>
	<button class="btn btn-sm red table-group-action-filter filter-cancel"><i class="fa fa-remove"></i> Reset Filter</button>
</div>
<table class="table table-striped table-bordered table-hover" data-disable-sorting="[]" data-column-sorting="0" data-dir-sorting="desc" id="tbl_bill_aging" data-url="<?= base_url('bill/aging_ajax') ?>">
	<thead>
	<tr role="row" class="heading">
		<th>
			Unit Number
		</th>
		<th>
			Unit Owner Name
		</th>
		<th>
			<= 0 Days &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		</th>
		<th>
			1 - 30 Days &nbsp;&nbsp;&nbsp;&nbsp;
		</th>
		<th>
			31 - 60 Days &nbsp;&nbsp;&nbsp;&nbsp;
		</th>
		<th>
			61 - 90 Days &nbsp;&nbsp;&nbsp;&nbsp;
		</th>
		<th>
			3 Months &nbsp;&nbsp;&nbsp;&nbsp;
		</th>
		<th>
			Outstanding Amount &nbsp;&nbsp;&nbsp;&nbsp;
		</th>
	</tr>
	
	</thead>
	<tbody>
	</tbody>
</table>

<div id="modal_filter" class="modal fade" tabindex="-1">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
		<h4 class="modal-title">Form Filter</h4>
	</div>
	<div class="modal-body form">

		<form class="form-horizontal">
			<div class="form-body">

				<div class="form-group">
					<label class="col-md-4 control-label">Unit Owner Name</label>
					<div class="col-md-6">
						<input type="text" class="form-control form-filter" name="occupant_name">
					</div>
				</div>

				<div class="form-group">
					<label class="col-md-4 control-label">Unit Number</label>
					<div class="col-md-6">
						<input type="text" class="form-control form-filter" name="unit_name">
					</div>
				</div>

			</div>
		</form>

		
	</div>
	<div class="modal-footer">
		<button type="button" data-dismiss="modal" class="btn btn-default">Cancel</button>
		<button type="button" class="btn blue filter-submit">Filter</button>
	</div>
</div>

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

