test cours particuliers bookeo

<!DOCTYPE html>
<html lang= »fr »>
<head>
<meta charset= »UTF-8″>
<title>Formulaire de Réservation de Cours</title>
<style>
table {
width: 100%;
border-collapse: collapse;
}
th, td {
border: 1px solid black;
padding: 8px;
text-align: center;
}
.disponible {
background-color: lightgreen;
cursor: pointer;
}
.complet {
background-color: lightcoral;
}
</style>
<script>
function bookSlot(timeSlot) {
document.getElementById(‘selectedTime’).value = timeSlot.textContent;
}
</script>
</head>
<body>
<table>
<tr>
<th>LUNDI</th><th>MARDI</th><th>MERCREDI</th><th>JEUDI</th><th>VENDREDI</th><th>SAMEDI</th><th>DIMANCHE</th>
</tr>
<!– Vous devez compléter cette partie avec vos propres horaires comme montré dans votre planning –>
<tr>
<td class= »disponible » onclick= »bookSlot(this) »>13h00-13h30 Cours particulier</td>
<td class= »disponible » onclick= »bookSlot(this) »>13h30-14h00 Cours particulier</td>
<!– Continuez pour les autres créneaux –>
</tr>
</table>

<h2>Formulaire de réservation</h2>
<form id= »reservationForm » onsubmit= »sendEmail(); return false; »>
<input type= »text » id= »nom » name= »nom » placeholder= »Votre nom » required>
<input type= »text » id= »prenom » name= »prenom » placeholder= »Votre prénom » required>
<input type= »email » id= »email » name= »email » placeholder= »Adresse email » required>
<input type= »number » id= »age » name= »age » placeholder= »Âge » required>
<input type= »hidden » id= »selectedTime » name= »selectedTime »>
<button type= »submit »>Envoyer</button>
</form>


</script>
</body>
</html>