<!DOCTYPE html>
<html>
<head>
	<title>Coordonnees</title>
	<?php include('../sections/head.php'); ?>

</head>
<body>

	<?php include('../sections/header.php'); ?>

	<style type="text/css">
		.steps ol{
			display: flex;
			justify-content: space-between;

		}

		.steps ol:after{
			content: '';
			position: absolute;

		}

		.steps li{
			font-family: "Teko", sans-serif;
			font-weight: 400;
			font-size: 25pt;

		}

		.teko-400{
			font-family: "Teko", sans-serif;
			font-weight: 400;
			font-size: 25pt;
		}

		.card h3{
			font-size: 14pt;
			margin-bottom: 20px;
		}


		.info .form-control{
			margin-bottom: 10px ;
			background-color: #eee;
			padding:16px 10px;
		}



		.contact-form {
			background-color: #eee;
			padding: 60px;
		}

		.contact-form .form-control{
			border:2px solid #aaa;
			padding: 16px 10px;
			margin-bottom: 20px;
		}

		.lbl-accept{
			color:#343434;
			opacity: 0.5;
		}

		.text-dark{
			color:#343434;
		}

		.lbl-accept a,.text-dark a{
			color:#343434;
			text-decoration: underline;
		}


	</style>

	<section class="container steps my-5">
		<div>
			<ol>
				<li>Résultat de Rent For You</li>
				<li>Options Rent For You</li>
				<li class="text-primary">Vos coordonnées</li>
				<li>Confirmation</li>
			</ol>
		</div>
	</section>

	<section class="container">
		<div class="row">


			<div class="col-lg-8 border rounded p-5 contact-form">
				<h2 class="teko-400 mb-5">Veuillez préciser vos informations</h2>
				
				<div class="row ">
					<div class="col-lg-6">
						<input type="text" name="" class="form-control" placeholder="Nom et prénom">
					</div>
					<div class="col-lg-6">
						<input type="text" name="" class="form-control" placeholder="Téléphone (*)">
					</div>
					<div class="col-lg-6">
						<input type="text" name="" class="form-control" placeholder="Email (*)">
					</div>
					<div class="col-lg-6">
						<input type="text" name="" class="form-control" placeholder="Nationalité">
					</div>
					<div class="col-lg-6">
						<input type="text" name="" class="form-control" placeholder="Heure de livraison">
					</div>
					<div class="col-lg-6">
						<input type="text" name="" class="form-control" placeholder="Lieu de livraison">
					</div>
					<div class="col-lg-6">
						<input type="text" name="" class="form-control" placeholder="Heure de retour">
					</div>
					<div class="col-lg-6">
						<input type="text" name="" class="form-control" placeholder="Lieu de retour">
					</div>
					<div class="col-lg-12">
						<textarea class="form-control" name="" placeholder="Message" rows="6"></textarea>
					</div>
					<div class="col-lg-12">

						<input type="checkbox" name="" id="accept">
						<label class="lbl-accept" for="accept">J'ai lu et compris <a href="#">les termes et conditions</a></label>

						<h5 class="mt-5">INFORMATION IMPORTANTE</h5>
						<p class="text-dark">Une fois votre commande de réservation de voiture reçue , nous vous informerons de la disponibilité ou non de la voiture commandée .</p>

						<a href="confirmation" class="btn btn-main btn-primary my-3">confirmer la réservation</a>
						<!-- <button type="submit" class="btn btn-main btn-primary my-3">confirmer la réservation</button> -->
					</div>
				</div>

			</div>





			<div class="col-lg-4 sidebar">
				<div class="info mb-5">
					<div class="border rounded p-4">
						<h3 class="mt-3 text-center teko-400">Détails de votre réservation</h3>

						<img src="assets/img/car.png" class="w-100">
						<h4 class="text-center mb-4">Dacia-Logan <small>ou similaire</small></h4>

						<input type="text" name="" class="form-control" value="Lieu de récupération: Marrakech ville">

						<input type="text" name="" class="form-control" value="Lieu de dépôt : Marrakech ville">
						<input type="text" name="" class="form-control" value="Date de retrait : 2025-03-28 10:00">
						<input type="text" name="" class="form-control" value="Date de retour : 2025-03-30 10:00">
						<input type="text" name="" class="form-control" value="Nombre de jours : 2 jour(s)">
						<input type="text" name="" class="form-control" value="Prix de la location de voiture : 60.00€">
						<input type="text" name="" class="form-control" value="Barres de toit (gratuites) : 0.00€ (0.00€ x 2 jours) ">

						<p class="text-center text-primary mt-3 h5">Loyer total : 60.00€</p>

					</div>
				</div>
			</div>
			<div class="col-lg-12 mb-5"></div>
		</div>
	</section>


	<?php include('../sections/footer.php'); ?>

</body>
</html>