<?php
	include_once("price_check_func.php");
?>
<script src="<?php SableGeneralFunctions::printModuleJS('price_check'); ?>"></script>
<!--// Booking -->
<form id="frmBooking" name="frmBooking" autocomplete="on">
	<input type="hidden" id="hddnAddress" name="hddnAddress" />
	<div class="forms">
		<div class="container forms-grids">
			<div class="row forms-grid">
				<div class="col-md-12">
					<h3 class="title"><i class="fa fa-search-dollar" aria-hidden="true"></i>&nbsp;Price Check</h3>
					<p></p>
				</div>
			</div>
			<!--// edtAreaName -->
			<div class="row forms-grids">
				<div class="col-md-6 forms-grid">
					<input type="text" id="edtAreaName" name="edtAreaName" placeholder="SEARCH..." onKeyUp="doAreaRefinement(this)" style="border-bottom: none;"  autocomplete="off"/>
				</div>
				<div class="col-md-6">
					<div class="fieldHint" id="hint_edtAreaName">Search by area</div>
				</div>   
			</div>
			<!-- edtAreaName //-->			
			<!--// selAreaId -->
			<div class="row forms-grid">
				<div class="col-md-6 forms-grid">
					<div class="dropdown">
						<select name="selAreaId" type="select" id="selAreaId" onfocus="showHint('selAreaId');" onblur="hideHint('selAreaId');" onkeypress="handleEnter(this, event)" placeholder="Area" size="6" class="noArrow"  onClick="setAreaName();" onchange="getAreaServiceOptions()">
						<?php echo(SableDBFunctions::getOptions("area", "area_id", "area_name", -1)); ?>
						</select>
					</div>
				</div>
				<div class="col-md-6">
					<div class="fieldHint" id="hint_selAreaId">Area</div>
				</div>
			</div>
			<p></p>
			<!-- selAreaId //-->

			<div class="row forms-grid">
				<div class="col-md-6 forms-grid">
					<div class="dropdown">
						<select name="selServiceId" type="select" id="selServiceId" onfocus="showHint('selServiceId');" 
								onblur="hideHint('selServiceId');" onkeypress="handleEnter(this, event)" 
								placeholder="Services" size="12" class="noArrow">
							<option>Select Area First</option>
						</select>
					</div>
				</div>
				<div class="col-md-6 forms-grid"></div>
			</div>
		</div>	
		
		<div class="container forms-grids">
		<!--// buttons -->
			<div class="row forms-grid">
				<div class="col-md-2">
					<input type="button" id="btnCancel" value="Back" class="submit" onclick="window.history.go(-1);"/>
				</div>
			</div>
		<!-- buttons //-->
		</div>
	</div>
</form>
<!-- Booking //-->
