@if(isset($allcities))
<div class="popup popups">
	<div class="criteria_popup">
		<span class="close_popup"></span>
		<div class="form_outer_criteria">
			<form method="post" id="contact" action="{{LaravelLocalization::localizeUrl('/submit-criteria')}}">
				@csrf
				<div class="loader">
					<img src="{{url('/images/loader.gif')}}" alt="loader" loading="lazy">
				</div>
				<input type="hidden" name="page" class="valid" id="contact_page" value="criteria">
				<input type="hidden" id="contact_g-recaptcha-response" name="g-recaptcha-response" class="valid">
            	<input type="hidden" name="action" value="validate_captcha" class="valid" id="contact_action">
				<div class="head">
					<h5>{{trans('common.criteria.title')}}</h5>
					<p>{{trans('common.criteria.text')}}</p>
				</div>
				<div class="box">
					<h4 class="form_haeding">{{trans('common.criteria.personalinfo')}}</h4>
					<div class="column">
						<div class="form_block form_select_item">
							<label>Mr/Mrs</label>
							<div class="dropdown gender">
								<input type="hidden" name="gender" value="1" id="contact_gender">
								<span class="drp_gender text" data-text="gender">Select</span><span class="arrow"></span>
								<ul>	
									<li data-value="Mr.">Mr.</li>
									<li data-value="Mrs.">Mrs.</li>
									
								</ul>
							</div>	
						</div>
						<div class="form_block form_column">
							<label>{{trans('common.criteria.name')}}</label>
							<input type="text" name="name" id="contact_name">
						</div>
						<div class="form_block form_column_inner">
							<label>{{trans('common.criteria.firstname')}}</label>
							<input type="text" name="first_name" id="contact_first_name">
						</div>
					</div>
					<div class="column">
						<div class="form_block">
							<label>{{trans('common.criteria.email')}}</label>
							<input type="email" name="email" id="contact_email">
						</div>
						<div class="form_block">
							<label>{{trans('common.criteria.phone')}}</label>
							<input type="number" name="telephone" id="contact_telephone">
						</div>

					</div>
				</div>
				<div class="box">
					<h4 class="form_haeding">{{trans('common.criteria.research')}}</h4>
					<p>{{trans('common.criteria.research_text')}}</p>
					<div class="column">
						<div class="form_block">
							<label>{{trans('common.criteria.goal')}}</label>
							<div class="dropdown salerent">
								<input type="hidden" name="purposId" value="1" id="contact_purposId" class="valid">
								<span class="drp_salerent text" data-text="{{trans('common.criteria.sale')}}">{{trans('common.criteria.sale')}}</span><span class="arrow"></span>
								<ul>
									<li data-value="1">{{trans('common.criteria.sale')}}</li>
									<li data-value="2">{{trans('common.criteria.rent')}}</li>
									
								</ul>
							</div>
						</div>
						<div class="form_block">
							<label>{{trans('common.criteria.type')}}</label>
							<div class="dropdown categories_type">
								<input type="hidden" name="category" id="contact_category">
								<input type="hidden" name="category_name" id="contact_category_name">
								<span class="text" data-text="{{trans('list.bien_text')}}">{{trans('list.bien_text')}}</span><span class="arrow"></span>
								<ul>
									<li value="1" data-value="{{trans('list.filter.maison')}}">{{trans('list.filter.maison')}}</li>
		                            <li value="2" data-value="{{trans('list.filter.appartment')}}">{{trans('list.filter.appartment')}}</li>
		                            <li value="4" data-value="{{trans('list.filter.bureau')}}">{{trans('list.filter.bureau')}}</li>
		                            <li value="3" data-value="{{trans('list.filter.terrains')}}">{{trans('list.filter.terrains')}}</li>
		                            <li value="5" data-value="{{trans('list.filter.commerces')}}">{{trans('list.filter.commerces')}}</li>
		                            <li value="7" data-value="{{trans('list.filter.garage')}}">{{trans('list.filter.garage')}}</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="column">
						<div class="form_block">
							<label>{{trans('common.criteria.rooms')}}</label>
							<div class="dropdown rooms">
								<input type="hidden" name="rooms" id="contact_rooms" class="valid">
								<span class="text" data-text="0">0</span><span class="arrow"></span>
								<ul>
									<li data-value="0">{{trans('list.filter.studio')}}</li>
									<li data-value="1">1</li>
									<li data-value="2">2</li>
									<li data-value="3">3</li>
									<li data-value="4">4</li>
									<li data-value="5">5</li>
								</ul>
							</div>
						</div>
						<div class="form_block">
							<label>{{trans('common.criteria.postalcode')}}</label>
		                    <input type="hidden" name="zipcodes" id="contact_zipcodes" > 
							<div class="search-autocomplites">
		                        <div class="search_header">
		                            <div class="search_box search-autocomplites__inner">
		                            	<input type="text" placeholder="{{trans('list.search')}}" name="locs" id="contact_locs" autocomplete="off"> 
		                                <div class="search-autocomplites__list dropdown_wrap">
		                                    <ul>
		                                       @foreach($allcities as $value)
		                                        <li data-code="{{$value['zip']}}"> <span>{{$value['zip']}}</span> <e>{{$value['name']}}</e> <i class="fa fa-plus" aria-hidden="true"></i></li>
		                                        @endforeach
		                                    </ul>
		                                </div>
		                               
		                            </div>
		                            
		                        </div>
		                        <div class="search_result">
		                            <div class="search_results_inner">
		                                <ul class="search-autocomplites__result"></ul>
		                            </div>        
		                        </div>
		                    </div>
							
						</div>
					</div>
					<input type="hidden" name="min_price" id="contact_min_price">
					<input type="hidden" name="max_price" id="contact_max_price">
					<div class="column price_list purpose_1 active">
						<div class="form_block">
							<label>{{trans('common.criteria.minprice')}}</label>
							<div class="dropdown min_price">

								<span class="text" data-text="{{trans('list.bien_text')}}">{{trans('list.bien_text')}}</span><span class="arrow"></span>
								<ul>
									<li data-value="0">0 €</li>
									<li data-value="100000">100.000 €</li>
									<li data-value="200000">200.000 €</li>
                                    <li data-value="300000">300.000 €</li>
                                    <li data-value="400000">400.000 €</li>
                                    <li data-value="500000">500.000 €</li>
                                    <li data-value="600000">600.000 €</li>
                                    <li data-value="700000">700.000 €</li>
                                    <li data-value="800000">800.000 €</li>
                                    <li data-value="900000">900.000 €</li>
                                    <li data-value="1000000">1.000.000 €</li>
								</ul>
							</div>
						</div>
						<div class="form_block">
							<label>{{trans('common.criteria.maxprice')}}</label>
							<div class="dropdown max_price">
								<span class="text" data-text="{{trans('list.bien_text')}}">{{trans('list.bien_text')}}</span><span class="arrow"></span>
								<ul>
									<li data-value="200000">200.000 €</li>
                                    <li data-value="300000">300.000 €</li>
                                    <li data-value="400000">400.000 €</li>
                                    <li data-value="500000">500.000 €</li>
                                    <li data-value="600000">600.000 €</li>
                                    <li data-value="700000">700.000 €</li>
                                    <li data-value="800000">800.000 €</li>
                                    <li data-value="900000">900.000 €</li>
                                    <li data-value="100000000">1.000.000 € +</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="column price_list purpose_2">
						<div class="form_block">
							<label>{{trans('common.criteria.minprice')}}</label>
							<div class="dropdown min_price">
								<span class="text" data-text="{{trans('list.bien_text')}}">{{trans('list.bien_text')}}</span><span class="arrow"></span>
								<ul>
									<li data-value="1">1 €</li>
                                    <li data-value="100">100 €</li>
                                    <li data-value="200">200 €</li>
                                    <li data-value="300">300 €</li>
                                    <li data-value="400">400 €</li>
                                    <li data-value="500">500 €</li>
                                    <li data-value="600">600 €</li>
                                    <li data-value="700">700 €</li>
                                    <li data-value="800">800 €</li>
                                    <li data-value="900">900 €</li>
                                    <li data-value="1000">1.000 €</li>
                                    <li data-value="1100">1.100 €</li>
                                    <li data-value="1200">1.200 €</li>
                                    <li data-value="1300">1.300 €</li>
                                    <li data-value="1400">1.400 €</li>
                                    <li data-value="1500">1.500 €</li>
                                    <li data-value="1600">1.600 €</li>
                                    <li data-value="1700">1.700 €</li>
                                    <li data-value="1800">1.800 €</li>
                                    <li data-value="1900">1.900 €</li>
                                    <li data-value="2000">2.000 €</li>
                                    <li data-value="2100">2.100 €</li>
                                    <li data-value="2200">2.200 €</li>
                                    <li data-value="2300">2.300 €</li>
                                    <li data-value="2400">2.400 €</li>
                                    <li data-value="2500">2.500 €</li>
                                    <li data-value="2600">2.600 €</li>
                                    <li data-value="2700">2.700 €</li>
                                    <li data-value="2800">2.800 €</li>
                                    <li data-value="2900">2.900 €</li>
                                    <li data-value="3000">3.000 €</li>
								</ul>
							</div>
						</div>
						<div class="form_block">
							<label>{{trans('common.criteria.maxprice')}}</label>
							<div class="dropdown max_price">
								<span class="text" data-text="{{trans('list.bien_text')}}">{{trans('list.bien_text')}}</span><span class="arrow"></span>
								<ul>
									<li data-value="500">500 €</li>
                                    <li data-value="600">600 €</li>
                                    <li data-value="700">700 €</li>
                                    <li data-value="800">800 €</li>
                                    <li data-value="900">900 €</li>
                                    <li data-value="1000">1.000 €</li>
                                    <li data-value="1100">1.100 €</li>
                                    <li data-value="1200">1.200 €</li>
                                    <li data-value="1300">1.300 €</li>
                                    <li data-value="1400">1.400 €</li>
                                    <li data-value="1500">1.500 €</li>
                                    <li data-value="1600">1.600 €</li>
                                    <li data-value="1700">1.700 €</li>
                                    <li data-value="1800">1.800 €</li>
                                    <li data-value="1900">1.900 €</li>
                                    <li data-value="2000">2.000 €</li>
                                    <li data-value="2100">2.100 €</li>
                                    <li data-value="2200">2.200 €</li>
                                    <li data-value="2300">2.300 €</li>
                                    <li data-value="2400">2.400 €</li>
                                    <li data-value="2500">2.500 €</li>
                                    <li data-value="2600">2.600 €</li>
                                    <li data-value="2700">2.700 €</li>
                                    <li data-value="2800">2.800 €</li>
                                    <li data-value="2900">2.900 €</li>
                                    <li data-value="1000000">3.000 € +</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="check_box">
						<label>
							<input type="checkbox" name="contact_type_id" value="208731" id="contact_contact_type_id" class="valid"><span></span>{{trans('common.criteria.owner')}}
						</label>
						<p class="checkbox-text">{{trans('common.criteria.checkbox_title')}}</p>
						<label>
							<input type="checkbox" name="parking" value="true" id="contact_parking" class="valid"><span></span>{{trans('common.criteria.parking')}}
						</label>
						<label>
							<input type="checkbox" name="garage" value="true" id="contact_garage" class="valid"><span></span>{{trans('common.criteria.garage')}}
						</label>
						<label>
							<input type="checkbox" name="jardin" value="true" id="contact_jardin" class="valid"><span></span>{{trans('common.criteria.jardin')}}
						</label>
						<label>
							<input type="checkbox" name="terrasse" value="true" id="contact_terrasse" class="valid"><span></span>{{trans('common.criteria.terrasse')}}
						</label>
					</div>
					<div class="checkbox_grid check_box">
						<label>
							<input type="checkbox" class="newsletter" name="newsletter" id="contact_newsletter">
							<span></span>
							<p>{{trans('contact.form.newsletter')}}</p>
						</label>
					</div>
					<div class="btn_grid text-center">
						<p class="max_price_error">Max price should be greater than min price.</p>
						<input type="hidden" name="language" id="contact_language" value="{{app()->getLocale()}}" class="valid">
						<button class="btn_block criteria_btn">{{trans('common.criteria.submit')}}</button>
					</div>
					<div class="text-center messages">
						<p class="error">{{trans('contact.form.errormsg')}} </p>
						<p class="recaptcha">{{trans('contact.form.recaptcha')}} </p>
					</div>
				</div>

			</form>

		</div>
	</div>
</div>
@endif