script3.js

import { initializeApp } from "https://www.gstatic.com/firebasejs/11.4.0/firebase-app.js";
import { getDatabase, ref, push } from "https://www.gstatic.com/firebasejs/11.4.0/firebase-database.js";
import { getAnalytics } from "https://www.gstatic.com/firebasejs/11.4.0/firebase-analytics.js";

// Firebase configuration
const firebaseConfig = {
    apiKey: "AIzaSyCLYUrTFYHdHHvgl6A7YHUYgd_KeiMtXlQ",
    authDomain: "udaya-ff6f8.firebaseapp.com",
    databaseURL: "https://udaya-ff6f8-default-rtdb.firebaseio.com",
    projectId: "udaya-ff6f8",
    storageBucket: "udaya-ff6f8.appspot.com",
    messagingSenderId: "626537740000",
    appId: "1:626537740000:web:872021541143a61f8a4285",
    measurementId: "G-7C3GFE8H8S"
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);
const database = getDatabase(app);
const analytics = getAnalytics(app);

// Wait for the DOM to load before attaching event listener
document.addEventListener("DOMContentLoaded", function () {
    const form = document.getElementById("details-form");
    if (form) {
        form.addEventListener("submit", submitForm);
    } else {
        console.error("Form not found!");
    }
});

// Submit Form Function
async function submitForm(e) {
    e.preventDefault();

    // Get values
    var name = getElementVal("name");
    var emailid = getElementVal("email");
    var mobile = getElementVal("mobile");
    var price = document.getElementById("totalPrice").innerText;
    var address = getElementVal("address");
    var msgContent = "Order placed successfully!";

    console.log("Submitting: ", { name, emailid, mobile, price, address, msgContent });

    try {
        // Save data to Firebase
        await saveMessages(name, emailid, mobile, price, address, msgContent);
        
        // Show success alert
        alert("Your order is successful! 🎉");

        // Reset form & show animation
        document.getElementById("details-form").reset();
        showCelebration();
    } catch (error) {
        console.error("Error saving data:", error);
        alert("Failed to place order. Please try again.");
    }
}

// Save Messages to Firebase
function saveMessages(name, emailid, mobile, price, address, msgContent) {
    return push(ref(database, "details"), {
        name: name,
        emailid: emailid,
        mobile: mobile,
        price: price,
        address: address,
        msgContent: msgContent,
    });
}

// Helper Function to Get Input Value
const getElementVal = (id) => document.getElementById(id)?.value || "";

function showCelebration() {
    document.getElementById("celebration").style.display = "block";
}