' + escapeHtml(item.title) + '

' + escapeHtml(item.category || "Books") + '

' + money(item.price) + ' x ' + Number(item.quantity || 1) + '

'; }).join("") : '

Your cart is empty.

'; var wrapper = document.createElement("div"); wrapper.setAttribute("data-cart-fallback", "true"); wrapper.innerHTML = '' + ''; document.body.appendChild(wrapper); } function renderCheckoutFallback() { if (window.location.pathname !== "/checkout") return; var mount = document.querySelector("[data-checkout-mount]"); if (!mount || mount.querySelector("[data-checkout-fallback]")) return; var items = readCart(); if (!items.length) return; var text = mount.textContent || ""; var alreadyRendered = items.some(function (item) { return text.indexOf(item.title) >= 0; }) && text.indexOf("Order Summary") >= 0; if (alreadyRendered) return; var subtotal = items.reduce(function (sum, item) { return sum + Number(item.price || 0) * Number(item.quantity || 1); }, 0); var rows = items.map(function (item) { return '

' + escapeHtml(item.title) + '

Qty ' + Number(item.quantity || 1) + '

' + money(Number(item.price || 0) * Number(item.quantity || 1)) + '

'; }).join(""); mount.innerHTML = '

' + '' + '' + '

'; } function escapeHtml(value) { return String(value).replace(/[&<>"']/g, function (character) { return ({ "&": "&", "<": "<", ">": ">", '"': """, "'": "'" })[character]; }); } document.addEventListener("click", function (event) { var close = event.target && event.target.closest && event.target.closest("[data-cart-fallback-close]"); if (close) { closeDrawer(); return; } var button = event.target && event.target.closest && event.target.closest("[data-cart-add]"); var cartOpen = event.target && event.target.closest && event.target.closest("[data-cart-open]"); if (cartOpen && !document.querySelector('[data-cart-drawer="react"]')) { window.setTimeout(function () { if (!document.querySelector('[data-cart-drawer="react"]')) openDrawer(readCart()); }, 80); return; } if (!button) return; window.setTimeout(function () { if (document.querySelector('[data-cart-drawer="react"]')) return; var items = addItem(button); button.textContent = "Added"; window.setTimeout(function () { button.textContent = "Add to Cart"; }, 1200); openDrawer(items); }, 80); }); document.addEventListener("submit", function (event) { var form = event.target && event.target.closest && event.target.closest("[data-checkout-fallback-form]"); if (!form) return; event.preventDefault(); var message = form.querySelector("[data-checkout-fallback-message]"); var formData = new FormData(form); var customer = { name: String(formData.get("name") || ""), email: String(formData.get("email") || ""), phone: String(formData.get("phone") || ""), address: String(formData.get("address") || ""), city: String(formData.get("city") || ""), state: String(formData.get("state") || ""), postalCode: String(formData.get("postalCode") || ""), country: String(formData.get("country") || "United States"), notes: String(formData.get("notes") || "") }; var items = readCart(); var subtotal = items.reduce(function (sum, item) { return sum + Number(item.price || 0) * Number(item.quantity || 1); }, 0); if (message) message.textContent = "Submitting order request..."; fetch("/api/checkout", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ customer: customer, items: items, subtotal: subtotal }) }).then(function (response) { return response.json().then(function (data) { if (!response.ok) throw new Error(data.error || "Checkout failed."); writeCart([]); if (message) { message.className = "text-sm text-gold"; message.textContent = "Order request " + data.orderId + " received. The team will confirm payment and fulfillment details."; } }); }).catch(function (error) { if (message) { message.className = "text-sm text-red-300"; message.textContent = error && error.message ? error.message : "Checkout failed."; } }); }); updateRail(readCart()); window.setTimeout(renderCheckoutFallback, 120); window.addEventListener("pageshow", function () { window.setTimeout(renderCheckoutFallback, 120); }); })();

Shipping & Contact Details

What Clients & Audiences Say