Furniture - La-Z-Boy Sofas, Chairs, Recliners and Couches - Find a Furniture Store - Official La-Z-Boy Website (2024)

`; const modalForm = modal.querySelector('#contactForm'); const modalClose = modal.querySelector('#close-button'); const modalFirstInput = modal.querySelector('input'); modalLink.addEventListener('click', (e) => { e.preventDefault(); modal.showModal(); modalFirstInput.focus(); }); modal.onclick = () => modal.close(); modalClose.onclick = () => modal.close(); modalForm.addEventListener('submit', async (e) => { e.preventDefault(); await submitFormData(modalForm); // Utilize the function for form submission }); storePage.htmlGenerator.storeContent.after(modal); async function submitFormData(form) { const urlSearchParams = new URLSearchParams(new FormData(form)); try { const response = await fetch(`${storePage.apiBaseUrl}/eloqua/contactus/${storePage.storeId}`, { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, body: urlSearchParams.toString() }); const result = await response.json(); // Assuming the endpoint returns JSON handleFormResponse(result); } catch (error) { console.error('Error submitting form:', error); handleFormResponse({ success: false, error: "Network error. Please try again later." }); } } function handleFormResponse(data) { const feedbackMessage = document.getElementById('feedbackMessage'); if (data.success) { feedbackMessage.textContent = data.message || 'Thank you for contacting us. Your message has been sent.'; feedbackMessage.style.color = 'green'; } else { feedbackMessage.textContent = data.error || 'Your message could not be sent. Please try again later.'; feedbackMessage.style.color = 'red'; } feedbackMessage.style.display = 'block'; feedbackMessage.setAttribute('aria-live', 'assertive'); setTimeout(() => { feedbackMessage.style.display = 'none'; if (data && data.success) { modal.close(); modalLink.focus(); modalForm.reset(); } }, 5000); } } } // Helper function to create the store map module function makeMapModule() { const { latitude: lat, longitude: long } = coordinates; const module = document.createElement('a'); module.className = 'module box background-image'; module.id = 'store-map'; module.href = gmapsUrl; // Access gmapsUrl from makeContentElement's scope module.target = '_blank'; // Ensure latitude and longitude are valid if (!lat || !long) { console.error('Map initialization failed due to missing coordinates.'); return module; } // Function to build the URL for the Google Maps image const buildMapUrl = () => { const { offsetWidth: width, offsetHeight: height } = module; const parameters = new URLSearchParams({ center: `${lat},${long}`, zoom: "15", size: `${width}x${height}`, scale: (window.devicePixelRatio || 1).toString(), markers: `color:0x0070AF|${lat},${long}`, key: "AIzaSyDakgXS7106HPBzlvG1ydCUBjnbjY3kjwo", }).toString(); return `https://maps.googleapis.com/maps/api/staticmap?${parameters}`; }; const debounce = (func, wait) => { let timeout; return (...args) => { clearTimeout(timeout); timeout = setTimeout(() => func(...args), wait); }; }; const updateMapBackground = debounce(() => { module.style.backgroundImage = `url('${buildMapUrl()}')`; }, 250); const resizeObserver = new ResizeObserver(entries => { for (let entry of entries) { if (entry.target === module && module.offsetWidth > 0 && module.offsetHeight > 0) { updateMapBackground(); } } }); resizeObserver.observe(module); return module; } // Helper function to create the store selector module function makeSelectorModule() { const isMyStore = storeId === preferredStoreSet; // Create the main module element const module = document.createElement('div'); module.className = 'module box'; module.id = 'store-selector'; module.innerHTML = /*html*/ `

${isMyStore ? "Your Store" : "Shop this store"}

${isMyStore ? "Store assignment sets product assortment and pricing. Delivery is limited to addresses within 50 mile radius of this location. If this store is outside your region, please search by location (below)." : "Set now to view store product assortment and pricing. Delivery available within 50 mile radius of store location."}

${isMyStore ? `Search All Stores` : `Set as my store` }`; return module; } // Helper function to create the store map module function makeImageModule() { const storeImage = "https://content.la-z-boy.com/img/npc/store-dark.png?width=676&dpr=2&quality=50"; const module = document.createElement('div'); module.className = 'module box background-image'; module.id = 'store-image'; module.style.backgroundImage = `url('${storeImage}')`; return module; } // Helper function to create the design services module function makeDesignModule() { const designServicesImage = "https://content.la-z-boy.com/img/npc/fds-logo.png"; const module = document.createElement('div'); module.className = 'module box image-copy'; module.id = 'store-design'; module.innerHTML = /*html*/ `

`; return module; } // Helper function to create the in-store promo module function makePromoModule() { const module = document.createElement('div'); module.className = 'module box'; module.id = 'store-promo'; module.innerHTML = /*html*/ `

In-store Promotions

Check out all the ways to save in your local Furniture Galleries location.

Download now`; return module; } // Helper function to create the store hours module function makeHoursModule() { const module = document.createElement('div'); module.className = 'module box'; module.id = 'store-hours'; module.innerHTML = /*html*/ `

Store Hours

${generateStoreHoursListItems()}

`; return module; function generateStoreHoursListItems() { return Array.from({ length: 7 }).map((_, i) => { const futureDate = new Date(today.getFullYear(), today.getMonth(), today.getDate() + i); const dayOfWeek = storePage.daysOfWeek[futureDate.getDay()]; const hoursText = storePage.getHoursForDate(futureDate); return `

`; }).join("\n"); } } }, }, getHoursForDate(date) { const dateString = date.toISOString().split("T")[0]; // YYYY-MM-DD format const holiday = this.storeData.hours?.holidayHours?.find(h => h.date === dateString); const dayOfWeek = this.daysOfWeek[date.getDay()].toLowerCase(); if (holiday) { if (holiday.isClosed) { return null; } else if (holiday.openIntervals && holiday.openIntervals.length > 0) { const { start, end } = holiday.openIntervals[0]; return `${formatTime(start)} - ${formatTime(end)}`; } } else { const regularHours = storePage.storeData.hours?.[dayOfWeek]?.openIntervals[0]; if (regularHours) { return `${formatTime(regularHours.start)} - ${formatTime(regularHours.end)}`; } } return null; function formatTime(time24) { const [hour, minute] = time24.split(":"); const hourInt = parseInt(hour, 10); const ampm = hourInt >= 12 ? "pm" : "am"; const hour12 = hourInt % 12 || 12; // Converts "00" to 12 for 12am return `${hour12}${minute === "00" ? "" : ":" + minute}${ampm}`; } }, handleError(context, error) { console.error(`${context}:`, error); // Additional error handling logic, e.g., alerting the user. }, } storePage.init(); // Start the initialization process