From c7549b1009961a943ddd38231f77c43650ca593d Mon Sep 17 00:00:00 2001
From: Azmat Ali <azmat.ali@qualyval.com>
Date: Mon, 9 Mar 2026 15:23:32 +0530
Subject: [PATCH] feat(api): integrated /cart and /order api's

---
 assets/js/checkout.js      | 46 ++++++++++++++++++++++++++++++++++++--
 cart.html                  | 32 ++++++++++++++++++++++++++
 netlify.toml               |  7 ++++++
 netlify/functions/cart.js  | 28 +++++++++++++++++++++++
 netlify/functions/order.js | 27 ++++++++++++++++++++++
 5 files changed, 138 insertions(+), 2 deletions(-)
 create mode 100644 netlify.toml
 create mode 100644 netlify/functions/cart.js
 create mode 100644 netlify/functions/order.js

diff --git a/assets/js/checkout.js b/assets/js/checkout.js
index ffbdc2c..c5d13c5 100644
--- a/assets/js/checkout.js
+++ b/assets/js/checkout.js
@@ -33,11 +33,53 @@ document.addEventListener("DOMContentLoaded", () => {
 	totalEl.textContent = `₹${total.toFixed(2)}`;
 
 	// Unlock QR on valid form submit
-	form.addEventListener("submit", (e) => {
+	form.addEventListener("submit", async (e) => {
 		e.preventDefault();
 
 		if (!form.checkValidity()) return;
 
-		qrWrapper.classList.remove("blurred");
+		const orderBtn = document.getElementById("btn-order");
+
+		orderBtn.classList.add("loading");
+		orderBtn.disabled = true;
+
+		const formData = new FormData(form);
+
+		const orderPayload = {
+			first_name: formData.get("first_name"),
+			last_name: formData.get("last_name"),
+			email: formData.get("email"),
+			phone: formData.get("phone"),
+			address: formData.get("address"),
+			city: formData.get("city"),
+			state: formData.get("state"),
+			post_code: formData.get("post_code"),
+			order: Cart.getCart(),
+		};
+
+		try {
+			const res = await fetch(".netlify/functions/order", {
+				method: "POST",
+				headers: {
+					"Content-Type": "application/json",
+				},
+				body: JSON.stringify(orderPayload),
+			});
+
+			console.log(res);
+
+			if (!res.ok) throw new Error("Order failed");
+
+			// unlock payment QR
+			qrWrapper.classList.remove("blurred");
+
+			console.log("Order created");
+		} catch (err) {
+			console.error(err);
+			alert("Unable to place order. Please try again.");
+		} finally {
+			orderBtn.classList.remove("loading");
+			orderBtn.disabled = false;
+		}
 	});
 });
diff --git a/cart.html b/cart.html
index d75e961..e50975f 100644
--- a/cart.html
+++ b/cart.html
@@ -160,6 +160,38 @@
 		<script src="assets/js/cart.js"></script>
 
 		<script>
+			const checkoutBtn = document.getElementById("btn-checkout");
+
+			if (checkoutBtn) {
+				checkoutBtn.addEventListener("click", async () => {
+					try {
+						checkoutBtn.classList.add("loading");
+						checkoutBtn.disabled = true;
+
+						console.log("/api/cart hit");
+
+						const cart = Cart.getCart();
+
+						const res = await fetch("/.netlify/functions/cart", {
+							method: "POST",
+							headers: {
+								"Content-Type": "application/json",
+							},
+							body: JSON.stringify(cart),
+						});
+
+						console.log(res);
+
+						window.location.href = "checkout.html";
+					} catch (err) {
+						console.error("Cart API failed", err);
+					} finally {
+						checkoutBtn.classList.remove("loading");
+						checkoutBtn.disabled = false;
+					}
+				});
+			}
+
 			function applyCoupon() {
 				const code = document
 					.getElementById("coupon-input")
diff --git a/netlify.toml b/netlify.toml
new file mode 100644
index 0000000..ac79524
--- /dev/null
+++ b/netlify.toml
@@ -0,0 +1,7 @@
+[build]
+ 	publish = "."
+  
+  functions = "netlify/functions"
+
+[functions]
+  node_bundler = "esbuild"
\ No newline at end of file
diff --git a/netlify/functions/cart.js b/netlify/functions/cart.js
new file mode 100644
index 0000000..d8c3ab1
--- /dev/null
+++ b/netlify/functions/cart.js
@@ -0,0 +1,28 @@
+export async function handler(event) {
+	console.log("cart called");
+	const API = process.env.API_BASE_URL;
+
+	try {
+		const res = await fetch(`${API}/cart`, {
+			method: "POST",
+			headers: {
+				"Content-Type": "application/json",
+			},
+			body: event.body,
+		});
+
+		console.log(res);
+
+		const data = await res.text();
+
+		return {
+			statusCode: res.status,
+			body: data,
+		};
+	} catch (err) {
+		return {
+			statusCode: 500,
+			body: JSON.stringify({ error: "Cart API failed" }),
+		};
+	}
+}
diff --git a/netlify/functions/order.js b/netlify/functions/order.js
new file mode 100644
index 0000000..0529781
--- /dev/null
+++ b/netlify/functions/order.js
@@ -0,0 +1,27 @@
+export async function handler(event) {
+	const API = process.env.API_BASE_URL;
+
+	try {
+		const res = await fetch(`${API}/order`, {
+			method: "POST",
+			headers: {
+				"Content-Type": "application/json",
+			},
+			body: event.body,
+		});
+
+		console.log(res);
+
+		const data = await res.text();
+
+		return {
+			statusCode: res.status,
+			body: data,
+		};
+	} catch (err) {
+		return {
+			statusCode: 500,
+			body: JSON.stringify({ error: "Order API failed" }),
+		};
+	}
+}