@extends('layouts.front')
@php $page_title = 'Contactez-nous'; @endphp
@php $page_cover = asset('img/contact-cover.jpg'); @endphp 
@section('meta-title','Contactez-nous')
@section('meta-keywords','')
@section('meta-description','')

@section('meta')

<meta property="og:url"           content="{{ request()->url() }}" />
<meta property="og:type"          content="website" />
<meta property="og:title"         content="{{ $page_title }}" />
<meta property="og:description"   content="Votre projet concerne un logement entier ? Vous avez plusieurs pièces à réaménager ? Vous avez des questions ? Écrivez-nous !" />
<meta name="description"   	  content="Votre projet concerne un logement entier ? Vous avez plusieurs pièces à réaménager ? Vous avez des questions ? Écrivez-nous !" />
<meta property="twitter:image"    content="{{$page_cover}}">
<meta property="og:image" 		  content="{{$page_cover}}">
<meta property="fb:app_id" 		  content="730800570418065">

@endsection

@section('script')
	{!!  NoCaptcha::renderJs()  !!}
@endsection


@section('content')
<section class="pt-70 pb-70">
	<div class="container">
		
		<form action="{{ route('contact.post') }}" id="contact-form" method="post" enctype="multipart/form-data">
			{{ csrf_field() }}
			<input type="hidden" value="Contactez-nous" name="source">
			<div class="row">
				 
			 
				<div class="col-md-3 col-sm-6 col-12">
					<div class="form-group">
						<label for="">{!! lang('Prénom') !!} *</label>
						<input type="text" class="form-control" required="" placeholder="Votre Prénom" name="prenom">
					</div>
				</div>
				<div class="col-md-3 col-sm-6 col-12">
					<div class="form-group">
						<label for="">{!! lang('Nom') !!} *</label>
						<input type="text" class="form-control" required="" placeholder="Votre Nom" name="nom">
					</div>
				</div>
				<div class="col-md-3 col-sm-6 col-12">
					<div class="form-group">
						<label for="">{!! lang('Email') !!} *</label>
						<input type="email" class="form-control" required="" placeholder="Votre email" name="email">
					</div>
				</div>
				<div class="col-md-3 col-sm-6 col-12">
					<div class="form-group">
						<label for="">{!! lang('Téléphone') !!} </label>
						<input type="tel" class="form-control" placeholder="Votre numéro" name="telephone">
					</div>
				</div>

				<div class="col-md-12">
					<div class="form-group">
						<label for="">{!! lang('Objet de votre demande') !!} *</label>
						<input type="text" class="form-control" required="" maxlength="200" placeholder="Objet" name="objet">
					</div>
				</div>
				<div class="col-md-12">
					<div class="form-group">
						<label for="">{!! lang('Message') !!} *</label>
						<textarea name="message" rows="6" class="form-control" required="" placeholder="Message"></textarea>
					</div>
				</div>
				{{-- <div class="col-md-4">
					<div class="form-group">
						<label for="">{!! lang('Joindre un fichier') !!} </label>
						<input type="file" class="inputfile" multiple="" name="files[]" multiple="" id="files">
                            <label for="files" >
                                <i class="fa fa-upload"></i> 
                                <span>{!! lang('Choisir un ou plusieurs fichiers') !!}&hellip;</span>
                         	</label>
					</div>
				</div> --}}

				<div class="col-md-12">
					<div class="font-size-12">* Champs obligatoires</div> <br>
					{!! NoCaptcha::display() !!}
					<button class="btn btn-xs btn2 btn-formulaire mt-4">{!! lang('Envoyer') !!}</button>
				</div>
				
				@if ($errors->any())
					<div class="alert alert-danger mt-3 ml-2">
						<ul>
							@foreach ($errors->all() as $error)
								<li>{{ $error }}</li>
							@endforeach
						</ul>
					</div>
				@endif

			</div>
		</form>
	</div>
	
</section>
@endsection