window.addEventListener("DOMContentLoaded", function () {
	
			gtag("event", "visite_page_contact");
		console.log("event=visite_page_contact");
		
	
	
	
	var form = document.getElementById("contact-form");
	var button = document.getElementById("contact-form-button");

	form.addEventListener("submit", function (e) {
		e.preventDefault();

		button.innerHTML =
			"<span class='spinner-border spinner-border-sm' role='status' aria-hidden='true'></span> Envoi en cours...";
		button.disabled = true;
		grecaptcha.ready(function () {
			grecaptcha
				.execute("6Ld3s7UmAAAAAIFj1ECPveJowRYlQ-udCzewnz0e", {
					action: "submit",
				})
				.then(function (token) {
					var recaptchaResponse = token;

					var data = {
						nom: document.getElementById("subs-nom").value,
						prenom: document.getElementById("subs-prenom").value,
						email: document.getElementById("subs-email").value,
						telephone: document.getElementById("subs-telephone").value,
						preferences: document.getElementById("subs-preferences").value,
						nom_entreprise: document.getElementById("subs-nom_entreprise")
							.value,
						num_entreprise: document.getElementById("subs-num_entreprise")
							.value,
						fonction_entreprise: document.getElementById(
							"subs-fonction_entreprise"
						).value,
						recaptchaResponse: recaptchaResponse,
					};

					var xhr = new XMLHttpRequest();
					xhr.open("POST", "/ajax-mail.html", true);
					xhr.setRequestHeader(
						"Content-type",
						"application/x-www-form-urlencoded"
					);

					// Convertir l'objet data en chaîne de caractères pour l'envoi
					var dataToSend = Object.keys(data)
						.map(function (key) {
							return (
								encodeURIComponent(key) + "=" + encodeURIComponent(data[key])
							);
						})
						.join("&");

					xhr.onload = function () {
						if (this.status == 200) {
							console.log(this.responseText);
							if (this.responseText == "success")
							{
								form.reset();
								button.innerHTML = "Message envoyé";
								// button.innerHTML = "Votre demande a bien été envoyé. <br> Félicitations ! La première étape démarre";
								button.style.background = "green";
								
								gtag_report_conversion('contact_client_envoi_formulaire');
								
								window.location = "https://www.6ss.be/contact_choix_client-Success_email.html#Felitications";
							}
							else
							{
								button.innerHTML = "Erreur 9142. Merci de contacter l'administrateur via http://www.newave.be/contact";
							}
						}
						else
						{
							button.innerHTML = "Erreur 1482. Merci de contacter l'administrateur via http://www.newave.be/contact";
						}
					};
					xhr.send(dataToSend);
				});
		});
	});
});