79 lines
3.3 KiB
HTML
79 lines
3.3 KiB
HTML
<?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'; ?> |