$(document).ready(function() {
$("#inscription_index").hide();
/*
// Au clic sur un bouton de la barre de navigation
$('nav ul li a').on('click', function(e) {
e.preventDefault();
// Ajoute la classe active au bouton cliqué
$('nav ul li a').removeClass('active');
$(this).addClass('active');
if ($(this).data('info')=="logout"){
window.location.href = "admin.login.php";
return;
}
if ($(this).data('info')=="inscrit"){
window.location.href = "inscriptionProvenJeep.php";
return;
}
// Scroll jusqu'à la section correspondante
var target = $(this.hash);
$('html, body').animate({scrollTop: target.offset().top}, 1000);
});
*/
const checkboxVehicle = $('#checkbox-vehicle');
const fieldsetVehicle = $('#fieldset-vehicle');
// Écouteur d'événement pour la case à cocher
checkboxVehicle.on('change', function() {
if (this.checked) {
// Si la case est cochée, masquer le fieldset
fieldsetVehicle.hide();
$('#montant_jeep').val(0);
const inputFields = fieldsetVehicle.find('input, select, textarea');
// Suppression de l'attribut "required" de chaque champ de saisie
inputFields.removeAttr('required');
updateTotal();
} else {
// Si la case n'est pas cochée, afficher le fieldset
fieldsetVehicle.show();
$('#montant_jeep').val(35);
updateTotal();
}
});
let mybutton = $("#myBtn");
mybutton.hide();
// When the user scrolls down 20px from the top of the document, show the button
$(window).scroll(function() {
if ($(this).scrollTop() > 50) {
mybutton.show();
} else {
mybutton.hide();
}
});
// When the user clicks on the button, scroll to the top of the document
mybutton.click(function() {
$("html, body").animate({ scrollTop: 0 }, "slow");
return false;
});
/************************************************************************************************************************/
// Validation du formulaire
function test_saisie() {
const requiredFields = ['#nom', '#prenom', '#adresse', '#cp', '#ville'];
const emptyFields = [];
requiredFields.forEach(field => {
if ($(field).val() === '') {
emptyFields.push(field);
}
});
if ( (emptyFields.length > 0) || !$('#conditions').prop('checked') ) {
let message = 'Veuillez remplir tous les champs obligatoires';
if (emptyFields.length > 0) {
message += ' : ' + emptyFields.join(', ');
}
if (!$('#conditions').prop('checked')) {
message += ' et accepter les conditions générales';
}
alert(message + '.');
return false;
}else {
return true;
}
}
const PRIX = {
samedi_adulte: 30,
samedi_enfant: 18,
dimanche: 15,
goodies: 10,
inscription: 35
};
function calculTotalRepas() {
const qSamediAdulte = parseInt($('#samedi_soir_adulte').val()) || 0;
const qSamediEnfant = parseInt($('#samedi_soir_enfant').val()) || 0;
const qDimanche = parseInt($('#dimanche_midi').val()) || 0;
const totalSamediAdulte = qSamediAdulte * PRIX.samedi_adulte;
const totalSamediEnfant = qSamediEnfant * PRIX.samedi_enfant;
const totalDimanche = qDimanche * PRIX.dimanche;
$('#total_samedi_adulte').text(totalSamediAdulte + ' €');
$('#total_samedi_enfant').text(totalSamediEnfant + ' €');
$('#total_dimanche_midi').text(totalDimanche + ' €');
const totalRepas = totalSamediAdulte + totalSamediEnfant + totalDimanche;
$('#total_repas').text(totalRepas + ' €');
return totalRepas;
}
function calculTotalGoodies() {
const qGoodies = parseInt($('#goodies').val()) || 0;
const totalGoodies = qGoodies * PRIX.goodies;
$('#total_goodies').text(totalGoodies + ' €');
return totalGoodies;
}
function updateTotalInscription() {
const totalRepas = calculTotalRepas();
const totalGoodies = calculTotalGoodies();
const totalInscription = PRIX.inscription;
console.log(totalGoodies)
const totalRepasGoodies = totalRepas + totalGoodies;
console.log(totalRepasGoodies);
const totalFinal = totalRepas + totalGoodies + totalInscription;
$('#total_inscription').text(totalFinal + ' €');
$('#total_repas_goodies').text(totalRepasGoodies + ' €');
// Si tu envoies le montant au serveur
$('#montant_form').val(totalFinal);
}
$('#samedi_soir_adulte, #samedi_soir_enfant, #dimanche_midi, #goodies')
.on('input change', function () {
updateTotalInscription();
});
$("#myForm").submit(function(e) {
e.preventDefault();
if (test_saisie()){
var my_data = $(this).serialize();
$.ajax({
type: "POST",
url: $('#myForm').attr('action'),
data: $(this).serialize(),
dataType: 'json',
success: function(response) {
// Récupérer l'élément form et le message de confirmation
console.log(response.status);
if (response.status=='success') {
// Réinitialiser le formulaire
$("#myForm")[0].reset();
//const form = $('#monFormulaire');
my_message = "
Merci, votre bulletin d'inscription a été envoyé avec succès. ";
my_message += "Vous recevrez sous peu un e-mail pour confirmer votre adresse e-mail. ";
my_message += "Un second e-mail suivra avec les coordonnées bancaires pour le règlement de l'inscription par virement. ";
my_message += "Contrôler les spam / courriers indésirables de votre messagerie.
";
const messageConfirmation = $(my_message);
// Cacher le formulaire et afficher le message de confirmation
$("#myForm").hide().after(messageConfirmation);
} else if (response.status=='error'){
//alert("error "+response.status);
$(".form-messages").text("Une erreur est survenue lors de l'enregistrement de votre inscription. Veuillez réessayer.");
} else if (response.status=='existe'){
//alert("error "+response.status);
$(".form-messages").text(response.message);
} else if (response.status=='captcha'){
//alert("captcha "+response.status);
$(".form-messages").text("Le Captcha que vous avez saisi est incorrect. Veuillez réessayer.");
} else {
//alert("erreur autre "+response.status);
$(".form-messages").text("Une erreur est survenue. Veuillez réessayer.");
}
},
error: function(xhr, status, error) {
alert("Une erreur est survenue : " + error);
}
});
}
});
/************************************************************************************************************************************
POPUP CONTACT
*************************************************************************************************************************************/
var $openPopup = $('#open-popup');
var $closePopup = $('.popup-close-button');
var $popup = $('.popup');
var $overlay = $('.overlay');
$("#reglement").on('click', function() {
$(".reglement").show();
$overlay.show();
});
$(".reglement-close-button").on('click', function() {
$(".reglement").hide();
$overlay.hide();
});
$('#contact-form').submit(function(e) {
e.preventDefault();
$.ajax({
url: $(this).attr('action'),
type: 'POST',
data: $(this).serialize(),
dataType: 'json',
success: function(response) {
if (response.status=='success'){
$('#popup-messages').html('
' + response.message + '
');
$('#contact-form')[0].reset();
$popup.hide();
$overlay.hide();
} else if (response.status=='captcha'){
$('#popup-messages').html('
