<!-- Begin Body --> 
<form  role="form" id="reservation_form" class="form-horizontal">
<div class="container-fluid" style="padding-top:120px; height:auto">
	<div class="row"><br/></div>
	<div class="row">
	<input type="hidden" id="reservepricedate">
	<input type="hidden" id="reservedate">
	</div>
	<div class="row"><br/></div> 
	<div class="row">
		<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"> 
			<fieldset>
				<div class="form-group"> 
					<label class="col-md-5 control-label text-right"></label>
					<div class="col-md-7">
						<a href="index.php?pg=reserved_lots&type=reserved_lots" class="btn btn-info" target="_blank"  
title="List of Reserved Lot"><span class="glyphicon glyphicon-home"></span></a>
					</div>
				</div>
			</fieldset>
		</div>
		<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"> 
			<fieldset><div class="form-group"></div></fieldset>
		</div>
		<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"> 
			<fieldset>
				<div class="form-group">
					<label class="col-md-5 control-label text-right" for="reservation_reserve_date"><small>Reservation Date</small></label>
					<div class="col-md-7">
						<input type="text" class="datepicker form-control text-right whitebg" readonly name="reservation_date" id="reservation_date" placeholder="MM/DD/YYYY" style="cursor:pointer" required>
					</div>
				</div>
			</fieldset>
		</div>
	</div>
			
	<div class="row">
		<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"> 
			<fieldset>  
				<div class="form-group">
					<label class="col-md-6 control-label text-right" for="current_project"><small>Project</small></label>
					<div class="col-md-6"><span id="div_project"></span></div>
				</div>
				<div class="form-group">
					<label class="col-md-6 control-label text-right" for="reservation_phase"><small>Phase</small></label>
					<div class="col-md-6"><span id="div_phase"><input type="text" class="form-control" disabled></span></div>
				</div>
				<div class="form-group">
					<label class="col-md-6 control-label text-right" for="reservation_last_name"><small>Last Name</small></label>
					<div class="col-md-6"><input  type="text" id="reservation_last_name" placeholder="Last Name" value="" class="form-control text-left" name="reservation_last_name"></div>
				</div>
				<div class="form-group">
					<label class="col-md-6 control-label text-right" for="current_broker"><small><a href="index.php?pg=settings&type=broker" target="_blank" style="cursor:pointer" title="Broker Listing">Broker</a></small>&nbsp;&nbsp;<p onclick="reloadBroker();" class="btn btn-xs btn-info refresh"><span class="glyphicon glyphicon-refresh"></span></p></label>
					<div class="col-md-6">
						<span id="div_broker"></span>
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-6 control-label text-right" for="reservation_home_telno"><small>Home Tel No.</small></label>
					<div class="col-md-6"><input type="text" id="reservation_home_telno" name="reservation_home_telno" placeholder="Home Tel No." value="" class="form-control text-right"  onkeypress="return isNumberKey(event)" ></div>
				</div>
			</fieldset>
		</div>
		<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
			<fieldset> 
				<div class="form-group">
					<label class="col-md-5 control-label text-right" for="current_model"><small>Model</small></label>
					<div class="col-md-7">
					<span id="div_model"></span>
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-5 control-label text-right" for="reservation_block"><small>Block</small></label>
					<div class="col-md-7">  
						<span id="div_block"><input type="text" class="form-control" disabled></span>
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-5 control-label text-right" for="reservation_first_name"><small>First Name</small></label>
					<div class="col-md-7"><input type="text" name="reservation_first_name" id="reservation_first_name" placeholder="First Name" value="" class="form-control text-left"></div>
				</div>
				<div class="form-group">
					<label class="col-md-5 control-label text-right" for="current_agent"><small><a href="index.php?pg=settings&type=agent" target="_blank" style="cursor:pointer" title="Agent Listing">Agent</a></small>&nbsp;&nbsp;<p onclick="reloadAgent();" class="btn btn-xs btn-info refresh"><span class="glyphicon glyphicon-refresh"></span></p></label>
					<div class="col-md-7"> 
						<span id="div_agent"></span>
					</div> 
				</div>
				<div class="form-group">
					<label class="col-md-5 control-label text-right" for="reservation_cellphone_no"><small>Cellphone No.</small></label>
					<div class="col-md-7"><input type="text" id="reservation_cellphone_no" placeholder="Cellphone No." value="" class="form-control text-right" name="reservation_cellphone_no" ></div>
				</div>
			</fieldset>
		</div>
		<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
			<fieldset> 
				<div class="form-group">
					<label class="col-md-5 control-label text-right" for="reservation_pricelist_date"><small><input type="checkbox" name="check_pricelist_date" value="yes" id="check_pricelist_date" style="cursor:hand">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Pricelist Date</small></label>
					<div class="col-md-7">  
					<span id="div_pricelist"><input type="text" id="pricelist_date" name="pricelist_date" readonly placeholder="MM/DD/YYYY" class="text-right form-control" required></span>
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-5 control-label text-right" for="reservation_lot"><small>Lot</small></label>
					<div class="col-md-7"> 
						<span id="div_lot"><input type="text" class="form-control" disabled></span>
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-5 control-label text-right" for="reservation_middle_name"><small>Middle Name</small></label>
					<div class="col-md-7"><input type="text" id="reservation_middle_name" placeholder="Middle Name" value="" class="form-control text-left" name="reservation_middle_name"></div>
				</div>
				<div class="form-group">
					<label class="col-md-5 control-label text-right" for="reservation_spouse"><small>Spouse</small></label>
					<div class="col-md-7"><input type="text" id="reservation_spouse" placeholder="Spouse" value="" class="form-control text-left" name="reservation_spouse"></div>
				</div>
				<div class="form-group">
					<label class="col-md-5 control-label text-right" for="reservation_spouse_contactno"><small>Spouse Contact No.</small></label>
					<div class="col-md-7"><input type="text" id="reservation_spouse_contactno" placeholder="Spouse Contact No." value="" class="form-control text-right" name="reservation_spouse_contactno"  onkeypress="return isNumberKey(event)" ></div>
				</div> 
				 
			</fieldset>
		</div>
	</div>
	<div class="row">
		<div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
			<fieldset> 
				<div class="form-group">
					<label class="col-lg-3 control-label text-left" for="reservation_address1"><small>Home Address</small></label>
					<div class="col-lg-9"><input type="text" name="reservation_address1" id="reservation_address1" placeholder="Home Address" value="" class="form-control text-left"></div>
				</div>
			</fieldset>	
		</div>
		<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
			<fieldset>
				<div class="form-group"> 
					<label class="col-md-5 control-label text-right" for="reservation_spouse_email"><small>Spouse Email Address</small></label>
					<div class="col-md-7"><input type="email" id="reservation_spouse_email" placeholder="Spouse Email Address" value="" class="form-control text-left" name="reservation_spouse_email"></div>
				</div>  
			</fieldset>
		</div> 
	</div>

	<div class="row"> 
		<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
			<fieldset> 
				<div class="form-group">
					<label class="col-md-6 control-label text-left" name="reservation_address2" for="reservation_address2"><small>Buyer's Email Address</small></label>
					<div class="col-md-6"><input type="email" id="reservation_address2" name="reservation_address2" placeholder="Buyer's Email Address" value="" class="form-control text-left"></div>
				</div>
			</fieldset>
		</div>
		<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
			<fieldset>  
				<div class="form-group">
					<label class="col-md-5 control-label text-right" for="reservation_spa"><small>SPA</small></label>
					<div class="col-md-7"><input type="text" id="reservation_spa" placeholder="SPA" value="" class="form-control text-right" name="reservation_spa"   ></div>
				</div> 
			</fieldset>
		</div>
		<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
			<fieldset>  
				<div class="form-group">
					<label class="col-md-5 control-label text-right" for="reservation_spa_contactno"><small>SPA Contact No.</small></label>
					<div class="col-md-7"><input type="text" id="reservation_spa_contactno" placeholder="SPA Contact No." value="" class="form-control text-right" name="reservation_spa_contactno"  onkeypress="return isNumberKey(event)" ></div>
				</div>
				<div class="form-group">
					<label class="col-md-5 control-label text-right" for="reservation_spa_email"><small>SPA Email Address</small></label>
					<div class="col-md-7"><input type="email" id="reservation_spa_email" placeholder="SPA Email Address" value="" class="form-control text-left" name="reservation_spa_email"></div>
				</div>
			</fieldset>
		</div>
	</div>
	<div class="row"><hr/></div>
	<div class="row">
		<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
			<fieldset> 
				<div class="form-group">
					<label class="col-md-6 control-label text-right" for="reservation_employer_name"><small>Employer's Name</small></label>
					<div class="col-md-6"><input type="text" id="reservation_employer_name" placeholder="Employer's Name" value="" class="form-control text-left" name="reservation_employer_name" ></div>
				</div>
				<div class="form-group">
					<label class="col-md-6 control-label text-right" for="reservation_employee_type"><small><a href="index.php?pg=settings&type=employee_type" target="_blank" style="cursor:pointer" title="Employee Type Listing">Employee Type</a></small>&nbsp;&nbsp;<p onclick="reloadEmployeeType();" class="btn btn-xs btn-info refresh"><span class="glyphicon glyphicon-refresh"></span></p></label>
					<div class="col-md-6">
						<span id="div_employee_type"></span>
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-6 control-label text-right" for="reservation_gross_income"><small>Monthly Gross Income</small></label>
					<div class="col-md-6"><input type="text" name="reservation_gross_income" id="reservation_gross_income" placeholder="Monthly Gross Income" value="" class="form-control text-right" onkeypress="return isNumberKey(event)" onblur="javascript:this.value=Comma(this.value); autoComputeTotalMonthlyAggregate()" onkeyup="javascript:this.value=Comma(this.value); autoComputeTotalMonthlyAggregate()" ></div>
				</div>

				<div class="form-group">
					<label class="col-md-6 control-label text-right" for="reservation_loanable_amount"><small>Loanable Amount</small></label>
					<div class="col-md-6"><input type="text" name="reservation_loanable_amount" id="reservation_loanable_amount" placeholder="Loanable Amount" value="" class="form-control text-right" onload="return isNumberKey(event); javascript:this.value=Comma(this.value);" readonly onblur="javascript:this.value=Comma(this.value);" ></div>
				</div> 
				<div class="form-group">
					<label class="col-md-6 control-label text-right" for="reservation_tcp"><small>TCP (Net of Discount)</small></label>
					<div class="col-md-6"><input type="text" name="reservation_tcp" id="reservation_tcp" placeholder="TCP (Net of Discount)" value="" class="form-control text-right" onload="return isNumberKey(event); javascript:this.value=Comma(this.value);" readonly onblur="javascript:this.value=Comma(this.value);" ></div>
				</div> 
			</fieldset>	
		</div>
		<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
			<fieldset> 
				<div class="form-group"> 
					<label class="col-md-5 control-label text-right" for="reservation_position"><small><a href="index.php?pg=settings&type=position" target="_blank" style="cursor:pointer" title="Position Listing">Position</a></small>&nbsp;&nbsp;<p onclick="reloadPosition();" class="btn btn-xs btn-info refresh"><span class="glyphicon glyphicon-refresh"></span></p></label>
					<div class="col-md-7">
						<span id="div_employee_position"></span>
					</div>
				</div>
				<div class="form-group"> 
					<label class="col-md-5 control-label text-right" for="current_buyer_profile"><small><a href="index.php?pg=settings&type=buyer_profile" target="_blank" style="cursor:pointer" title="Buyer Profile Listing">Buyer Profile</a></small>&nbsp;&nbsp;<p onclick="reloadBuyerProfile();" class="btn btn-xs btn-info refresh"><span class="glyphicon glyphicon-refresh"></span></p></label>
					<div class="col-md-7">
						<span id="div_buyer_profile"></span> 
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-5 control-label text-right" for="reservation_income_of_spouse"><small>Income of Spouse / Co-borrower</small></label>
					<div class="col-md-7"><input type="text" name="reservation_income_of_spouse" id="reservation_income_of_spouse" placeholder="Income of Spouse / Co-borrower" value="" class="form-control text-right" onkeypress="return isNumberKey(event)" onblur = "javascript:this.value=Comma(this.value); autoComputeTotalMonthlyAggregate()" onkeyup = "javascript:this.value=Comma(this.value); autoComputeTotalMonthlyAggregate()"></div>
				</div>
				<div class="form-group">
					<label class="col-md-5 control-label text-right" for="reservation_with_coborrower"><input type="checkbox" id="reservation_with_coborrower" value="yes" name="reservation_with_coborrower" style="cursor:pointer"> <small style="cursor:pointer">with Co-borrower?</small></label>
					<div class="col-md-3"><select class="form-control" name="coborrower_num" id="coborrower_num"><option value="0">0</option><option value="1">1</option><option value="2">2</option><option value="3">3</option></select></div>
				</div>
			</fieldset>	
		</div>
		<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
			<fieldset> 
				<div class="form-group">
					<label class="col-md-5 control-label text-right" for="reservation_tinno"><small>TIN No.</small></label>
					<div class="col-md-7"><input type="text" name="reservation_tinno" id="reservation_tinno" placeholder="TIN No." value="" class="form-control text-left" maxlength="20"></div>
				</div>
				<div class="form-group">
					<label class="col-md-5 control-label text-right" for="reservation_office_telno"><small>Office Tel No.</small></label>
					<div class="col-md-7"><input type="text" name="reservation_office_telno" id="reservation_office_telno" placeholder="Office Tel No." value="" class="form-control text-right" onkeypress="return isNumberKey(event)"></div>
				</div>
				<div class="form-group">
					<label class="col-md-5 control-label text-right" for="reservation_aggregate_income"><small>Monthly Aggregate Income</small></label>
					<div class="col-md-7"><input type="text" readonly name="reservation_aggregate_income" id="reservation_aggregate_income" placeholder="Monthly Aggregate Income" value="" class="form-control text-right"  onkeypress="return isNumberKey(event)" onblur = "javascript:this.value=Comma(this.value);"></div>
				</div>
				<div class="form-group">
					<label class="col-md-5 control-label text-right" for="reservation_construction_status"><small>Construction Status Upon Reservation</small></label>
					<div class="col-md-7">
						<select class="select2 form-control reservation_construction_status" id="reservation_construction_status" name="reservation_construction_status">
							<option value="">Select Construction Status</option>
							<option value="PRE-SELLING">PRE-SELLING</option>
							<option value="RFO">RFO</option>
							<option value="ON-GOING">ON-GOING</option>
						</select>	
					</div>
				</div> 

			</fieldset>	
		</div>
	</div>
	<div class="row container_coborrower1"><hr/></div>
	<div class="row container_coborrower1">
		<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
			<fieldset> 
				<div class="form-group">
					<label class="col-md-6 control-label text-right" for="reservation_coborrower1"><small>Co-Borrower 1</small></label>
					<div class="col-md-6"><input type="text" name="reservation_coborrower1" id="reservation_coborrower1" placeholder="Co-Borrower 1" value="" class="form-control text-left"></div>
				</div>
				<div class="form-group">
					<label class="col-md-6 control-label text-right" for="reservation_tinno_co1"><small>TIN No.</small></label>
					<div class="col-md-6"><input type="text" name="reservation_tinno_co1" id="reservation_tinno_co1" placeholder="TIN No." value="" class="form-control text-right"  onkeypress="return isNumberKey(event)"></div>
				</div>
				<div class="form-group">
					<label class="col-md-6 control-label text-right" for="reservation_cellphoneno_co1"><small>Cellphone No.</small></label>
					<div class="col-md-6"><input type="text" name="reservation_cellphoneno_co1" id="reservation_cellphoneno_co1" placeholder="Cellphone No." value="" class="form-control text-right" ></div>
				</div>
				<div class="form-group">
					<label class="col-md-6 control-label text-right" for="reservation_office_telno_co1"><small>Office Tel No.</small></label>
					<div class="col-md-6"><input type="text" name="reservation_office_telno_co1" id="reservation_office_telno_co1" placeholder="Office Tel No." value="" class="form-control text-right"  onkeypress="return isNumberKey(event)" ></div>
				</div>
			</fieldset>
		</div>
		<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
			<fieldset> 
				<div class="form-group">
					<label class="col-md-5 control-label text-right" for="reservation_employers_name_co1"><small>Employer's Name</small></label>
					<div class="col-md-7"><input type="text" name="reservation_employers_name_co1" id="reservation_employers_name_co1" placeholder="Employer's Name" value="" class="form-control text-left"></div>
				</div>
				<div class="form-group"> 
					<label class="col-md-5 control-label text-right" for="reservation_employee_type_co1"><small><a href="index.php?pg=settings&type=employee_type" target="_blank" style="cursor:pointer" title="Employee Type Listing">Employee Type</a></small>&nbsp;&nbsp;<p onclick="reloadEmployeeType1();" class="btn btn-xs btn-info refresh"><span class="glyphicon glyphicon-refresh"></span></p></label>
					<div class="col-md-7"> 
						<span id="div_employee_type_co1"></span>
					</div>
				</div>

				<div class="form-group">
					<label class="col-md-5 control-label text-right" for="reservation_email_co1"><small>Email Address</small></label>
					<div class="col-md-7"><input type="text" name="reservation_email_co1" id="reservation_email_co1" placeholder="Email Address" value="" class="form-control text-left"></div>
				</div>

				<div class="form-group">
					<label class="col-md-5 control-label text-right" for="reservation_grossincome_co1"><small>Monthly Gross Income</small></label>
					<div class="col-md-7"><input type="text" name="reservation_grossincome_co1" id="reservation_grossincome_co1" placeholder="Monthly Gross Income" value="" class="form-control text-right"  onkeypress="return isNumberKey(event)" onblur = "javascript:this.value=Comma(this.value);"></div>
				</div>
			</fieldset>
		</div>
		<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
			<fieldset> 
				<div class="form-group"> 
					<label class="col-md-5 control-label text-right" for="reservation_position_co1"><small><a href="index.php?pg=settings&type=position" target="_blank" style="cursor:pointer" title="Position Listing">Position</a></small>&nbsp;&nbsp;<p onclick="reloadPosition1();" class="btn btn-xs btn-info refresh"><span class="glyphicon glyphicon-refresh"></span></p></label>
					<div class="col-md-7">
						<span id="div_position_co1"></span>
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-5 control-label text-right">&nbsp;</label>
					<div class="col-md-7">&nbsp;&nbsp;<br/></div>
				</div>
				<div class="form-group">
					<label class="col-md-5 control-label text-right" for="reservation_relation_to_principal_co1"><small>Relation to Principal</small></label>
					<div class="col-md-7"><input type="text" name="reservation_relation_to_principal_co1" id="reservation_relation_to_principal_co1" placeholder="Relation to Principal" value="" class="form-control text-left"></div>
				</div>
			</fieldset>
		</div>
	</div>
	
	<div class="row  container_coborrower2"><hr/></div>
	
	<div class="row  container_coborrower2">
		<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
			<fieldset> 
				<div class="form-group">
					<label class="col-md-6 control-label text-right" for="reservation_coborrower2"><small>Co-Borrower 2</small></label>
					<div class="col-md-6"><input type="text" name="reservation_coborrower2" id="reservation_coborrower2" placeholder="Co-Borrower 2" value="" class="form-control text-left"></div>
				</div>
				<div class="form-group">
					<label class="col-md-6 control-label text-right" for="reservation_tinno_co2"><small>TIN No.</small></label>
					<div class="col-md-6"><input type="text" name="reservation_tinno_co2" id="reservation_tinno_co2" placeholder="TIN No." value="" class="form-control text-right"  onkeypress="return isNumberKey(event)"></div>
				</div>


				<div class="form-group">
					<label class="col-md-6 control-label text-right" for="reservation_cellphoneno_co2"><small>Cellphone No.</small></label>
					<div class="col-md-6"><input type="text" name="reservation_cellphoneno_co2" id="reservation_cellphoneno_co2" placeholder="Cellphone No." value="" class="form-control text-right" ></div>
				</div>

				<div class="form-group">
					<label class="col-md-6 control-label text-right" for="reservation_office_telno_co2"><small>Office Tel No.</small></label>
					<div class="col-md-6"><input type="text" name="reservation_office_telno_co2" id="reservation_office_telno_co2" placeholder="Office Tel No." value="" class="form-control text-right"  onkeypress="return isNumberKey(event)"></div>
				</div>
			</fieldset>
		</div>
		<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
			<fieldset> 
				<div class="form-group">
					<label class="col-md-5 control-label text-right" for="reservation_employers_name_co2"><small>Employer's Name</small></label>
					<div class="col-md-7"><input type="text" name="reservation_employers_name_co2" id="reservation_employers_name_co2" placeholder="Employer's Name" value="" class="form-control text-left"></div>
				</div>
				<div class="form-group"> 
					<label class="col-md-5 control-label text-right" for="reservation_employee_type_co2"><small><a href="index.php?pg=settings&type=employee_type" target="_blank" style="cursor:pointer" title="Employee Type Listing">Employee Type</a></small>&nbsp;&nbsp;<p onclick="reloadEmployeeType2();" class="btn btn-xs btn-info refresh"><span class="glyphicon glyphicon-refresh"></span></p></label>
					<div class="col-md-7"> 
						<span id="div_employee_type_co2"></span>
					</div>
				</div>


				<div class="form-group">
					<label class="col-md-5 control-label text-right" for="reservation_email_co2"><small>Email Address</small></label>
					<div class="col-md-7"><input type="text" name="reservation_email_co2" id="reservation_email_co2" placeholder="Email Address" value="" class="form-control text-left"></div>
				</div>

				<div class="form-group">
					<label class="col-md-5 control-label text-right" for="reservation_grossincome_co2"><small>Monthly Gross Income</small></label>
					<div class="col-md-7"><input type="text" name="reservation_grossincome_co2" id="reservation_grossincome_co2" placeholder="Monthly Gross Income" value="" class="form-control text-right"  onkeypress="return isNumberKey(event)" onblur = "javascript:this.value=Comma(this.value);"></div>
				</div>
			</fieldset>
		</div>
		<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
			<fieldset> 
				<div class="form-group"> 
					<label class="col-md-5 control-label text-right" for="reservation_position_co2"><small><a href="index.php?pg=settings&type=position" target="_blank" style="cursor:pointer" title="Position Listing">Position</a></small>&nbsp;&nbsp;<p onclick="reloadPosition2();" class="btn btn-xs btn-info refresh"><span class="glyphicon glyphicon-refresh"></span></p></label>
					<div class="col-md-7">
						<span id="div_position_co2"></span>
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-5 control-label text-right">&nbsp;</label>
					<div class="col-md-7">&nbsp;&nbsp;<br/></div>
				</div>
				<div class="form-group">
					<label class="col-md-5 control-label text-right" for="reservation_relation_to_principal_co2"><small>Relation to Principal</small></label>
					<div class="col-md-7"><input type="text" name="reservation_relation_to_principal_co2" id="reservation_relation_to_principal_co2" placeholder="Relation to Principal" value="" class="form-control text-left"></div>
				</div>
			</fieldset>
		</div>
	</div>
	
	<div class="row container_coborrower3"><hr/></div>
	
	<div class="row container_coborrower3">
		<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
			<fieldset> 
				<div class="form-group">
					<label class="col-md-6 control-label text-right" for="reservation_coborrower3"><small>Co-Borrower 3</small></label>
					<div class="col-md-6"><input type="text" name="reservation_coborrower3" id="reservation_coborrower3" placeholder="Co-Borrower 3" value="" class="form-control text-left"></div>
				</div>
				<div class="form-group">
					<label class="col-md-6 control-label text-right" for="reservation_tinno_co3"><small>TIN No.</small></label>
					<div class="col-md-6"><input type="text" name="reservation_tinno_co3" id="reservation_tinno_co3" placeholder="TIN No." value="" class="form-control text-right"  onkeypress="return isNumberKey(event)"></div>
				</div>

				<div class="form-group">
					<label class="col-md-6 control-label text-right" for="reservation_cellphoneno_co3"><small>Cellphone No.</small></label>
					<div class="col-md-6"><input type="text" name="reservation_cellphoneno_co3" id="reservation_cellphoneno_co3" placeholder="Cellphone No." value="" class="form-control text-right" ></div>
				</div>

				<div class="form-group">
					<label class="col-md-6 control-label text-right" for="reservation_office_telno_co3"><small>Office Tel No.</small></label>
					<div class="col-md-6"><input type="text" name="reservation_office_telno_co3" id="reservation_office_telno_co3" placeholder="Office Tel No." value="" class="form-control text-right"  onkeypress="return isNumberKey(event)" ></div>
				</div>
			</fieldset>
		</div>
		<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
			<fieldset> 
				<div class="form-group">
					<label class="col-md-5 control-label text-right" for="reservation_employers_name_co3"><small>Employer's Name</small></label>
					<div class="col-md-7"><input type="text" name="reservation_employers_name_co3" id="reservation_employers_name_co3" placeholder="Employer's Name" value="" class="form-control text-left"></div>
				</div>
				<div class="form-group"> 
					<label class="col-md-5 control-label text-right" for="reservation_employee_type_co3"><small><a href="index.php?pg=settings&type=employee_type" target="_blank" style="cursor:pointer" title="Employee Type Listing">Employee Type</a></small>&nbsp;&nbsp;<p onclick="reloadEmployeeType3();" class="btn btn-xs btn-info refresh"><span class="glyphicon glyphicon-refresh"></span></p></label>
					<div class="col-md-7">
						<span id="div_employee_type_co3"></span>
					</div>
				</div>

				<div class="form-group">
					<label class="col-md-5 control-label text-right" for="reservation_email_co3"><small>Email Address</small></label>
					<div class="col-md-7"><input type="text" name="reservation_email_co3" id="reservation_email_co3" placeholder="Email Address" value="" class="form-control text-left"></div>
				</div>

				<div class="form-group">
					<label class="col-md-5 control-label text-right" for="reservation_grossincome_co3"><small>Monthly Gross Income</small></label>
					<div class="col-md-7"><input type="text" name="reservation_grossincome_co3" id="reservation_grossincome_co3" placeholder="Monthly Gross Income" value="" class="form-control text-right"  onkeypress="return isNumberKey(event)" onblur = "javascript:this.value=Comma(this.value);"></div>
				</div>
			</fieldset>
		</div>
		<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
			<fieldset> 
				<div class="form-group"> 
					<label class="col-md-5 control-label text-right" for="reservation_position_co3"><small><a href="index.php?pg=settings&type=position" target="_blank" style="cursor:pointer" title="Position Listing">Position</a></small>&nbsp;&nbsp;<p onclick="reloadPosition3();" class="btn btn-xs btn-info refresh"><span class="glyphicon glyphicon-refresh"></span></p></label>
					<div class="col-md-7">
						<span id="div_position_co3"></span>
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-5 control-label text-right">&nbsp;</label>
					<div class="col-md-7">&nbsp;&nbsp;<br/></div>
				</div>
				<div class="form-group">
					<label class="col-md-5 control-label text-right" for="reservation_relation_to_principal_co3"><small>Relation to Principal</small></label>
					<div class="col-md-7"><input type="text" name="reservation_relation_to_principal_co3" id="reservation_relation_to_principal_co3" placeholder="Relation to Principal" value="" class="form-control text-left"></div>
				</div>
			</fieldset>
		</div>
	</div>
	<div class="row"><br/></div>
