Update app.py

app.py

@@ -112,10 +112,35 @@ def filter_menu(preference):
 
     return html_content
 
-# Function to create the Modal window with Add-ons
+# Function to save cart details to Salesforce
+def save_cart_to_salesforce(cart):
+    try:
+        # Loop through each cart item and create a new Order__c record
+        for item in cart:
+            order_data = {
+                'Name2__c': item['name'],  # Custom name for the order (can be the item name or order ID)
+                'Item_Name__c': item['name'],  # Name of the item in the order
+                'Quantity__c': item['quantity'],  # Quantity of the item
+                'Price__c': item['price'],  # Price of the item
+                'Total_Cost__c': item['totalCost'],  # Total cost for the item
+                'Special_Instructions__c': item['instructions'],  # Special instructions (if any)
+            }
+
+            # Handle add-ons if available
+            if item['extras']:
+                add_ons = ", ".join([add_on['name'] for add_on in item['extras']])
+                order_data['Add_Ons__c'] = add_ons  # Add-ons associated with the item
+
+            # Create the order in Salesforce
+            sf.Order__c.create(order_data)
+        
+        return "Cart saved successfully to Salesforce!"
+    except Exception as e:
+        return f"Error while saving cart to Salesforce: {str(e)}"
+
+# Function to create the modal window with add-ons
 def create_modal_window():
     add_ons = load_add_ons_from_salesforce()
-
     add_ons_html = ""
     for add_on in add_ons:
         add_ons_html += f"""
@@ -145,7 +170,6 @@ def create_modal_window():
         <button style="background-color: #28a745; color: white; border: none; padding: 10px 20px; font-size: 14px; border-radius: 5px; cursor: pointer;" onclick="addToCart()">Add to Cart</button>
     </div>
     """
-    
     return modal_html
 
 # JavaScript for Modal and Cart
@@ -154,7 +178,6 @@ def modal_js():
     <script>
         let cart = [];
         let totalCartCost = 0;
-
         function openModal(name, image2, description, price) {
             const modal = document.getElementById('modal');
             modal.style.display = 'block';
@@ -169,13 +192,11 @@ def modal_js():
             document.getElementById('modal-price').innerText = price;
             document.getElementById('quantity').value = 1;
             document.getElementById('special-instructions').value = '';
-            loadAddOns();  // Dynamically load add-ons when opening the modal
+            resetAddOns();  // Reset add-ons when opening the modal
         }
-
         function closeModal() {
             document.getElementById('modal').style.display = 'none';
         }
-
         function addToCart() {
             const name = document.getElementById('modal-name').innerText;
             const price = parseFloat(document.getElementById('modal-price').innerText.replace('$', ''));
@@ -185,11 +206,10 @@ def modal_js():
             const extras = selectedAddOns.map(extra => ({
                 name: extra.value,
                 price: parseFloat(extra.getAttribute('data-price')),
-                quantity: 1  // Default quantity for add-ons is 1
+
             }));
             const extrasCost = extras.reduce((total, extra) => total + (extra.price * extra.quantity), 0);
             const totalCost = (price * quantity) + extrasCost;
-
             // Add the item to the cart with its specific add-ons
             cart.push({ name, price, quantity, extras, instructions, totalCost });
             totalCartCost += totalCost;  // Update the total cost of the cart
@@ -197,12 +217,10 @@ def modal_js():
             updateCartTotalCost();  // Update total cost displayed
             closeModal();
         }
-
         function updateCartButton() {
             const cartButton = document.getElementById('cart-button');
             cartButton.innerText = `View Cart (${cart.length} items)`;
         }
-
         function openCartModal() {
             const cartModal = document.getElementById('cart-modal');
             const cartItemsContainer = document.getElementById('cart-items');
@@ -222,11 +240,9 @@ def modal_js():
             });
             cartModal.style.display = 'block';
         }
-
         function closeCartModal() {
             document.getElementById('cart-modal').style.display = 'none';
         }
-
         function removeFromCart(index) {
             totalCartCost -= cart[index].totalCost;  // Deduct the cost of the removed item from total cost
             cart.splice(index, 1);
@@ -234,7 +250,6 @@ def modal_js():
             updateCartTotalCost();  // Update total cost displayed
             openCartModal();
         }
-
         function updateCartItem(index, type, value) {
             if (type === 'item') {
                 cart[index].quantity = parseInt(value);
@@ -248,59 +263,16 @@ def modal_js():
             document.getElementById(`item-${index}-total`).innerText = item.totalCost.toFixed(2);
             updateCartTotalCost();  // Update total cost displayed
         }
-
         function updateCartTotalCost() {
             const totalCostElement = document.getElementById('cart-total-cost');
             totalCartCost = cart.reduce((total, item) => total + item.totalCost, 0);
             totalCostElement.innerText = `Total Cart Cost: $${totalCartCost.toFixed(2)}`;
         }
-
         function proceedToCheckout() {
-            // Gather the cart details
-            const orderDetails = cart.map(item => {
-                return {
-                    itemName: item.name,
-                    itemPrice: item.price,
-                    quantity: item.quantity,
-                    totalCost: item.totalCost,
-                    specialInstructions: item.instructions,
-                    addOns: item.extras.map(extra => {
-                        return {
-                            addOnName: extra.name,
-                            addOnPrice: extra.price,
-                            addOnQuantity: extra.quantity
-                        };
-                    })
-                };
-            });
-
-            // Log the order details to the console (for debugging purposes)
-            console.log("Proceeding to checkout with the following order details:");
-            console.log(orderDetails);
-
-            // Example: Send the order details to your backend (Salesforce, server, etc.)
-            fetch("/api/submit_order", {
-                method: "POST",
-                headers: {
-                    "Content-Type": "application/json"
-                },
-                body: JSON.stringify(orderDetails)  // Sending order details as JSON
-            })
-            .then(response => response.json())
-            .then(data => {
-                alert("Order placed successfully!");
-                // Optionally, clear the cart after successful submission
-                cart = [];
-                updateCartButton();
-                updateCartTotalCost();  // Update the total cost of the cart
-                closeCartModal();
-            })
-            .catch(error => {
-                alert("There was an error processing your order. Please try again.");
-                console.error("Error:", error);
-            });
+            // Save the cart to Salesforce when the user checks out
+            save_cart_to_salesforce(cart);
+            alert("Proceeding to checkout...");
         }
-
         // Reset all selected add-ons when opening a new item modal
         function resetAddOns() {
             const checkboxes = document.querySelectorAll('input[name="biryani-extra"]');