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,
						nom_entreprise: document.getElementById("subs-nom_entreprise")
							.value,
						fonction_entreprise: document.getElementById(
							"subs-fonction_entreprise"
						).value,
						recaptchaResponse: recaptchaResponse,
					};

					var xhr = new XMLHttpRequest();
					xhr.open("POST", "/ajax-workshop-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é";
								button.style.background = "green";
								
																		gtag("event", "conversion", {
											send_to: "AW-11219012277/R5QjCJGfyqsYELWV0uUp",
										});
									
										gtag("event", "envoi_formulaire_de_contact");
										
										// Linkedin
										window.lintrk("track", { conversion_id: 13199570 });
																	}
							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);
				});
		});
	});
});