@extends('layouts.default')
@section('title'){!! trans('estimation.meta_title') !!}@stop
@section('description'){!! trans('estimation.meta_desc') !!}@stop
@section('canonical'){{ request()->url() }}@stop
@section('styles')
    <link rel="stylesheet" type="text/css" href="{{ url('css/estimation_gratuite.css') }}?v={{ env('ASSET_VERSION') }}">
@stop
@section('content')

<div class="estimation-gratuite-wrapper">
	<section>
		<a href="{{url('/')}}" class="close-popup" data-forward="12">
			{{trans('valuation.close_btn')}}
			<img src="{{url('images/close-blue.svg')}}">
		</a>
		<div class="container">
			<div class="valuation_box">
				<div class="logo-grid">
					<img src="{{url('images/logo.svg')}}">
				</div>
				<div class="heading_box">
					<h1 class="heading">{{trans('estimation.title')}}</h1>
				</div>
				<div class="content_box">
					<p>{{trans('estimation.content')}}</p>
				</div>
			</div>
		</div>
	</section>
	<!-- <section>
		<div class="estimation_gratuite_form contact_form">
			<div class="haed">
				<h2 class="subheading">{{trans('estimation.contact_subheading')}}</h2>
				<h2 class="heading">{{trans('estimation.contact_heading')}}</h2>
			</div>
			<form id="estimation" method="post" action="{{LaravelLocalization::localizeUrl('/estimation_submit')}}">
				@csrf
				<input type="hidden" id="estimation_g-recaptcha-response" name="g-recaptcha-response" class="valid">
				<input type="hidden" name="action" value="validate_captcha" class="valid" id="estimation_action">
				<div class="loader">
					<img src="{{url('/images/loader.gif')}}" alt="loader">
				</div>
				<h2 class="form_haeding">{{trans('estimation.describe_prop')}} </h2>
				<div class="tree_input input__block">
					<div class="box">
						<label>{{trans('estimation.localisation')}}</label>
						<input type="text" name="localisation" class="localisation" id="estimation_localisation">
					</div>
					<div class="box">
						<label>{{trans('estimation.types')}}</label>
						<div class="estimation_types_dropdown select-dropdown">
							<div class="type_txt">
								<input type="hidden" name="types" id="estimation_types" class="valid">
								<p></p>
							</div>
							<div class="dropdown_box">
								<ul>
									<li>{{trans('list.filter.appartment')}}</li>
									<li>{{trans('list.filter.maison')}}</li>
									<li>{{trans('list.filter.bureau')}}</li>
									<li>{{trans('list.filter.terrains')}}</li>
									<li>{{trans('list.filter.commerces')}}</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="box">
						<label>{{trans('estimation.sale_rental')}}</label>
						<div class="sale_rental_dropdown select-dropdown">
							<div class="type_txt">
								<input type="hidden" name="sale_rental" id="estimation_sale_rental" class="valid">
								<p></p>
							</div>
							<div class="dropdown_box">
								<ul>
									<li>{{trans('home.for_sale')}}</li>
									<li>{{trans('home.for_rent')}}</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="input__block">
					<div class="box">
						<label>{{trans('estimation.address')}}</label>
						<input type="text" name="address" class="address" id="estimation_address">
					</div>
				</div>
				<div class="form_inner_wrap">
					<h2 class="form_haeding">{{trans('estimation.form.title')}} </h2>
					<div class="form_grid">
						<div class="form_wrap input__block">
							<div class="box">
								<label>{{trans('estimation.form.name')}}</label>
								<input type="text" name="name" class="fullname" id="estimation_name">
							</div>
							<div class="box">
								<label>{{trans('estimation.form.number')}}</label>
								<input type="number" name="telephone" class="telephone" id="estimation_telephone">
							</div>
							<div class="box">
								<label>{{trans('estimation.form.email')}}</label>
								<input type="email" name="email" class="email" id="estimation_email">
							</div>
						</div>
						<div class="form_wrap input__block">
							<div class="box">
								<label>{{trans('estimation.form.msg')}}</label>
								<textarea name="message" class="message" id="estimation_message"></textarea>
							</div>
						</div>
					</div>
				</div>
				<div class="checkbox_grid">
					<label>
						<input type="checkbox" class="accept" name="accept" id="estimation_accept">
						<span></span>
						<p>{{trans('estimation.form.terms')}}</p>
					</label>				
					<label>
						<input type="checkbox" class="newsletter" name="newsletter" id="estimation_newsletter">
						<span></span>
						<p>{{trans('contact.form.newsletter')}}</p>
					</label>
				</div>
				<center>
					<button class="btn_block">{{trans('estimation.form.submit')}}</button>
				</center>
				<div class="messages">
					<p class="success">{{trans('contact.form.successmsg')}} </p>
					<p class="error">{{trans('contact.form.errormsg')}} </p>
					<p class="recaptcha">{{trans('contact.form.recaptcha')}} </p>
				</div>
			</form>
		</div>
	</section> -->
	@include('sections.estimation-form')
	<div class="bottom">
		<a href="{{url('/')}}" class="close-popup" data-forward="12">
			{{trans('valuation.close_btn')}}
			<img src="{{url('images/close-blue.svg')}}">
		</a>
	</div>
</div>

@stop
@section('scripts')
	<script async type="text/javascript" src="{{ url('./js/estimation.min.js')}}?v={{ env('ASSET_VERSION') }}" defer></script>
@stop