<!-- Begin Body --> 
<form  role="form" id="buyer_payment_monitoring_form" class="form-horizontal"  autocomplete="on">
<input type="hidden" id="current_model">
 

<input type="hidden" id="current_user_type" value="<?=$user_type?>" name="current_user_type">
<div class="container-fluid" style="padding-top:120px; height:550px">
	<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" for="bpm_fullname"><small>Full Name</small></label>
					<div class="col-md-7"><input type="text" id="bpm_fullname" readonly placeholder="Full Name" value="" class="form-control text-left"></div>
				</div>
				<div class="form-group">
					<label class="col-md-5 control-label text-right" for="bpm_phase"><small>Phase</small></label>
					<div class="col-md-7"><input type="text" id="bpm_phase" readonly placeholder="Phase" value="" class="form-control text-left"></div>
				</div>
				<div class="form-group">
					<label class="col-md-5 control-label text-right" for="bpm_lot_size"><small>Lot Size</small></label>
					<div class="col-md-7"><input type="text" id="bpm_lot_size" readonly placeholder="Lot Size" value="" class="form-control text-left"></div>
				</div>
				<div class="form-group">
					<input type="hidden" id="bpm_discount_temp">
					<input type="hidden" id="bpm_loanable_amount_temp">
					<input type="hidden" id="bpm_pagibig_loanable_amount_temp">
					<input type="hidden" id="bpm_terms_of_payment_temp"> 
					<label class="col-md-5 control-label text-right" for=""><small>Pricelist Date</small></label>
					<div class="col-md-7"><input type="text" id="bpm_pricelist_date" name="bpm_pricelist_date" placeholder="MM/DD/YYYY" value="" class="form-control text-right" readonly style="cursor:disabled">
					</div>
				</div>
				<div class="form-group">
					<span class="col-md-2" ><button id="refresh_tcp" style="visibility:hidden" class="btn btn-warning btn-xs glyphicon glyphicon-refresh" title="Reset TCP"></button></span> <!--24AUG24 hide button by default if not admin role-->
					<label class="col-md-3 control-label text-right" for="bpm_tcp"><small>TCP</small></label>
					<div class="col-md-7"><input type="text" id="bpm_tcp" name="bpm_tcp" placeholder="0.00" onblur = "javascript:this.value=Comma(this.value);  computeNetEquity();" readonly onkeypress="return isNumberKey(event);" value="" class="form-control text-right"></div>
				</div>
				<div class="form-group">
					<label class="col-md-5 control-label text-right" for="bpm_discount"><small>Discount</small></label>
					<div class="col-md-7"><input type="text" id="bpm_discount" name="bpm_discount" placeholder="0.00" onblur = "javascript:this.value=Comma(this.value); computeNetEquity();" onkeypress="return isNumberKey(event); computeNetEquity()" readonly onchange = "javascript:this.value=Comma(this.value);"  value="" class="form-control text-right"></div>
				</div>
				<div class="form-group">
					<label class="col-md-5 control-label text-right" for="bpm_loanable_amount"><small>Loanable Amount</small></label>
					<div class="col-md-7"><input type="text" readonly id="bpm_loanable_amount" name="bpm_loanable_amount" placeholder="0.00" value="" class="form-control text-right" onblur = "javascript:this.value=Comma(this.value); computeNetEquity();" onkeypress="return isNumberKey(event);"></div>

					<input type="hidden" id="bpm_downpayment"  name="bpm_downpayment" onblur = "javascript:this.value=Comma(this.value); computeNetEquity();"><!--11AUG24 DOWNPAYMENT--->
					<input type="hidden" id="reservation_fee"> <!---RESERVATION FEE--->
				</div>

				<div class="form-group">
					<label class="col-md-5 control-label text-right" for="bpm_net_equity"><small>Net Equity</small></label>
					<div class="col-md-7"><input type="text" id="bpm_net_equity" name="bpm_net_equity" placeholder="0.00" value="" class="form-control text-right" onblur = "javascript:this.value=Comma(this.value);" readonly 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-6 control-label text-right" for="bpm_start_of_equity"><small>Reservation Date</small></label>
					<div class="col-md-6"><input type="text" id="bpm_reservation_date" name="bpm_reservation_date" placeholder="MM/DD/YYYY" value="" class="form-control text-right" readonly style="cursor:disabled"></div>
				</div>
				
				<div class="form-group">
					<label class="col-md-6 control-label text-right" for="bpm_block"><small>Block</small></label>
					<div class="col-md-6"><input type="text" id="bpm_block" name="bpm_block" placeholder="Block" value="" class="form-control text-left" readonly style="cursor:disabled"></div>
				</div>
				
				<div class="form-group">
					<label class="col-md-6 control-label text-right" for="bpm_floor_area"><small>Floor Area</small></label>
					<div class="col-md-6"><input type="text" id="bpm_floor_area" name="bpm_floor_area" placeholder="Floor Area" value="" class="form-control text-left" readonly style="cursor:disabled"></div>
				</div>
				<div class="form-group">
					<label class="col-md-6 control-label text-right" for=""><small>Payment Mode on Equity</small></label>
					<div class="col-md-6">
						<select class="form-control" id="bpm_payment_mode" name="bpm_payment_mode">
							<!--<option value=""></option>-->
							<option value="installments">Installments</option> 
							<option value="cash">Cash</option> 

							<!--<option value="in-house">In-house Financing</option> 
							<option value="pag-ibig">Pag-ibig Financing</option> 
							<option value="bank">Bank Financing</option> 	-->						
						</select>
					</div>
				</div>

				<div class="form-group">
					<label class="col-md-6 control-label text-right" for="bpm_monthly_equity"><small>Monthly Equity</small></label>
					<div class="col-md-6"><input type="text" id="bpm_monthly_equity" name="bpm_monthly_equity" placeholder="0.00" value="" class="form-control text-right" onblur = "javascript:this.value=Comma(this.value);" readonly onkeypress="return isNumberKey(event)"></div>
				</div> 
				<div class="form-group">
					<label class="col-md-6 control-label text-right" for="bpm_terms_of_payment"><small>Terms of Payment (Month) </small></label>
					<div class="col-md-6"><input type="text" id="bpm_terms_of_payment" name="bpm_terms_of_payment" placeholder="0" value="" class="form-control text-right" onblur = "javascript:this.value=Comma(this.value); computeMonthlyEquity();" readonly onkeypress="return isNumberKey(event); computeMonthlyEquity();"></div> <!--24AUG24 add readonly-->
				</div>
				<div class="form-group">
					<label class="col-md-6 control-label text-right" for="bpm_start_of_equity"><small>Start of Equity</small></label>
					<div class="col-md-6"><input type="text" id="bpm_start_of_equity" name="bpm_start_of_equity" placeholder="MM/DD/YYYY" value="" class="form-control text-right datepicker whitebg" readonly style="cursor:pointer"></div>
				</div>
				
				<div class="form-group">
					<label class="col-md-6 control-label text-right" for="bpm_start_of_equity"><small>Approved Equity</small></label>
					<div class="col-md-6"><input type="text" id="bpm_approved_equity" name="bpm_approved_equity" placeholder="MM/DD/YYYY" value="" class="form-control text-right datepicker whitebg" readonly style="cursor:pointer"></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-6 control-label text-right" for="bpm_date_rf_deposited"><small>Date RF Deposited</small></label>
					<div class="col-md-6"><input type="text" id="bpm_date_rf_deposited" name="bpm_date_rf_deposited" placeholder="MM/DD/YYYY" value="" class="form-control datepicker  text-right whitebg" style="cursor:pointer" readonly></div>
				</div>  
				<div class="form-group">
					<label class="col-md-6 control-label text-right" for="bpm_lot"><small>Lot</small></label>
					<div class="col-md-6"><input type="text" id="bpm_lot" name="bpm_lot" placeholder="Lot" value="" class="form-control text-left" readonly style="cursor:disabled"></div>
				</div>
				
				<div class="form-group">
					<div class="col-md-6"><br/><br/></div>
				</div>
                
				<div class="form-group">
					<label class="col-md-6 control-label text-right" for="bpm_remarks_on_equity"><small>Remarks on Equity</small></label>
					<div class="col-md-6"> 
					<textarea class="form-control" rows="11" placeholder="Remarks on Equity" id="bpm_remarks_on_equity" name="bpm_remarks_on_equity" ></textarea>
					</div>
				</div>
				<!--
				<div class="form-group">
					<label class="col-md-6 control-label text-right" for="bpm_payments_made"><small>Payments Made</small></label>
					<div class="col-md-6"><input type="text" id="bpm_payments_made" name="bpm_payments_made" placeholder="0" value="" class="form-control text-right" onblur = "javascript:this.value=Comma(this.value);" onkeypress="return isNumberKey(event)"></div>
				</div>
				<div class="form-group">
					<label class="col-md-6 control-label text-right" for="bpm_pdc_submitted"><small>PDC Submitted</small></label>
					<div class="col-md-6"><input type="text" id="bpm_pdc_submitted" name="bpm_pdc_submitted" placeholder="0" value="" class="form-control text-right" onblur = "javascript:this.value=Comma(this.value);" onkeypress="return isNumberKey(event)"></div>
				</div>
				<div class="form-group">
					<label class="col-md-6 control-label text-right" for="bpm_lacking_pdc"><small>Lacking PDC</small></label>
					<div class="col-md-6"><input type="text" id="bpm_lacking_pdc" name="bpm_lacking_pdc" placeholder="0" value="" class="form-control text-right" onblur = "javascript:this.value=Comma(this.value);" onkeypress="return isNumberKey(event)"></div>
				</div>	-->			
			</fieldset>
		</div>
	</div>
	 
	 
	
	<div class="row">
		<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
		<div class="container-fluid well">  
			<div class="row"><div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"><h4>Take-out</h4></div></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-4 control-label text-right" for="bpm_takeout_amount"><small>Take-out Amount</small></label>
							<div class="col-md-8"><input type="text" id="bpm_takeout_amount" name="bpm_takeout_amount" placeholder="0.00" value="0.00" class="form-control text-right" onblur="javascript:this.value=Comma(this.value); computeNetMRI()" onkeypress="return isNumberKey(event)" onkeyup="javascript:this.value=Comma(this.value);"></div>
						</div>
						<div class="form-group">
							<label class="col-md-4 control-label text-right" for="bpm_mri"><small>MRI</small></label>
							<div class="col-md-8"><input type="text" id="bpm_mri" name="bpm_mri" placeholder="0.00" value="0.00" class="form-control text-right" onblur="javascript:this.value=Comma(this.value); computeNetMRI(); cloneMRI();" onkeypress="return isNumberKey(event); cloneMRI();" onkeyup="javascript:this.value=Comma(this.value);"></div>
						</div>
					 
						<div class="form-group">
							<label class="col-md-4 control-label text-right" for="bpm_adjustment"><small>Adjustment</small></label>
							<div class="col-md-8"><input type="text" id="bpm_adjustment" name="bpm_adjustment" placeholder="0.00" value="0.00" class="form-control text-right" readonly onblur="javascript:this.value=Comma(this.value); computeNetMRI()" onkeypress="return isNumberKey(event)" onkeyup="javascript:this.value=Comma(this.value);"></div>
						</div>
					 
						<div class="form-group">
							<label class="col-md-4 control-label text-right" for="bpm_net_of_mri"><small>Misc (Net of MRI)</small></label>
							<div class="col-md-8"><input type="text" id="bpm_net_of_mri" name="bpm_net_of_mri" placeholder="0.00" value="0.00" class="form-control text-right" onblur = "javascript:this.value=Comma(this.value);" readonly 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-6 control-label text-right" for="bpm_financing"><small>Financing</small></label>
							<div class="col-md-6">
								<select class="form-control" id="bpm_financing" name="bpm_financing">
									<option value=""></option>
									<option value="bank">Bank</option>
									<option value="pagibig">Pag-ibig</option>
									<option value="cash">Spot Cash</option>
									<option value="inhouse">In-house</option>
								</select>
							</div>
						</div>
						<div class="form-group">
							<label class="col-md-6 control-label text-right" for="bpm_takeout_date"><small>Take-out Date</small></label>
							<div class="col-md-6"><input type="text" id="bpm_takeout_date" name="bpm_takeout_date" placeholder="MM/DD/YYYY" value="" class="form-control text-right" readonly style="cursor:disabled"></div>
						</div>
						<div class="form-group">
							<label class="col-md-6 control-label text-right" for="bpm_pagibig_approved_loanable_amount"><small>Approved Loanable Amount</small></label>
							<div class="col-md-6">
								<input type="text" id="bpm_pagibig_approved_loanable_amount" name="bpm_pagibig_approved_loanable_amount" placeholder="0.00" value="0.00" class="form-control text-right" onblur = "javascript:this.value=Comma(this.value); computeDifferenceApprovedLoanable()" onkeypress="return isNumberKey(event); computeDifferenceApprovedLoanable()" onkeyup="javascript:this.value=Comma(this.value);" >
							</div>
						</div>
						<div class="form-group">
							<label class="col-md-6 control-label text-right" for="bpm_pagibig_loanable_amount"><small>Loanable Amount</small></label>
							<div class="col-md-6"><input type="text" id="bpm_pagibig_loanable_amount" name="bpm_pagibig_loanable_amount" placeholder="0.00" value="" class="form-control text-right" onblur = "javascript:this.value=Comma(this.value); " readonly onkeypress="return isNumberKey(event)"></div>
						</div>
						<div class="form-group">
							<label class="col-md-6 control-label text-right" for="bpm_difference_of_approved_vs_loanable"><small>Difference of Approved VS Loanable</small></label>
							<div class="col-md-6"><input type="text" id="bpm_difference_of_approved_vs_loanable" name="bpm_difference_of_approved_vs_loanable" placeholder="0.00" value="0.00" class="form-control text-right" readonly onblur = "javascript:this.value=Comma(this.value); " onkeypress="return isNumberKey(event)"></div>
						</div>
					
					</fieldset>
				</div>
			</div>
		</div>
		</div>
	</div>
	
	
	
	<div class="row">
		<div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
		<div class="container-fluid well">  
			<div class="row"><div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"><h4>For Move-In</h4></div></div> 
			<div class="row"><br/></div>
			<div class="row">
				<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
					<fieldset>
						<div class="form-group">
							<label class="col-md-4 control-label text-right" for="bpm_movein_mri"><small>MRI</small></label>
							<div class="col-md-8"><input type="text" id="bpm_movein_mri" onkeyup="javascript:this.value=Comma(this.value);"  onblur="javascript:this.value=Comma(this.value);" onkeypress="return isNumberKey(event)" name="bpm_movein_mri" placeholder="0.00" value="" class="form-control text-right"></div>
						</div>
						<div class="form-group">
							<label class="col-md-4 control-label text-right" for="bpm_others"><small>Others</small></label>
							<div class="col-md-8"><input type="text" id="bpm_others" onkeyup="javascript:this.value=Comma(this.value);"  onblur="javascript:this.value=Comma(this.value);" onkeypress="return isNumberKey(event)" name="bpm_others" placeholder="0.00" value="" class="form-control text-right"></div>
						</div>
					</fieldset>
				</div>
				<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
					<fieldset>
						<div class="form-group">
							<label class="col-md-6 control-label text-right" for="bpm_refilling_fee"><small>Refilling Fee</small></label>
							<div class="col-md-6"><input type="text" id="bpm_refilling_fee" onkeyup="javascript:this.value=Comma(this.value);"  onblur="javascript:this.value=Comma(this.value);" onkeypress="return isNumberKey(event)" name="bpm_refilling_fee" placeholder="0.00" value="" class="form-control text-right"></div>
						</div>
						<div class="form-group">
							<label class="col-md-6 control-label text-right" for="bpm_pagibig_upgrading"><small>Pag-ibig Upgrading</small></label>
							<div class="col-md-6"><input type="text" id="bpm_pagibig_upgrading" onkeyup="javascript:this.value=Comma(this.value);"  onblur="javascript:this.value=Comma(this.value);" onkeypress="return isNumberKey(event)" name="bpm_pagibig_upgrading" placeholder="0.00" value="" class="form-control text-right"></div>
						</div>
						<div class="form-group">
							<label class="col-md-6 control-label text-right" for="bpm_pagibig_loan_update"><small>Pag-ibig Loan Update</small></label>
							<div class="col-md-6"><input type="text" id="bpm_pagibig_loan_update" onkeyup="javascript:this.value=Comma(this.value);"  onblur="javascript:this.value=Comma(this.value);" onkeypress="return isNumberKey(event)" name="bpm_pagibig_loan_update" placeholder="0.00" value="" class="form-control text-right"></div>
						</div>
					</fieldset>
				</div>
			</div>
		</div>
		</div>
		<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
			<div class="container-fluid well">  
				<div class="row"><div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"><h4>Move-In</h4></div></div> 
				<div class="row"><br/></div>
				<div class="row">
					<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
						<fieldset>
							<div class="form-group">
								<label class="col-md-6 control-label text-right" for="bpm_collected_date"><small>Collected Date</small></label>
								<div class="col-md-6"><input type="text" id="bpm_collected_date" name="bpm_collected_date" placeholder="MM/DD/YYYY" value="" class="form-control text-right datepicker whitebg" readonly style="cursor:pointer"></div>
							</div>
							<div class="form-group">
								<label class="col-md-6 control-label text-right" for="bpm_deposited_date"><small>Deposited Date</small></label>
								<div class="col-md-6"><input type="text" id="bpm_deposited_date" name="bpm_deposited_date" placeholder="MM/DD/YYYY" value="" class="form-control text-right datepicker whitebg" readonly style="cursor:pointer"></div>
							</div>
							<div class="form-group">
								<label class="col-md-6 control-label text-right" for="bpm_movein_amount"><small>Amount</small></label>
								<div class="col-md-6"><input type="text" id="bpm_movein_amount" name="bpm_movein_amount" placeholder="0.00" value="" class="form-control text-right" onkeyup="javascript:this.value=Comma(this.value);"  onblur="javascript:this.value=Comma(this.value);" onkeypress="return isNumberKey(event)"></div>
							</div>
						</fieldset>
					</div>
				</div>
			</div>
		</div>
	</div>	  
</div>
</form>