document.addEventListener("DOMContentLoaded", function () { const form = document.getElementById("formGeneratorForm"); let apiCalled = false; const zipCodeElement = document.getElementById("zip-code"); const countryElement = document.getElementById("country"); const stateElement = document.getElementById("state"); const buttonElement = document.querySelector(".form_submit_div button"); const errorMessage = document.createElement("p"); Object.assign(errorMessage.style, { color: "red", fontSize: "12px", display: "none" }); zipCodeElement.parentNode.insertBefore(errorMessage, zipCodeElement.nextSibling); const countryMappings = { "United States": "US", "Canada": "CA", "United Kingdom": "GB", "Australia": "AU", "Germany": "DE", "France": "FR", "India": "IN", "Japan": "JP", "Brazil": "BR" }; const tradeshows = [ { name: 'Florida Water Resources Conf. (FWRC)', id: 'CMP000108', anotherName: 'Florida Water Resources Conference 2025' }, { name: 'BIC Crawfish Boil', id: 'CMP000107', anotherName: 'BIC Crawfish Boil 2025' }, { name: 'Florida Governors Hurricane Conf. (GHC)', id: 'CMP000109', anotherName: 'Florida Governors Hurricane Conference 2025' }, { name: 'KYRBA Annual Meeting', id: 'CMP000110', anotherName: 'KYRBA Annual Meeting 2025' }, { name: 'BAAM Summer Symposium', id: 'CMP000117', anotherName: 'BAAM Summer Symposium 2025' }, { name: 'Energy Projects Conference (EPC) & Expo', id: 'CMP000111', anotherName: 'Energy Projects Conference & Expo' }, { name: 'Downstream USA', id: 'CMP000112', anotherName: 'Downstream USA' }, { name: 'Mountain Connect', id: 'CMP000118', anotherName: 'Mountain Connect 2025' }, { name: 'PRIME Expo', id: 'CMP000119', anotherName: 'PRIME Expo 2025' }, { name: 'World Workplace by IFMA', id: 'CMP000120', anotherName: 'World Workplace by IFMA 2025' }, { name: 'BAAM Annual Meeting', id: 'CMP000121', anotherName: 'BAAM Annual Meeting 2025' }, { name: 'WISPAPALOOZA', id: 'CMP000122', anotherName: 'WISPAPALOOZA 2025' }, { name: 'KYRBA/TNBA Fall Conference', id: 'CMP000123', anotherName: 'KYRBA/TNBA Fall Conference 2025' }, { name: 'Great Lakes Technology Showcase', id: 'CMP000124', anotherName: 'Great Lakes Technology Showcase 2025' }, ]; function getCountryCode(countryName) { return countryMappings[countryName] || "US"; } async function validateZipCode(event = null) { const zipCode = zipCodeElement.value.trim(); if (!zipCode) return true; const countryCode = getCountryCode(countryElement?.value.trim() || "United States"); try { const response = await fetch(`https://api.zippopotam.us/${countryCode}/${zipCode}`); if (!response.ok) throw new Error(); zipCodeElement.classList.remove("error"); errorMessage.style.display = "none"; buttonElement.removeAttribute("disabled"); return true; } catch { zipCodeElement.classList.add("error"); errorMessage.textContent = "Invalid ZIP Code"; errorMessage.style.display = "block"; buttonElement.setAttribute("disabled", ""); if (event) event.preventDefault(); return false; } } zipCodeElement.addEventListener("input", async function () { const isValid = await validateZipCode(); zipCodeElement.classList.toggle("error", !isValid); errorMessage.style.display = isValid ? "none" : "block"; buttonElement.toggleAttribute("disabled", !isValid); }); function fetchStates(country) { stateElement.innerHTML = ""; fetch("https://countriesnow.space/api/v0.1/countries/states", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ country }) }) .then(response => response.json()) .then(data => { stateElement.innerHTML = ""; if (!data.error && data.data.states.length) { data.data.states.forEach(state => { stateElement.appendChild(new Option(state.name, state.name)); }); } else { stateElement.innerHTML = ""; } }) .catch(() => stateElement.innerHTML = ""); } countryElement?.addEventListener("change", function () { fetchStates(this.value); validateZipCode(); }); fetch("https://api64.ipify.org?format=json") .then(response => response.json()) .then(data => { document.getElementById("customer-ip-address")?.setAttribute("value", data.ip); }) .catch(console.error); if (form) { new MutationObserver(mutations => { for (const mutation of mutations) { if (mutation.type === "childList") { const thankYouMessage = document.querySelector(".form_generater_form_div"); if (thankYouMessage.innerText.trim() === "It was great to meet you at the show! A member of our team will contact you as soon as possible at the conclusion of the show. If this is an emergency, please call 888-813-5049." && !apiCalled) { apiCalled = true; const formData = new FormData(form); const formJSON = Object.fromEntries(formData.entries()); // const selectedTradeshow = tradeshows.find(t => t.name === formJSON["How did you hear about us?"]); fetch("https://pwr-storage-solutions.gadget.app/saveTradeshowAC", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ firstName: formJSON["First Name"] || "", lastName: formJSON["Last Name"] || "", accountName: formJSON["Company Name"] || "", jobTitle: formJSON["Job Title"] || "", email: formJSON["Email"] || "", countryPhone: formJSON["dial_code"] || "", cellPhone: formJSON["Phone"] || "", businessAddress: formJSON["Business Address"] || "", state: formJSON["State"] || "", city: formJSON["City"] || "", zipCode: formJSON["Zip/Postal Code"] || "", comment: formJSON["How can we help you?"] || "", sourceCampaign: formJSON["How did you hear about us?"] || "", ipAddress: formJSON["IP Address"] || "", country: formJSON["Country"] || "" }), }).catch(console.error); } } } }).observe(document.body, { childList: true, subtree: true }); } });document.addEventListener("DOMContentLoaded", function () { const form = document.getElementById("formGeneratorForm"); let apiCalled = false; const zipCodeElement = document.getElementById("zip-code"); const countryElement = document.getElementById("country"); const stateElement = document.getElementById("state"); const buttonElement = document.querySelector(".form_submit_div button"); const errorMessage = document.createElement("p"); Object.assign(errorMessage.style, { color: "red", fontSize: "12px", display: "none" }); zipCodeElement.parentNode.insertBefore(errorMessage, zipCodeElement.nextSibling); const countryMappings = { "United States": "US", "Canada": "CA", "United Kingdom": "GB", "Australia": "AU", "Germany": "DE", "France": "FR", "India": "IN", "Japan": "JP", "Brazil": "BR" }; const tradeshows = [ { name: 'Florida Water Resources Conf. (FWRC)', id: 'CMP000108', anotherName: 'Florida Water Resources Conference 2025' }, { name: 'BIC Crawfish Boil', id: 'CMP000107', anotherName: 'BIC Crawfish Boil 2025' }, { name: 'Florida Governors Hurricane Conf. (GHC)', id: 'CMP000109', anotherName: 'Florida Governors Hurricane Conference 2025' }, { name: 'KYRBA Annual Meeting', id: 'CMP000110', anotherName: 'KYRBA Annual Meeting 2025' }, { name: 'BAAM Summer Symposium', id: 'CMP000117', anotherName: 'BAAM Summer Symposium 2025' }, { name: 'Energy Projects Conference (EPC) & Expo', id: 'CMP000111', anotherName: 'Energy Projects Conference & Expo' }, { name: 'Downstream USA', id: 'CMP000112', anotherName: 'Downstream USA' }, { name: 'Mountain Connect', id: 'CMP000118', anotherName: 'Mountain Connect 2025' }, { name: 'PRIME Expo', id: 'CMP000119', anotherName: 'PRIME Expo 2025' }, { name: 'World Workplace by IFMA', id: 'CMP000120', anotherName: 'World Workplace by IFMA 2025' }, { name: 'BAAM Annual Meeting', id: 'CMP000121', anotherName: 'BAAM Annual Meeting 2025' }, { name: 'WISPAPALOOZA', id: 'CMP000122', anotherName: 'WISPAPALOOZA 2025' }, { name: 'KYRBA/TNBA Fall Conference', id: 'CMP000123', anotherName: 'KYRBA/TNBA Fall Conference 2025' }, { name: 'Great Lakes Technology Showcase', id: 'CMP000124', anotherName: 'Great Lakes Technology Showcase 2025' }, ]; function getCountryCode(countryName) { return countryMappings[countryName] || "US"; } async function validateZipCode(event = null) { const zipCode = zipCodeElement.value.trim(); if (!zipCode) return true; const countryCode = getCountryCode(countryElement?.value.trim() || "United States"); try { const response = await fetch(`https://api.zippopotam.us/${countryCode}/${zipCode}`); if (!response.ok) throw new Error(); const data = await response.json(); const place = data.places?.[0]; if (place) { const city = place["place name"]; const state = place["state"]; // Auto-fill city if empty const cityElement = document.getElementById("city"); if (cityElement && !cityElement.value) { cityElement.value = city; } // Auto-fill state if not already selected if (stateElement && !stateElement.value) { const existingOption = Array.from(stateElement.options).find(option => option.value === state); if (!existingOption) { stateElement.appendChild(new Option(state, state)); } stateElement.value = state; } } zipCodeElement.classList.remove("error"); errorMessage.style.display = "none"; buttonElement.removeAttribute("disabled"); return true; } catch { zipCodeElement.classList.add("error"); errorMessage.textContent = "Invalid ZIP Code"; errorMessage.style.display = "block"; buttonElement.setAttribute("disabled", ""); if (event) event.preventDefault(); return false; } } zipCodeElement.addEventListener("input", async function () { const isValid = await validateZipCode(); zipCodeElement.classList.toggle("error", !isValid); errorMessage.style.display = isValid ? "none" : "block"; buttonElement.toggleAttribute("disabled", !isValid); }); function fetchStates(country) { stateElement.innerHTML = ""; fetch("https://countriesnow.space/api/v0.1/countries/states", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ country }) }) .then(response => response.json()) .then(data => { stateElement.innerHTML = ""; if (!data.error && data.data.states.length) { data.data.states.forEach(state => { stateElement.appendChild(new Option(state.name, state.name)); }); } else { stateElement.innerHTML = ""; } }) .catch(() => stateElement.innerHTML = ""); } countryElement?.addEventListener("change", function () { fetchStates(this.value); validateZipCode(); }); fetch("https://api64.ipify.org?format=json") .then(response => response.json()) .then(data => { document.getElementById("customer-ip-address")?.setAttribute("value", data.ip); }) .catch(console.error); if (form) { new MutationObserver(mutations => { for (const mutation of mutations) { if (mutation.type === "childList") { const thankYouMessage = document.querySelector(".form_generater_form_div"); if (thankYouMessage.innerText.trim() === "It was great to meet you at the show! A member of our team will contact you as soon as possible at the conclusion of the show. If this is an emergency, please call 888-813-5049." && !apiCalled) { apiCalled = true; const formData = new FormData(form); const formJSON = Object.fromEntries(formData.entries()); // const selectedTradeshow = tradeshows.find(t => t.name === formJSON["How did you hear about us?"]); fetch("https://pwr-storage-solutions.gadget.app/saveTradeshowAC", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ firstName: formJSON["First Name"] || "", lastName: formJSON["Last Name"] || "", accountName: formJSON["Company Name"] || "", jobTitle: formJSON["Job Title"] || "", email: formJSON["Email"] || "", countryPhone: formJSON["dial_code"] || "", cellPhone: formJSON["Phone"] || "", businessAddress: formJSON["Business Address"] || "", state: formJSON["State"] || "", city: formJSON["City"] || "", zipCode: formJSON["Zip/Postal Code"] || "", comment: formJSON["How can we help you?"] || "", sourceCampaign: formJSON["How did you hear about us?"] || "", ipAddress: formJSON["IP Address"] || "", country: formJSON["Country"] || "" }), }).catch(console.error); } } } }).observe(document.body, { childList: true, subtree: true }); } });