<!-- Begin Body --> 
<form  role="form" id="pricelist_form" class="form-horizontal">
<div class="container-fluid" style="padding-top:120px; height:550px">
	<div class="row"><br/></div>
	<div class="row">
		<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
			<fieldset> 
				<div class="form-group">
					<label class="col-md-5 control-label text-right" for="current_project"><small>Project</small></label>
					<div class="col-md-7"> 
						<span id="div_project"></span>
					</div>
				</div>
			</fieldset>
		</div>
		<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
			<fieldset> 		
				<div class="form-group">
					<label class="col-md-2 control-label text-right" for="current_model"><small>Model</small></label>
					<div class="col-md-7">  
						<span id="div_model"></span>
					</div>
					<div class="col-md-3">
						<select class="form-control select2" id="key_code" name="key_code">
							<option value=""></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-3 col-md-3 col-sm-3 col-xs-12">
			<fieldset> 		
				<div class="form-group">
					<label class="col-md-6 control-label text-right" for="pricelist_reservation_fee"><small>Reservation Fee</small></label>
					<div class="col-md-6"><input type="text" id="pricelist_reservation_fee" placeholder="Reservation Fee" value="" class="form-control text-right" readonly  onblur = "javascript:this.value=Comma(this.value);" onkeypress="return isNumberKey(event)"  >
					</div>
				</div>
			</fieldset>
		</div>
		<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
			<fieldset> 		
				<div class="form-group">
					<label class="col-md-5 control-label text-right" for="pricelist_updated_date"><small>Date as of</small></label>
					<div class="col-md-7"><input type="text" id="pricelist_updated_date" placeholder="MM/DD/YYYY"  class="form-control text-right currentdatepicker" readonly style="cursor:pointer">
					</div>
				</div>
			</fieldset>
		</div>		
		<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 left text-left">
			<fieldset> 
				<div class="form-group left text-left">
					<label class="col-md-2 control-label left text-left" for="pricelist_remarks"><small>Remarks</small></label>
					<div class="col-md-10"> <textarea class="form-control" id="pricelist_remarks"></textarea></div>
				</div>
			</fieldset>
		</div>
		 
		
		<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 left text-left">
			<fieldset> 
				<div class="form-group left text-left">
					<label class="col-md-2 control-label left text-left" for="pricelist_cash_discount"><small>Cash Equity Discount</small></label>
					<div class="col-md-2 control-label left text-left" ><input  onchange="computePF()" type="text" id="pricelist_cash_discount" placeholder="Terms Discount" value="0" class="form-control text-right" onblur = "javascript:this.value=Comma(this.value);"></div>
					<label class="col-md-2 control-label left text-left" for="pricelist_terms"><small>Terms Payable Discount</small></label>
					<div class="col-md-1 control-label left text-left" ><span id="div_terms"></span></div>
					<div class="col-md-2 control-label left text-left" ><input type="text" id="pricelist_terms_discount" placeholder="Terms Discount" value="0" class="form-control text-right" onblur = "javascript:this.value=Comma(this.value);" onchange="computePF()"></div>
				</div>
			</fieldset>
		</div>
	</div>
	 
	
	<div><br/></div>
	<!-----PRICELIST TABLE------->
	<div class="row">
      		<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
			<div style="overflow:scroll; width:100%"> 
				 <table id="pricelist_detail_table"  class="table-hover table-striped table-bordered table-condensed" cellspacing="0" cellpadding="0" style="overflow:scroll" width="100%"> 
					<thead style="font-size:10pt">
						<tr>
							<th><span id="pricelist_detail_table_add" class="btn btn-xs btn-success glyphicon glyphicon-plus"></span></th>
							<th class="text-center" style="min-width:90px"><small>Status</small></th>
							<th class="text-center"  style="min-width:70px"><small>Terms</small></th>
							<th class="text-center"  style="min-width:50px"><small>Phase</small></th>
							<th class="text-center"  style="min-width:55px"><small>Block</small></th>
							<th class="text-center"  style="min-width:55px"><small>Lot</small></th> 
							<th class="text-center"  style="min-width:92px"><small>Lot Type</small></th> 
							<th class="text-center"  style="min-width:80px"><small>Lot Size</small></th>  
							<th class="text-center"  style="min-width:80px"><small>Floor Area</small></th>
							<th class="text-center"  style="min-width:170px"><small>TCP</small></th>
							<th class="text-center"  style="min-width:250px" colspan="2"><small>Discount</small></th>
							<th class="text-center"  style="min-width:170px"><small>TCP (Net of Discounts)</small></th>
							<th class="text-center"  style="min-width:170px"><small>Loanable Amount</small></th> 
							<th class="text-center"  style="min-width:170px"><small>Downpayment</small></th> 
							<th class="text-center"  style="min-width:170px"><small>Net Equity</small></th> 
							<th class="text-center"  style="min-width:170px"><small>Equity Payable</small></th> 
							<th class="text-center"  style="min-width:145px"><small>Required Gross</small></th> 
							<th class="text-center"  style="min-width:145px"><small>Amortization</small></th> 
							<th class="text-center"  style="min-width:200px"><small>Remarks</small></th> 
						</tr>
					</thead>
					<tbody>
						<tr>
							<td><span onClick="removeCurrentRow(this);" class="btn btn-xs btn-danger glyphicon glyphicon-trash"></span></td> 
							<td><select class="form-control text-left left pricelist_status" name="pricelist_status[]" onchange="computePF();"><option value="PRE-SELLING">PRE-SELLING</option><option value="RFO">RFO</option><option value="ON-GOING">ON-GOING</option><!--<option value="UP-COMING">UP-COMING</option>--></select></td>
							<td><div id="div_detail_terms"></div></td>
							<td><input maxlength="1" type="text" style="width:40px" class="form-control text-right phase" name="phase[]"></td>
							<td><input maxlength="2" type="text" style="width:45px" class="form-control text-right block" name="block[]" ></td>
							<td><input maxlength="2" type="text" style="width:45px" class="form-control text-right lot" name="lot[]" ></td>
							<td><select class="form-control text-left left" name="lot_type[]"><option value="">-</option><option value="INNER">Inner</option><option value="END">End</option></select></td>
							<td><input maxlength="5" type="text" style="width:70px" class="form-control text-right" name="lot_size[]" onkeypress="return isNumberKey(event)"></td>							
							<td><input maxlength="5"  style="width:70px" type="text" class="form-control  text-right" name="floor_area[]" onkeypress="return isNumberKey(event)"></td>
							<td><input maxlength="12"  type="text" class="form-control text-right pricelist_contract_price" name="contract_price[]" onkeypress="return isNumberKey(event)" onblur = "javascript:this.value=Comma(this.value);"  onchange="computeNetDiscountTCP();"></td> <!--computePF(); -->

							<td><select class="form-control text-left left" name="discount_type[]"><option value="">-</option><option value="promo">Promo</option><option value="cash_equity">Cash Equity</option><option value="spot_cash">Spot Cash</option><option value="others">Others</option></select></td>
							<td><input  maxlength="12"  type="text" class="form-control text-right discount_amount" name="discount_amount[]" onkeypress="return isNumberKey(event)" onblur = "javascript:this.value=Comma(this.value);"  onchange="computeNetDiscountTCP()"></td>
							<td><input maxlength="12"  type="text" class="form-control text-right discount_tcp" name="discount_tcp[]" onkeypress="return isNumberKey(event)" onblur = "javascript:this.value=Comma(this.value);" ></td> <!-- onchange="computePF()"-->


							<td><input maxlength="12"  type="text" class="form-control text-right pricelist_loanable_amount" name="loanable_amount[]" onkeypress="return isNumberKey(event)" onblur = "javascript:this.value=Comma(this.value);computePF()" onchange="computePF()"></td>

							<td><input maxlength="12"  type="text" class="form-control text-right downpayment" name="downpayment[]" onkeypress="return isNumberKey(event)" onblur = "javascript:this.value=Comma(this.value);computePF()" onchange="computePF()"></td>
							


							<td><input maxlength="10"   type="text" class="form-control text-right pricelist_pf_net" name="pf_net[]" onkeypress="return isNumberKey(event)" onblur = "javascript:this.value=Comma(this.value);"></td>

							<td><input maxlength="12"   type="text" class="form-control text-right pf_payable" name="pf_payable[]"  onblur = "javascript:this.value=Comma(this.value);"></td>

							<td><input maxlength="12"   type="text" class="form-control text-right required_gross" name="required_gross[]" onkeypress="return isNumberKey(event)" onblur = "javascript:this.value=Comma(this.value);"></td>
							
							<td><input maxlength="12" type="text" class="form-control text-right amortization" name="amortization[]" onkeypress="return isNumberKey(event)" onblur = "javascript:this.value=Comma(this.value);"></td>

							<td><input type="text" class="form-control text-right remarks" name="remarks[]"></td>
						</tr>
					</tbody>
				</table>
      		</div>
      		</div>
  	</div>
</div>
</form>