// Fonction pour ouvrir la fenêtre modale de réservation
function reserveCar(car) {
    const modal = document.getElementById("reservation-modal");
    const reservationDetails = document.getElementById("reservation-details");
    reservationDetails.textContent = `Vous avez choisi la voiture: ${car}. Veuillez entrer vos informations de réservation.`;
    modal.style.display = "block";
}

// Fonction pour fermer la fenêtre modale
function closeModal() {
    const modal = document.getElementById("reservation-modal");
    modal.style.display = "none";
}

// Lorsque l'utilisateur clique en dehors de la fenêtre modale, la fermer
window.onclick = function(event) {
    const modal = document.getElementById("reservation-modal");
    if (event.target === modal) {
        modal.style.display = "none";
    }
}

// Fonction de soumission du formulaire
document.getElementById("reservation-form").addEventListener("submit", function(event) {
    event.preventDefault();
    alert("Réservation confirmée ! Nous vous contacterons bientôt.");
    closeModal();
});
document.getElementById("search-bar").addEventListener("input", function () {
    const filter = this.value.toLowerCase();
    const cars = document.querySelectorAll(".car-card");

    cars.forEach(car => {
        const carText = car.textContent.toLowerCase();
        car.style.display = carText.includes(filter) ? "block" : "none";
    });
});

// Gère l'envoi du formulaire de réservation
document.getElementById("reservation-form").addEventListener("submit", function (e) {
    e.preventDefault();
    const name = document.getElementById("name").value;
    const email = document.getElementById("email").value;
    const phone = document.getElementById("phone").value;
    const date = document.getElementById("date").value;

    alert(`Merci ${name}! Votre réservation pour le ${date} est confirmée.\n
Email: ${email}\n
Téléphone: ${phone}`);
    closeModal();
});