- Implemented the full Fat Bottom Grille storefront and staff dashboard.

Highlights include configurable menus, specials, cart/checkout, taxes, customer accounts with email 2FA, newsletters, analytics, refunds, PDF/CSV exports, Square/Mailgun adapters, and optional MySQL migration. See README.md for setup and production configuration. Verified PHP/JavaScript syntax, responsive layouts, registration, 2FA, checkout, dashboard workflows, settings persistence, and PDF generation. Real Square, Mailgun, and MySQL connections require credentials/server access. Square implementation follows the official Payments API and Refunds API.
2026-06-10 13:27:42 -04:00
parent d46b0be488
commit 16235369cb
49 changed files with 7685 additions and 2 deletions
@@ -0,0 +1,85 @@
+(() => {
+    const navToggle = document.querySelector(".nav-toggle");
+    const nav = document.querySelector(".site-nav");
+    if (navToggle && nav) {
+        navToggle.addEventListener("click", () => {
+            const open = nav.classList.toggle("is-open");
+            navToggle.setAttribute("aria-expanded", String(open));
+        });
+    }
+
+    document.querySelectorAll(".flash-close").forEach((button) => {
+        button.addEventListener("click", () => button.closest(".flash")?.remove());
+    });
+
+    window.setTimeout(() => {
+        document.querySelectorAll(".flash").forEach((flash) => {
+            flash.style.opacity = "0";
+            window.setTimeout(() => flash.remove(), 220);
+        });
+    }, 7000);
+
+    document.querySelectorAll("[data-confirm]").forEach((element) => {
+        element.addEventListener("click", (event) => {
+            if (!window.confirm(element.dataset.confirm || "Continue?")) {
+                event.preventDefault();
+            }
+        });
+    });
+
+    const checkoutForm = document.querySelector("#checkout-form");
+    if (!checkoutForm || checkoutForm.dataset.squareEnabled !== "true") {
+        return;
+    }
+
+    const appId = checkoutForm.dataset.squareAppId;
+    const locationId = checkoutForm.dataset.squareLocationId;
+    const submit = document.querySelector("#checkout-submit");
+    const errors = document.querySelector("#card-errors");
+    let card;
+
+    const initializeSquare = async () => {
+        if (!window.Square || !appId || !locationId) {
+            return;
+        }
+        try {
+            const payments = window.Square.payments(appId, locationId);
+            card = await payments.card();
+            await card.attach("#card-container");
+        } catch (error) {
+            if (errors) {
+                errors.textContent = "Payment form could not be loaded. Please refresh and try again.";
+            }
+            if (submit) {
+                submit.disabled = true;
+            }
+        }
+    };
+
+    checkoutForm.addEventListener("submit", async (event) => {
+        if (!card || checkoutForm.dataset.tokenized === "true") {
+            return;
+        }
+        event.preventDefault();
+        submit.disabled = true;
+        submit.textContent = "Securing Payment...";
+        errors.textContent = "";
+
+        try {
+            const result = await card.tokenize();
+            if (result.status !== "OK") {
+                throw new Error(result.errors?.[0]?.message || "Card details could not be verified.");
+            }
+            document.querySelector("#square-token").value = result.token;
+            checkoutForm.dataset.tokenized = "true";
+            checkoutForm.submit();
+        } catch (error) {
+            errors.textContent = error.message || "Payment could not be processed.";
+            submit.disabled = false;
+            submit.textContent = "Try Payment Again";
+        }
+    });
+
+    initializeSquare();
+})();
+