</div>
<input type="hidden" id="rtransfer" name="rtransfer" value="<?=$_GET['rtransfer']?>"> 
<input type="hidden" id="transfer_pricelist_date" name="transfer_pricelist_date">
<input type="hidden" id="transfer_reservation_date" name="transfer_reservation_date">
<input type="hidden" id="transfer_reservation_last_name" name="transfer_reservation_last_name">
<input type="hidden" id="transfer_reservation_first_name" name="transfer_reservation_first_name">
<input type="hidden" id="transfer_reservation_middle_name" name="transfer_reservation_middle_name">
<input type="hidden" id="transfer_reservation_home_telno" name="transfer_reservation_home_telno">
<input type="hidden" id="transfer_discount" name="transfer_discount">
<input type="hidden" id="transfer_reservation_spouse" name="transfer_reservation_spouse">
<input type="hidden" id="transfer_reservation_spouse_contactno" name="transfer_reservation_spouse_contactno">
<input type="hidden" id="transfer_reservation_address1" name="transfer_reservation_address1">
<input type="hidden" id="transfer_reservation_address2" name="transfer_reservation_address2">
<input type="hidden" id="transfer_reservation_employer_name" name="transfer_reservation_employer_name">
<input type="hidden" id="transfer_reservation_gross_income" name="transfer_reservation_gross_income">
<input type="hidden" id="transfer_reservation_cellphone_no" name="transfer_reservation_cellphone_no">
<input type="hidden" id="transfer_reservation_income_of_spouse" name="transfer_reservation_income_of_spouse">
<input type="hidden" id="transfer_coborrower_num" name="transfer_coborrower_num">
<input type="hidden" id="transfer_reservation_tinno" name="transfer_reservation_tinno">
<input type="hidden" id="transfer_reservation_office_telno" name="transfer_reservation_office_telno">
<input type="hidden" id="transfer_reservation_aggregate_income" name="transfer_reservation_aggregate_income">
<input type="hidden" id="transfer_broker" name="transfer_broker">
<input type="hidden" id="transfer_agent" name="transfer_agent">
<input type="hidden" id="transfer_spa" name="transfer_spa">
<input type="hidden" id="transfer_spa_contactno" name="transfer_spa_contactno">
<input type="hidden" id="transfer_spa_email" name="transfer_spa_email">

<input type="hidden" id="transfer_spouse_email" name="transfer_spouse_email"> <!--26MAR23-->
<input type="hidden" id="transfer_construction_status" name="transfer_construction_status"> <!--28MAR23-->
</form>


<script type="text/javascript">

		//AUTO COMPUTE MONTHLY GROSS INCOME + INCOME OF SPOUSE/CO-BORROWER
		function autoComputeTotalMonthlyAggregate(){
					var monthly_gross_income 	= $('#reservation_gross_income').val().replace(/,/g, "");
					var spouse_income 			= $('#reservation_income_of_spouse').val().replace(/,/g, "");
					  
					if(spouse_income==''){
						spouse_income = 0;
					}
 
					var total_aggregate = parseFloat(monthly_gross_income) + parseFloat(spouse_income);
					total_aggregate = Comma(total_aggregate.toFixed(2));
					$('#reservation_aggregate_income').val(total_aggregate);

				}
</script>