<!-- Begin Body -->
<div class="container-fluid" style="padding-top:100px; height:550px">
	<div class="row"><br/></div>
	
<div class="row"> 
		<div class="col-sm-2"><label>Reservation Date</label></div>
		<div class="col-sm-2"><input name="monthly_reservation_from" placeholder="From" type="text" id="0" class="daterange-search-input daterange-from datepicker form-control monthly_reservation_from" title="Reservation Date From"></div>
		<div class="col-xs-1 text-center"><label>To</label></div>
		<div class="col-sm-2"><input placeholder="To" type="text" id="1" class="daterange-search-input daterange-to datepicker form-control monthly_reservation_to" title="Reservation Date To"></div>
		<div class="col-sm-1"><input type="checkbox" id="check_tobedelivered_date" name="check_tobedelivered_date" value="yes" checked  title="Filter with Date Range" class="check_tobedelivered_date"> <label style="cursor:pointer" for="check_tobedelivered_date">&nbsp;&nbsp;<span class="glyphicon glyphicon-calendar" title="Filter with Date Range"></span></label></div> 
</div>

<div class="row"><br/></div>

	<div class="row">
      		<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
      			<p><b>Buyer Employment</b></p>
      			<table id="employee_type_table" class="table table-condensed table-bordered" cellspacing="0" cellpadding="0" > 
					<thead>
						<tr>  
							<th style="text-align:center; width:2%"><small>#</small></th> 
							<th style="text-align:center; width:20%"><small>Type</small></th>
							<th style="text-align:center; width:5%"><small>Count</small></th>
							<th style="text-align:center; width:5%"><small>Total %</small></th>   
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>1</td>
							<td>OFW</td>
							<td align="center"><span id="overseas_count"></span></td>
							<td align="center"><span id="overseas_total"></span></td>
						</tr> 
						<tr>
							<td>2</td>
							<td>Locally Employed</td>
							<td align="center"><span id="private_count"></span></td>
							<td align="center"><span id="private_total"></span></td>
						</tr>

						<tr>
							<td>3</td>
							<td>Self Employed / Owned Business</td>
							<td align="center"><span id="selfemployed_count"></span></td>
							<td align="center"><span id="selfemployed_total"></span></td>
						</tr>

						<tr>
							<td>4</td>
							<td>Online Employment</td>
							<td align="center"><span id="online_count"></span></td>
							<td align="center"><span id="online_total"></span></td>
						</tr>

						<tr>
							<td>5</td>
							<td>Immigrant</td>
							<td align="center"><span id="immigrant_count"></span></td>
							<td align="center"><span id="immigrant_total"></span></td>
						</tr>
					</tbody>
				</table>
			</div>
			<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
      			<p><b>Financing</b></p>
      			<table id="financing_table" class="table table-condensed table-bordered" cellspacing="0" cellpadding="0" > 
					<thead>
						<tr>  
							<th style="text-align:center; width:2%"><small>#</small></th> 
							<th style="text-align:center; width:20%"><small>Type</small></th>
							<th style="text-align:center; width:5%"><small>Count</small></th>
							<th style="text-align:center; width:5%"><small>Total %</small></th>   
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>1</td>
							<td>Spot Cash</td>
							<td align="center"><span id="cash_count"></span></td>
							<td align="center"><span id="cash_total"></span></td>
						</tr> 
						<tr>
							<td>2</td>
							<td>Bank</td>
							<td align="center"><span id="bank_count"></span></td>
							<td align="center"><span id="bank_total"></span></td>
						</tr>

						<tr>
							<td>3</td>
							<td>Pag-ibig</td>
							<td align="center"><span id="pagibig_count"></span></td>
							<td align="center"><span id="pagibig_total"></span></td>
						</tr>
					</tbody>
				</table>
			</div>
  	</div>
</div>