Current File : /home/digitaw/Ycof/js/sante.js

var form_1 = document.querySelector(".form_1");
var form_2 = document.querySelector(".form_2");
var form_3 = document.querySelector(".form_3");



var form_1_btns = document.querySelector(".form_1_btns");
var form_2_btns = document.querySelector(".form_2_btns");
var form_3_btns = document.querySelector(".form_3_btns");



var form_1_next_btn = document.querySelector(".form_1_btns .btn_next");
var form_2_back_btn = document.querySelector(".form_2_btns .btn_back");
var form_2_next_btn = document.querySelector(".form_2_btns .btn_next");
var form_3_back_btn = document.querySelector(".form_3_btns .btn_back");



var form_2_progessbar = document.querySelector(".form_2_progessbar");
var form_3_progessbar = document.querySelector(".form_3_progessbar");


var btn_done = document.querySelector(".btn_done");
var modal_wrapper = document.querySelector(".modal_wrapper");
var shadow = document.querySelector(".shadow");

form_1_next_btn.addEventListener("click", function () {
	if (validateBenificiaire() == true && validateNom() == true && validatePrenom() == true && validateEmail() == true && validatePhone() == true) {
		form_1.style.display = "none";
		form_2.style.display = "block";

		form_1_btns.style.display = "none";
		form_2_btns.style.display = "flex";

		form_2_progessbar.classList.add("active");
	} else {
		validateBenificiaire();
		validateNom();
		validatePrenom();
		validateEmail();
		validatePhone();
	}
});

form_2_back_btn.addEventListener("click", function () {
	form_1.style.display = "block";
	form_2.style.display = "none";

	form_1_btns.style.display = "flex";
	form_2_btns.style.display = "none";

	form_2_progessbar.classList.remove("active");
});

form_2_next_btn.addEventListener("click", function () {
	if (validateLocalite() == true) {
		form_2.style.display = "none";
		form_3.style.display = "block";

		form_3_btns.style.display = "flex";
		form_2_btns.style.display = "none";

		form_3_progessbar.classList.add("active");
	}else {
		validateLocalite();
	}
});

form_3_back_btn.addEventListener("click", function () {
	form_2.style.display = "block";
	form_3.style.display = "none";

	form_3_btns.style.display = "none";
	form_2_btns.style.display = "flex";

	form_3_progessbar.classList.remove("active");
});

btn_done.addEventListener("click", function () {
	modal_wrapper.classList.add("active");
})

shadow.addEventListener("click", function () {
	modal_wrapper.classList.remove("active");
})


function validateBenificiaire() {
	const benificiaire = document.querySelector("#benificiaire").value;
	var benificiaireError = document.querySelector("#benificiaire-error");
	if (benificiaire == "") {
		benificiaireError.style.color = "red";
		benificiaireError.innerHTML = "Please enter your benificiaire";
		return false;
	}
	benificiaireError.style.color = "green";
	benificiaireError.innerHTML = "valide";
	return true;
}

function validateLocalite() {
	const localite = document.querySelector("#localite").value;
	var localiteError = document.querySelector("#localite-error");
	if (localite =="") {
		localiteError.style.color = "red";
		localiteError.innerHTML = "Please enter your localite";
		return false;
	}
	localiteError.style.color = "green";
	localiteError.innerHTML = "valide";
	return true;
}

function loadData() {
	const benificiaire = document.querySelector("#benificiaire").value;
	const localite = document.querySelector("#localite").value;
	if (document.getElementById('flexRadioDefault1').checked == true) {
		var taux = document.querySelector("#flexRadioDefault1").value;

	} else if (document.querySelector("#flexRadioDefault2").checked == true) {
		var taux = document.querySelector("#flexRadioDefault2").value;
	}
	else {
		var taux = document.querySelector("#flexRadioDefault3").value;
	}
	var benificiaireRecap = document.querySelector("#beneficiaire-recap");
	var localiteRecap = document.querySelector("#localite-recap");
	var tauxRecap = document.querySelector("#taux-recap");
	benificiaireRecap.innerHTML = benificiaire;
	localiteRecap.innerHTML = localite;
	tauxRecap.innerHTML = taux;
}



function validatePrenom() {
	const prenom = document.getElementById("prenom");
	var prenomError = document.getElementById("prenom-error");
	var regex = /^[a-zA-Z\s]+$/;
	if (prenom.value.length < 3) {
		prenomError.style.color = "red";
		prenomError.innerHTML = "le prenom est obligatoire";
		return false;
	}
	if (!regex.test(prenom.value)) {
		prenomError.style.color = "red";
		prenomError.innerHTML = "Entrer un prenom valide";
		return false;
	}
	prenomError.style.color = "green";
	prenomError.innerHTML = "valide";
	return true;
}

function validateEmail() {
	const email = document.getElementById("email");
	var emailError = document.getElementById("email-error");
	var regex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/;
	if (email.value.length < 3) {
		emailError.style.color = "red";
		emailError.innerHTML = "l'email est obligatoire";
		return false;
	}
	if (!regex.test(email.value)) {
		emailError.style.color = "red";
		emailError.innerHTML = "Entrer un email valide";
		return false;
	}
	emailError.style.color = "green";
	emailError.innerHTML = "valide";
	return true;
}

function validatePhone() {
	const phone = document.getElementById("telephone");
	var phoneError = document.getElementById("telephone-error");
	var regex = /^[0-9]+$/;
	if (!regex.test(phone.value)) {
		phoneError.style.color = "red";
		phoneError.innerHTML = "Entrer un numero de telephone valide";
		return false;
	}
	if (phone.value.length < 9) {
		phoneError.style.color = "red";
		phoneError.innerHTML = "le numero de telephone est obligatoire";
		return false;
	}

	phoneError.style.color = "green";
	phoneError.innerHTML = "valide";
	return true;
}

function validateNom() {
	const nom = document.getElementById("nom");
	var nomError = document.getElementById("nom-error");
	var regex = /^[a-zA-Z\s]+$/;
	if (nom.value.length < 3) {
		nomError.style.color = "red";
		nomError.innerHTML = "le nom est obligatoire";
		return false;
	}
	if (!regex.test(nom.value)) {
		nomError.innerHTML = "Entrer un nom valide";
		return false;
	}
	nomError.style.color = "green";
	nomError.innerHTML = "valide";
	return true;
}



document.getElementById("sante").addEventListener("submit", function (e) {
	e.preventDefault();
	var data = new FormData(this);
	var xmlhttp = new XMLHttpRequest();
	console.log(data.get("beneficiaire"), data.get("localite"), data.get("taux"));
	xmlhttp.onreadystatechange = function () {
		if (this.readyState == 4 && this.status == 200) {
			//var msg="je crois que sa marche ";
			
			console.log(this.response);
		} else if (this.readyState == 4 && this.status != 200) {
			alert("une erreur s'est produit");
		}
	}
	xmlhttp.open("POST", "sendsante.php", true);
	xmlhttp.responseType = 'json';
	xmlhttp.send(data);
	alert('votre devis a ete bien envoye');
	window.location.reload();

});