<?php include 'header.html'; ?>
			<section id="content" class="page-content text-center py-3">
			    <div class="row justify-content-center py-3">
			        <div class="col lg-9">
			            <div class="card">
			                <div class="card-header">
			                    <h3>A propos de Caria</h3>
			                </div>
			                <div class="card-body">
				                <p>Votre plateforme innovante pour la réservation de véhicules entièrement autonomes.<br>
				                Vous avez accès à une interface personnalisée qui vous permet de réserver facilement un véhicule autonome en quelques clics.<br>
				                Profitez d'une expérience de mobilité avancée, où sécurité, confort et efficacité sont au cœur de notre service.<br>
				                Explorez les fonctionnalités exclusives, suivez vos réservations en temps réel, et bénéficiez d'un support client dédié.<br>
				                Merci de nous faire confiance pour vos besoins en mobilité autonome.</p>
			                </div>
			            </div>
			        </div>
			    </div>
				<div class="row py-3">
					<div class="col">
						<div class="card">
							<div class="card-header">
								<h3>Véhicules actuellement en circulation</h3>
							</div>
							<div class="card-body">
								<div id="map"></div>
							</div>
						</div>
					</div>
				</div>
				<div class="row py-3">
					<div class="col">
						<div class="card">
							<div class="card-header">
								<h3>Réservation instantanée d'un véhicule</h3>
							</div>
							<div class="card-body">
								<form id="eventMyForm">
									<div class="row py-3">
										<div class="col-md-6">
										<label for="eventStart">Date et heure de début de la réservation :</label><input type="datetime-local" id="eventStart" name="eventStart" class="form-control" required>
										</div>
										<div class="col-md-6">
										<label for="eventEnd">Date et heure de fin de la réservation :</label><input type="datetime-local" id="eventEnd" name="eventEnd" class="form-control" required>
										</div>
									</div>
									<div class="row justify-content-md-center py-3">
										<div class="col-md-4">
											<label for="eventidVehiculeSelect">Véhicule souhaité :</label>
											<select id="eventidVehiculeSelect" name="eventidVehiculeSelect" class="form-control" required>
												<option value="">Sélectionnez un véhicule</option>
												<?php foreach ($vehicules as $vehicule) : ?>
													<option value="<?php echo $vehicule['id']; ?>">
														<?php echo $vehicule['marque'] . ' ' . $vehicule['modele'] . ' (' . $vehicule['annee'] . ')'; ?>
													</option>
												<?php endforeach; ?>
											</select>
										</div>
									</div>
									<input type="submit" value="Réserver votre véhicule" class="btn btn-outline-secondary">
								</form>
							</div>	
						</div>
					</div>
				</div>
				<div class="row py-3">
					<div class="col">
						<div class="card">
							<div class="card-header">
								<h3>Mon planning de réservation</h>
							</div>
							<div class="card-body">
								<div id="calendar-my-events"></div>
							</div>
						</div>
					</div>
				</div>
			</section>
<?php include 'footer.html'; ?>