<!-- Begin Body -->

<style>

/*#buyer_status_monitoring_table > thead > tr > th:nth-child(17){width:220px !important}

#buyer_status_monitoring_table > tbody > tr > td:nth-child(17){width:220px !important}*/
</style>
<div class="container-fluid" style="padding-top:100px; height:550px">
	<div class="row"><br/></div>
	<input type="hidden" class="check_tobedelivered_date" value="yes">
	<div class="row">
      		<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">  
				  <table id="buyer_status_monitoring_table" class="cell-border order-column compact hover"  style="width:100%;"> 
					<thead>
						<tr> 
							<th style="text-align:center;">&nbsp;</th>
							<th style="text-align:center;"  title="Id is the Reservation Id No. of the person who reserved"><small>Id</small></th>
							<th style="text-align:center;"><small>Block</small></th>
							<th style="text-align:center;"><small>Lot</small></th>
							<th style="text-align:center;"><small>Full Name</small></th>
							<th style="text-align:center;"><small>Reservation Date</small></th>
							<th style="text-align:center;"><small>Buyer Orientation Date</small></th>
							<th style="text-align:center;"><small>Conducted</small></th>
							<th style="text-align:center;"><small>Financing</small></th>
							<th style="text-align:center;"><small>TakeOut Date</small></th>
							<th style="text-align:center;"><small>Homeowner Orientation</small></th>
							<th style="text-align:center;"><small>Inspection</small></th>
								
						<!--<th style="text-align:center"><small>Re-Inspection</small></th>-->
						
							<th style="text-align:center;"><small>Letter Sent</small></th>
							<th style="text-align:center;"><small>House Acceptance</small></th>
							<th style="text-align:center;"><small>Permit To Occupy</small></th>
							<th style="text-align:center;"><small>Permit To Occupy Number</small></th>
							<th style="text-align:center;"><small>with PTO / Temporary PTO</small></th>
						</tr>
					</thead>

					<tfoot>
						<tr> 
							<th style="text-align:center;">&nbsp;</th>
							<th style="text-align:center;"  title="Id is the Reservation Id No. of the person who reserved"><small>Id</small></th>
							<th style="text-align:center;"><small>Block</small></th>
							<th style="text-align:center;"><small>Lot</small></th>
							<th style="text-align:center;"><small>Full Name</small></th>
							<th style="text-align:center;"><small>Reservation Date</small></th>
							<th style="text-align:center;"><small>Buyer Orientation Date</small></th>
							<th style="text-align:center;"><small>Conducted</small></th>
							<th style="text-align:center;"><small>Financing</small></th>
							<th style="text-align:center;"><small>TakeOut Date</small></th>
							<th style="text-align:center;"><small>Homeowner Orientation</small></th>
							<th style="text-align:center;"><small>Inspection</small></th>
								
						<!--<th style="text-align:center"><small>Re-Inspection</small></th>-->
						
							<th style="text-align:center;"><small>Letter Sent</small></th>
							<th style="text-align:center;"><small>House Acceptance</small></th>
							<th style="text-align:center;"><small>Permit To Occupy</small></th>
							<th style="text-align:center;"><small>Permit To Occupy Number</small></th>
							<th style="text-align:center;"><small>with PTO / Temporary PTO</small></th>
						</tr>
					</tfoot>
				</table> 
      		</div>
  	</div>
</div>


<script>
function updatePTOStatus(curVal,curId){ 
	var dataString			=	"curVal="+encodeURIComponent(curVal)+"&curId="+curId; 
		$.post('./ajax/update_pto_status.php', dataString, function(msg){
			var obj	= $.parseJSON(msg);
			if(obj.output==true){
				bootbox.alert("Successfully Updated ");
			}
		});		
}
</script>