<form action="liste/achat" name="achat">
<div class="home1-advnc-search">
<ul class="h1ads_1st_list mb0">
<li class="list-inline-item">
<div class="form-group">
<input type="text" name="ville" class="form-control" id='multi_autocomplete' placeholder="Enter keyword...">
</div>
</li>
<li class="list-inline-item">
<div class="search_option_two">
<div class="candidate_revew_select">
<select class="selectpicker w100 show-tick">
<option>Property Type</option>
<option>Apartment</option>
<option>Bungalow</option>
<option>Condo</option>
<option>House</option>
<option>Land</option>
<option>Single Family</option>
</select>
</div>
</div>
</li>
<li class="list-inline-item">
<div class="form-group">
<input type="text" class="form-control" id="exampleInputEmail" placeholder="Location">
<label for="exampleInputEmail"><span class="flaticon-maps-and-flags"></span></label>
</div>
</li>
<li class="list-inline-item">
<div class="small_dropdown2">
<div class="dd_content2">
<div class="pricing_acontent">
<!-- <input type="text" class="amount" placeholder="$52,239">
<input type="text" class="amount2" placeholder="$985,14">
<div class="slider-range"></div> -->
<span id="slider-range-value1"></span>
<span id="slider-range-value2"></span>
<div id="slider"></div>
</div>
</div>
</div>
</li>
<li class="custome_fields_520 list-inline-item">
<div class="navbered">
<div class="mega-dropdown">
<span id="show_advbtn" class="dropbtn">Advanced <i class="flaticon-more pl10 flr-520"></i></span>
<div class="dropdown-content">
<div class="row p15">
<div class="col-lg-12">
<h4 class="text-thm3">Amenities</h4>
</div>
<div class="row p15 pt0-xsd">
<div class="col-lg-11 col-xl-10">
<div class="form-group">
<input type="text" class="form-control" id="exampleInputEmail3" name="prix" class="form-control" placeholder="Prix maximum">
</div>
</div>
</div>
<div class="row p15 pt0-xsd">
<div class="col-lg-11 col-xl-10">
<div class="candidate_revew_select">
<select name="piece" class="selectpicker w100 show-tick">
<option>Nombre de piéce</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>4</option>
<option>6</option>
</select>
</div>
</div>
</div>
<div class="row p15 pt0-xsd">
<div class="col-lg-11 col-xl-10">
<div class="candidate_revew_select">
<select name="recherche" class="selectpicker w100 show-tick">
<option>Critère de recherche</option>
<option>Prix</option>
<option>Surfaces</option>
<option>Date de parution</option>
</select>
</div>
</div>
</div>
<div class="row p15 pt0-xsd">
<div class="col-lg-11 col-xl-10">
<div class="candidate_revew_select">
<select name="ordre" class="selectpicker w100 show-tick">
<option>Ordre de recherche</option>
<option>Ascendant</option>
<option>Descendant</option>
</select>
</div>
</div>
</div>
</div>
<div class="d-flex justify-content-center my-4">
<h4>Surface</h4>
<input id="slider11" value="800000" name="surface" class="border-0" type="range" min="0" max="800000" />
<span class="font-weight-bold text-primary ml-2 mt-1 valueSpan"></span>
</div>
<div class="d-flex justify-content-center my-4">
<h4>Rayon</h4>
<input id="slider12" value="0000" name="rayon" class="border-0" type="range" min="0" max="1500" />
<span class="font-weight-bold text-primary ml-2 mt-1 valueSpan1"></span>
</div>
<h4>Ville</h4>
<div id="ville"></div>
<h4>Resultat</h4>
<div id="nbr"></div>
<h4>Prix minimum</h4>
<div id="prixmini"></div>
<h4>Prix maximum</h4>
<div id="prixmax"></div>
<h4>Prix Moyen du marché</h4>
<div id="moyenne"></div>
<div class="row p15 pt0-xsd">
<div class="col-lg-1 col-xl-2">
<div class="mega_dropdown_content_closer">
<h5 class="text-thm text-right mt15"><span id="hide_advbtn" class="curp">Hide</span></h5>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="list-inline-item">
<div class="search_option_button">
<button type="submit" class="btn btn-thm">Recherche</button>
</div>
</li>
</ul>
</div>
</div>
</form>