@extends('layouts.index')
@section('content')

<main class="main">
	<!-- loder -->
	  <div class="loader-wrapper">
		<div class="loader"></div>
		<div class="loder-section left-section"></div>
		<div class="loder-section right-section"></div>
	</div>

	<!--==================================================-->
	<!-- Start  Polytia Breadcumb Area -->
	<!--==================================================-->
	
	<!--==================================================-->
	<!-- End  Polytia Breadcumb Area -->
	<!--==================================================-->

	<!--==================================================-->
	<!-- Start charina donate section  -->
	<!--==================================================-->
	<div class="donate-section">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<div class="section-title text-center">
						<div class="section-main-title">
							<h1>FORMULAIRE D'ENREGISTREMENT - CHAUFFEUR </h1>
						</div>
					</div> 
				</div>
			</div>
			<div class="row">
				<div class="col-lg-12">
					<!-- contact form box -->
					<div class="contact-form-box">
						@if ($message = Session::get('success'))
						<div class="alert alert-success alert-block">
							<button type="button" class="close" data-dismiss="alert">×</button>
							<strong>{{ $message }}</strong>
						</div>
						@endif
						<form action="{{ url('/data') }}" method="POST" id="dreamit-form">
							@csrf
							<div class="row">
								<div class="col-lg-6 col-md-6">
									<!-- from title -->
									<div class="form-title">
										<h6>Numéro CNI :</h6>
									</div>
									<div class="form-box up">
										<input type="text"  name="cni" placeholder="Votre Numero">
									</div>
								</div>
								<div class="col-lg-6 col-md-6">
									<!-- from title -->
									<div class="form-title">
										<h6>Numéro permis : </h6>
									</div>
									<div class="form-box up">
										<input type="text" name="permis" placeholder="Votre Permis ">
									</div>
								</div>
								<div class="col-lg-6 col-md-6">
									<!-- from title -->
									<div class="form-title">
										<h6>Nom & Prénom(s)  :</h6>
									</div>
									<div class="form-box up">
										 <select class="form-select" name="personne" aria-label="Default select example">
                                            <option selected>Choisir Ici</option>
                                            @foreach($allPersonnes as $personne)
                                                <option value="{{$personne->id }}">{{ $personne->nom }} - {{ $personne->prenom }}</option>
                                            @endforeach
                                        </select>
									</div>
								</div>
								
								<div class="col-lg-6 col-md-6">
									<!-- from title -->
									<div class="form-title">
										<h6>Commune de Résidence : </h6>
									</div>
									<div class="form-box up">
										<select class="form-select" name="commune" aria-label="Default select example">
                                            <option selected>Choisir Ici</option>
                                            @foreach($allCommunes as $commune)
                                                <option value="{{$commune->id }}">{{ $commune->libelle }}</option>
                                            @endforeach
                                        </select>
									</div>
								</div>
								
								<div class="col-lg-6 col-md-6">
									<div class="form-title">
										<h6>Situation Géographique :</h6>
									</div>
									<div class="form-box up">
										<input type="text" name="situationgeo"  placeholder="Votre Situation géographique">
									</div>
								</div>
								<div class="col-lg-6 col-md-6">
									<!-- from title -->
									<div class="form-title">
										<h6>CODE USER :</h6>
									</div>
									<div class="form-box up">
										<input type="text" name="user_code"  placeholder="Votre Code">
									</div>
								</div>
							</div>

							<div class="campaigns-button pt-3">
								<button>Valider</button>
							</div>
						</form>

						<div class='check-content'>
							<!-- h5>Selectionner un moyen de paiement</h5>
							<div class="dpx">
								<label>
									<input type="radio" class="option-input radio" name="example" checked />
									Moyen 1
								</label>
								<label>
									<input type="radio" class="option-input radio" name="example" />
									Paypal
								</label>
							</div>
							<div class="check-cash">
								<span> <strong>Cash :</strong> Dramatically innovate adaptive ideas to whereas turnkey metrics</span>
							</div -->
							
						</div>
						<div id="status"></div>
					</div> 					
				</div>
			</div>
		</div>
	</div>
	<!--==================================================-->
	<!-- End charina donate Secton -->
	<!--==================================================-->
</main>

@endsection