<form  role="form" id="promo_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-4 col-md-4 col-sm-4 col-xs-12">
			<fieldset> 
				<div class="form-group">
					<label class="col-md-2 control-label text-right" for="current_project"><small>Project</small></label>
					<div class="col-md-8">
						<span id="div_project"></span>
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-2 control-label text-right" for="current_model"><small>Model</small></label>
					<div class="col-md-8">
						<span id="div_model"></span>
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-2 control-label text-right" for="promo_promo"><small>Promo</small></label>
					<div class="col-md-10"><input type="text" id="promo_promo" placeholder="Promo" value="" class="form-control text-left" name="promo_promo"></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-4 control-label text-right" for="promo_start_date"><small>Start Date</small></label>
					<div class="col-md-6"><input type="text" id="promo_start_date" placeholder="MM/DD/YYYY" value="" class="form-control text-right   datepicker" readonly style="cursor:pointer" name="promo_start_date"></div>
				</div>
				<div class="form-group">
					<label class="col-md-4 control-label text-right" for="promo_end_date"><small>End Date</small></label>
					<div class="col-md-6"><input type="text" id="promo_end_date" placeholder="MM/DD/YYYY" value="" class="form-control text-right   datepicker" readonly style="cursor:pointer" name="promo_end_date"></div>
				</div>
				<div class="form-group">
					<label class="col-md-4 control-label text-right" for="promo_amount"><small>Amount</small></label>
					<div class="col-md-6"><input type="text" id="promo_amount" placeholder="Amount" value="0" class="form-control text-right"   onblur = "javascript:this.value=Comma(this.value);" onkeypress="return isNumberKey(event)" name="promo_amount"></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-4 control-label text-right" for="promo_conditions"><small>Conditions</small></label>
					<div class="col-md-8"><textarea class="form-control" name="promo_conditions" id="promo_conditions" rows="2"></textarea></div>
				</div>
				<div class="form-group">
					<label class="col-md-4 control-label text-right" for="promo_status"><small>Status</small></label>
					<div class="col-md-6">
					<select class="form-control pointer select2" id="promo_status" name="promo_status">
						<option value="RFO">RFO</option>
						<option value="ON-GOING">ON-GOING</option>
						<option value="UP-COMING">UP-COMING</option>
					</select></div>
				</div>
			</fieldset>
		</div>
	</div>
	<div><br/></div>
	<!-----PROMO TABLE------->
	<div class="row">
      		<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
              	  <table id="promo_detail_table" class="display table-hover table-striped table-bordered table-condensed" cellspacing="0" cellpadding="0" width="100%"> 
					<thead>
						<tr>
							<th width="5%"><span id="promo_detail_table_add" class="btn btn-xs btn-success glyphicon glyphicon-plus"></span></th>
							<th><small>Phase</small></th>
							<th><small>Block</small></th>
							<th><small>Lot</small></th> 
						</tr>
					</thead>
					<tbody>
						<tr>
							<td><span onClick="removeCurrentRow(this);" class="btn btn-xs btn-danger glyphicon glyphicon-trash"></span></td>
							<td><input type="text" class="form-control text-right phase" name="phase[]" maxlength="3" onkeypress="return isNumberKey(event)"></td>
							<td><input type="text" class="form-control text-right block" name="block[]" maxlength="10"></td>
							<td><input type="text" class="form-control text-right lot" name="lot[]" maxlength="10"></td>
						</tr>
					</tbody>
				</table> 
      		</div>
  	</div>
	
</div>
</form>




<!------------------------------------------------->
 