@extends('layouts.front')
@php $page_title = 'Rejoindre nos équipes'; @endphp
@php $page_cover = asset('img/rejoindre-equipe-cover.jpg'); @endphp 
@section('meta-title','Rejoignez la communauté')
@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="Rejoignez la communauté" />
<meta property="og:description"   content="Vous êtes architecte, architecte d’intérieur ou décorateur ? Vous voulez faire partie de la communauté Pipcke ? En apprendre un peu plus sur notre aventure ?" />
<meta name="description"   	  content="Vous êtes architecte, architecte d’intérieur ou décorateur ? Vous voulez faire partie de la communauté Pipcke ? En apprendre un peu plus sur notre aventure ?" />
<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('rejoindre-nos-equipes.post') }}" id="rejoindre-nos-equipes-form" method="post" enctype="multipart/form-data">
			{{ csrf_field() }}
			<div class="row">
				<div class="col-md-12">
					<div class="font-size-20 font-weight-semibold mb-30">{!! lang('Informations personnelles') !!}</div>
				</div>
				<div class="col-md-2">
					<div class="form-group mb-0">
						<label for="">{!! lang('Madame') !!}</label>
						<input type="radio" value="madame" checked="" name="sexe">
					</div>
				</div>
				<div class="col-md-2">
					<div class="form-group mb-0">
						<label for="">{!! lang('Monsieur') !!}</label>
						<input type="radio" value="monsieur" name="sexe">
					</div>
				</div>
				<div class="col-md-10"></div>
				<div class="col-md-6">
					<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-6">
					<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-6">
					<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-6">
					<div class="form-group">
						<label for="">{!! lang('Téléphone') !!} *</label>
						<input type="tel" class="form-control" required="" placeholder="Votre numéro de téléphone" name="tel">
					</div>
				</div>
				<div class="col-md-6">
					<div class="form-group">
						<label for="">{!! lang('Adresse') !!}</label>
						<input type="text" class="form-control" placeholder="Votre adresse" name="adresse">
					</div>
				</div>
				<div class="col-md-3">
					<div class="form-group">
						<label for="">{!! lang('Code postal') !!} *</label>
						<input type="text" class="form-control" required="" name="code_postal" placeholder="Votre code postal">
					</div>
				</div>
				<div class="col-md-3">
					<div class="form-group">
						<label for="">{!! lang('Ville') !!} *</label>
						<input type="text" class="form-control" required="" placeholder="Votre ville de résidence" name="ville">
					</div>
				</div>
				<div class="col-md-12 pt-20">
					<div class="font-size-20 font-weight-semibold mt-30 mb-30">{!! lang('Expérience') !!}</div>
				</div>
				<div class="col-md-3">
					<div class="form-group">
						<label for="">{!! lang('Formation') !!} *</label> <br>
						<select name="formation" required="" class="form-control select" >
							<option value="">{!! lang('Choisir une formation') !!}</option>
							<option>{!! lang('Architecte') !!}</option>
							<option>{!! lang("Architecte d'intérieur") !!}</option>
							<option>{!! lang('Décorateur') !!}</option>
						</select>
					</div>
				</div>
				<div class="col-md-9">
				</div>
				{{-- <div class="col-md-3">
					<div class="form-group">
						<label for="">{!! lang('Portfolio') !!} *</label>
						<input type="file" id="portfolio" required="" class="inputfile" name="portfolio">
						<label for="portfolio">
							<i class="fa fa-upload"></i> 
							<span>{!! lang('Choisir un fichier') !!}&hellip;</span>
						</label>

					</div>
				</div> --}}
				{{-- <div class="col-md-3">
					<div class="form-group">
						<label for="">{!! lang('CV') !!} *</label>
						<input type="file" id="cv" required="" class="inputfile" name="cv">
						<label for="cv">
							<i class="fa fa-upload"></i> 
							<span>{!! lang('Choisir un fichier') !!}&hellip;</span>
						</label>
					</div>
				</div> --}}
				{{-- <div class="col-md-3">
					<div class="form-group">
						<label for="">{!! lang('Lettre de motivation') !!}</label>
						<input type="file" id="lettre_de_motivation" class="inputfile" name="lettre_de_motivation">
						<label for="lettre_de_motivation">
							<i class="fa fa-upload"></i> 
							<span>{!! lang('Choisir un fichier') !!}&hellip;</span>
						</label> 
					</div>
				</div> --}}
				<div class="col-md-12">
					
					<div class="form-group liens">
						<label for="">{!! lang('Site(s) web') !!}</label>
						<div class="row lien">
							<div class="col-md-12">
								<input type="text" name="sites_web[]" class="form-control" placeholder="Copiez-collez vos liens ici">
								<div class="delete small"><i class="fa fa-trash"></i></div>
							</div>
						</div>

						<script type="text/template" id="lien-template">
							<div class="row lien">
									<div class="col-md-12">
										<input type="text" name="sites_web[]" class="form-control" placeholder="Copiez-collez vos liens ici">
										<div class="delete small"><i class="fa fa-trash"></i></div>
									</div>
								</div>
						</script>
					</div>

				</div>
				<div class="col-md-12"> 

					<div class="form-group liens">
						<label for="">{!! lang('Réseaux sociaux (LinkedIn, Facebook, Instagram, Pinterest...)') !!} </label>
						<div class="row lien">
							<div class="col-md-12">
								<input type="text" name="reseaux_sociaux[]" class="form-control" placeholder="Copiez-collez vos liens ici">
								<div class="delete small"><i class="fa fa-trash"></i></div>
							</div>
							
						</div>

						<script type="text/template" id="lien-template">
							<div class="row lien">
									<div class="col-md-12">
										<input type="text" name="reseaux_sociaux[]" class="form-control" placeholder="Copiez-collez vos liens ici">
										<div class="delete small"><i class="fa fa-trash"></i></div>
									</div>
								</div>
						</script>

					</div>
				
					
 

				</div>
				<div class="col-md-12">
					<div class="form-group">
						<label for="">{!! lang('Parlez-nous de vos projets, de vos aspirations professionnelles, …') !!}</label>
						<textarea name="projets" class="form-control" rows="10"></textarea>
					</div>
				</div>
				<div class="col-md-6">
					<div class="form-group">
						<label for="">{!! lang('Comment avez-vous entendu parler de Pipcke ? ') !!}</label>
						<select name="entendu" class="form-control" id="">
							<option value="">{!! lang('Merci de sélectionner une option') !!}</option>
							<option>{!! lang('Recherche internet') !!}</option>
							<option>{!! lang('Sites spécialisés') !!}</option>
							<option>{!! lang("Réseaux d'architectes") !!}</option>
							<option>{!! lang('Réseaux sociaux') !!}</option>
							<option>{!! lang('Famille, Amis') !!}</option>
							<option>{!! lang('Autres') !!}</option>
						</select>
					</div>
				</div>
				<div class="col-md-12">
					{!! NoCaptcha::display() !!}
					<button class="btn 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