/* Safeway Supply Co. — complete Web Form Client Script */ (function () { const HOME_URL = "/home"; const QUOTE_URL = "/safeway-supply-quote-request/new"; const PHONE_SELECTOR = '.web-form-container input[data-fieldname="phone"]'; function formatPhone(input) { const value = input.value.trim(); if (!/^\+?[\d().\s-]+$/.test(value)) return; let digits = value.replace(/\D/g, ""); if (digits.length === 11 && digits.startsWith("1")) { digits = digits.slice(1); } else if (value.startsWith("+")) { return; } if (digits.length !== 10) return; const formatted = `(${digits.slice(0, 3)}) ${digits.slice(3, 6)}-${digits.slice(6)}`; if (input.value !== formatted) input.value = formatted; } function handlePhoneInput(event) { if (!event.isComposing && event.target.matches?.(PHONE_SELECTOR)) { formatPhone(event.target); } } document.addEventListener("input", handlePhoneInput, true); document.addEventListener("change", handlePhoneInput, true); function preparePhoneField() { const phone = document.querySelector(PHONE_SELECTOR); if (phone) { phone.inputMode = "tel"; phone.autocomplete = "tel"; phone.placeholder = "(908) 555-0123"; } return Boolean(phone); } function buildSafewayHeader() { const form = document.querySelector(".web-form-container"); if (!form) return false; if (document.getElementById("safeway-intro")) return true; const intro = document.createElement("div"); intro.id = "safeway-intro"; intro.innerHTML = `

Let's get your materials moving.

Request pricing and availability from our supply team.

How can we help?

Tell us what you need for your next project. Our team will review your request and follow up with a quote.

Contractor-focused material sourcing
Pricing and availability assistance
Personalized service from our team

Request a Quote

Complete the form below and we'll be in touch.

`; form.prepend(intro); form.classList.add("ss-ready"); return true; } function buildConfirmationButtons() { const successPage = document.querySelector( ".web-form-container .success-page" ); if (!successPage || successPage.classList.contains("hide")) return; if (document.getElementById("safeway-confirmation-actions")) return; const actions = document.createElement("div"); actions.id = "safeway-confirmation-actions"; actions.style.cssText = ` display:flex; flex-direction:column; align-items:center; gap:12px; margin:28px auto; max-width:310px; `; const homeButton = document.createElement("a"); homeButton.href = HOME_URL; homeButton.textContent = "Return to Safeway Supply"; homeButton.style.cssText = ` display:block; width:100%; padding:13px 18px; border-radius:25px; background:#ed252b; color:#ffffff; text-align:center; text-decoration:none; font-weight:700; font-size:14px; `; const anotherButton = document.createElement("a"); anotherButton.href = QUOTE_URL; anotherButton.textContent = "Submit Another Request"; anotherButton.style.cssText = ` display:block; width:100%; padding:12px 18px; border:1px solid #0e173f; border-radius:25px; background:#ffffff; color:#0e173f; text-align:center; text-decoration:none; font-weight:600; font-size:14px; `; actions.appendChild(homeButton); actions.appendChild(anotherButton); successPage.appendChild(actions); } let attempts = 0; const interval = setInterval(function () { attempts++; const headerReady = buildSafewayHeader(); const phoneReady = preparePhoneField(); if ((headerReady && phoneReady) || attempts >= 40) { clearInterval(interval); } }, 250); const observer = new MutationObserver(buildConfirmationButtons); observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ["class"] }); buildConfirmationButtons(); })(); frappe.web_form.validate = function () { const accepted = frappe.web_form.get_value("terms_accepted"); if (!accepted || accepted === "0") { frappe.msgprint( "Please agree to the Terms & Conditions and Privacy Policy before submitting." ); return false; } return true; };

Safeway Supply Quote Request

Your Quote Request Has Been Received!