<form action="liste/sejour" name="sejour">
<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-sejour' placeholder="Enter keyword...">
</div>
</li>
<li class="list-inline-item">
<div class="t-datepicker">
<div class="t-check-in" name="name"></div>
<div class="t-check-out" name="name"></div>
</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="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="custome_fields_520 list-inline-item">
<div class="navbered">
<div class="mega-dropdown">
<span id="show_advbtn2" 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">Séjour</h4>
</div>
<div class="col-xxs-6 col-sm col-lg col-xl">
<ul class="ui_kit_checkbox selectable-list">
<li>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="customCheck16">
<label class="custom-control-label" for="customCheck16">Air Conditioning</label>
</div>
</li>
<li>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="customCheck17">
<label class="custom-control-label" for="customCheck17">Lawn</label>
</div>
</li>
<li>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="customCheck18">
<label class="custom-control-label" for="customCheck18">Swimming Pool</label>
</div>
</li>
</ul>
</div>
<div class="col-xxs-6 col-sm col-lg col-xl">
<ul class="ui_kit_checkbox selectable-list">
<li>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="customCheck19">
<label class="custom-control-label" for="customCheck19">Barbeque</label>
</div>
</li>
<li>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="customCheck20">
<label class="custom-control-label" for="customCheck20">Microwave</label>
</div>
</li>
<li>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="customCheck21">
<label class="custom-control-label" for="customCheck21">TV Cable</label>
</div>
</li>
</ul>
</div>
<div class="col-xxs-6 col-sm col-lg col-xl">
<ul class="ui_kit_checkbox selectable-list">
<li>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="customCheck22">
<label class="custom-control-label" for="customCheck22">Dryer</label>
</div>
</li>
<li>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="customCheck23">
<label class="custom-control-label" for="customCheck23">Outdoor Shower</label>
</div>
</li>
<li>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="customCheck24">
<label class="custom-control-label" for="customCheck24">Washer</label>
</div>
</li>
</ul>
</div>
<div class="col-xxs-6 col-sm col-lg col-xl">
<ul class="ui_kit_checkbox selectable-list">
<li>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="customCheck25">
<label class="custom-control-label" for="customCheck25">Gym</label>
</div>
</li>
<li>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="customCheck26">
<label class="custom-control-label" for="customCheck26">Refrigerator</label>
</div>
</li>
<li>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="customCheck27">
<label class="custom-control-label" for="customCheck27">WiFi</label>
</div>
</li>
</ul>
</div>
<div class="col-xxs-6 col-sm col-lg col-xl">
<ul class="ui_kit_checkbox selectable-list">
<li>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="customCheck28">
<label class="custom-control-label" for="customCheck28">Laundry</label>
</div>
</li>
<li>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="customCheck29">
<label class="custom-control-label" for="customCheck29">Sauna</label>
</div>
</li>
<li>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="customCheck30">
<label class="custom-control-label" for="customCheck30">Window Coverings</label>
</div>
</li>
</ul>
</div>
</div>
<div class="row p15 pt0-xsd">
<div class="col-lg-11 col-xl-10">
<ul class="apeartment_area_list mb0">
<li class="list-inline-item">
<div class="candidate_revew_select">
<input class="form-control" id="datedebut" name="datedebut" placeholder="MM/DD/YYYY" type="text"/>
</div>
</li>
<li class="list-inline-item">
<div class="candidate_revew_select">
<input class="form-control" id="datefin" name="datefin" placeholder="MM/DD/YYYY" type="text"/>
</div>
</li>
</ul>
</div>
<div class="col-lg-1 col-xl-2">
<div class="mega_dropdown_content_closer">
<h5 class="text-thm text-right mt15"><span id="hide_advbtn2" 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>
<script>
$(document).ready(function () {
// Call global the function
$('.t-datepicker').tDatePicker({
// localization
titleCheckIn: "Date</br>début",
titleCheckOut: "Date</br>fin",
titleToday: "Aujourd'hui",
titleDateRange: 'Nuit',
titleDateRanges: 'Nuits',
titleDays: ['Lu', 'Ma', 'Me', 'Je', 've', 'Sa', 'Di'],
titleMonths: ['Janvier', 'Fevrier', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Aout', 'September', 'Octobre', 'Novembre', "Decembre"],
});
$('.t-datepicker').tDatePicker('setStartDate', '{{ datepickk.datemenu }}');
$('.t-datepicker').tDatePicker('setEndDate', '{{ datepickk.datemax }}');
});
</script>
</form>