/* ============================== INIT EMAILJS ============================== */ (function(){ emailjs.init("X--tB8nHvK4LrakU4"); // Ta clé publique })(); /* ============================== BOUTON REMONTÉE PAGE ============================== */ window.addEventListener("scroll", calcScrollValue); window.addEventListener("load", calcScrollValue); function calcScrollValue() { const scrollProgress = document.getElementById("progress"); if (!scrollProgress) return; const pos = document.documentElement.scrollTop; const calcHeight = document.documentElement.scrollHeight - document.documentElement.clientHeight; const scrollValue = Math.round((pos * 100) / calcHeight); scrollProgress.style.display = pos > 100 ? "grid" : "none"; scrollProgress.style.background = `conic-gradient(#ff5aa6 ${scrollValue}%, #333 ${scrollValue}%)`; scrollProgress.onclick = () => { window.scrollTo({ top: 0, behavior: "smooth" }); }; } /* ============================== FORMULAIRE DE CONTACT ============================== */ function setError(el, msg) { el.classList.add('input-error'); const err = document.getElementById('err-' + el.id); if (err) err.textContent = msg; } function clearError(el) { el.classList.remove('input-error'); const err = document.getElementById('err-' + el.id); if (err) err.textContent = ''; } function validateEmail(v) { return /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/.test(v); } document.addEventListener('input', function(e){ const t = e.target; if (t && (t.id === 'name' || t.id === 'email' || t.id === 'message')) clearError(t); }); function sendMail(event) { event.preventDefault(); const form = document.querySelector(".contact-form"); const nameEl = document.getElementById("name"); const mailEl = document.getElementById("email"); const msgEl = document.getElementById("message"); const btn = document.getElementById("sendBtn"); [nameEl, mailEl, msgEl].forEach(clearError); let firstInvalid = null; if (!nameEl.value.trim()) { setError(nameEl, "Ce champ est obligatoire / This field is required"); firstInvalid = nameEl; } if (!mailEl.value.trim()) { setError(mailEl, "Ce champ est obligatoire / This field is required"); firstInvalid = mailEl; } else if (!validateEmail(mailEl.value.trim())) { setError(mailEl, "Adresse email invalide / Invalid email address"); firstInvalid = mailEl; } if (!msgEl.value.trim()) { setError(msgEl, "Ce champ est obligatoire / This field is required"); firstInvalid = msgEl; } if (firstInvalid) { firstInvalid.focus(); return; } btn.classList.add("sending"); btn.disabled = true; const originalText = btn.textContent; btn.textContent = "Envoi… / Sending…"; const name = nameEl.value.trim(); const email = mailEl.value.trim(); const message = msgEl.value.trim(); const date = new Date().toLocaleString("fr-FR"); emailjs.send("service_ev76tab", "template_uigxokf", { name, email, message, date, to_email: "info@djtomhooker.com" }) .then(() => console.log("📩 Message envoyé à DJ TOM HOOKER")) .catch(err => console.error("Erreur admin :", err)); emailjs.send("service_ev76tab", "template_v9dlbno", { name, email, date }) .then(() => { form.reset(); const popup = document.getElementById("popupSuccess"); popup.classList.add("active"); setTimeout(() => popup.classList.remove("active"), 3000); }) .catch(err => console.error("Erreur client :", err)) .finally(() => { btn.classList.remove("sending"); btn.disabled = false; btn.textContent = originalText; }); } /* ============================== NEWSLETTER FORM (DOUBLE OPT-IN) ============================== */ function validateNewsletterEmail(v) { return /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/.test(v); } function sendNewsletter(event) { event.preventDefault(); const emailEl = document.getElementById("newsletter-email"); const errEl = document.getElementById("newsletter-error"); const btn = document.getElementById("newsletterBtn"); const popup = document.getElementById("newsletterPopup"); emailEl.classList.remove("newsletter-input-error"); errEl.textContent = ""; if (!emailEl.value.trim()) { emailEl.classList.add("newsletter-input-error"); errEl.textContent = "Ce champ est obligatoire / This field is required"; emailEl.focus(); return; } if (!validateNewsletterEmail(emailEl.value.trim())) { emailEl.classList.add("newsletter-input-error"); errEl.textContent = "Adresse email invalide / Invalid email address"; emailEl.focus(); return; } btn.classList.add("sending"); btn.disabled = true; const originalText = btn.textContent; btn.textContent = "Sending…"; const email = emailEl.value.trim(); const date = new Date().toLocaleString("fr-FR"); emailjs.send("service_9qqij8n", "template_bwp9kro", { email, date, to_email: "newsletter@djtomhooker.com" }) .then(() => console.log("📬 Notification admin envoyée via newsletter@djtomhooker.com")) .catch(err => console.error("Erreur admin Newsletter :", err)); emailjs.send("service_9qqij8n", "template_d69mmip", { email, date }) .then(() => { emailEl.value = ""; popup.querySelector("p").innerHTML = ` Validation de votre inscription en cours.
A confirmation email has been sent. Please check your inbox. `; popup.classList.add("active"); setTimeout(() => popup.classList.remove("active"), 4500); }) .catch(err => { console.error("Erreur d’envoi confirmation :", err); alert("Erreur d’envoi. Merci de réessayer / Sending error, please retry."); }) .finally(() => { btn.classList.remove("sending"); btn.disabled = false; btn.textContent = originalText; }); } /* ============================== CONFIRMATION PAGE (confirm-newsletter) ============================== */ (function () { if (typeof emailjs !== "undefined") emailjs.init("X--tB8nHvK4LrakU4"); document.addEventListener("DOMContentLoaded", function () { const box = document.getElementById("confirmBox"); const btn = document.getElementById("homeBtn"); if (!box) return; const params = new URLSearchParams(window.location.search); const email = params.get("email"); if (!email) { box.innerHTML = `

Aucune adresse trouvée dans le lien.
No email found in the link.

`; return; } const DELAY_MS = 4500; setTimeout(function () { const SERVICE_ID = "service_9qqij8n"; const TEMPLATE_ID = "template_lbgk93w"; emailjs.send(SERVICE_ID, TEMPLATE_ID, { email: email, date: new Date().toLocaleString("fr-FR"), source: "newsletter-confirmation" }) .then(() => showConfirmed(box, btn, email)) .catch(() => showConfirmed(box, btn, email)); }, DELAY_MS); }); function showConfirmed(container, btn, email) { container.innerHTML = `

Inscription confirmée !

Merci, votre adresse ${escapeHtml(email)} est maintenant abonnée à la newsletter de DJ Tom Hooker.
Vous recevrez prochainement les nouveautés et exclusivités.

Subscription confirmed! Thank you, your address ${escapeHtml(email)} is now subscribed to DJ Tom Hooker’s newsletter.
You’ll soon receive updates and exclusives.

`; if (btn) btn.classList.add("is-visible"); } function escapeHtml(str) { return String(str) .replace(/&/g, "&") .replace(//g, ">") .replace(/"/g, """); } })();