Update app.py

app.py

@@ -112,44 +112,21 @@ def filter_menu(preference):
 
     return html_content
 
-# Function to create order in Salesforce
-def create_order_in_salesforce(cart, customer_email):
-    try:
-        # Fetch customer details
-        query = f"SELECT Id, Name, Email__c FROM Customer_Login__c WHERE Email__c = '{customer_email}'"
-        result = sf.query(query)
-        
-        if len(result['records']) == 0:
-            return "Customer not found."
-
-        customer = result['records'][0]
-        customer_id = customer['Id']
-        customer_name = customer['Name']
-        
-        # Create Order record
-        order = sf.Order.create({
-            'AccountId': customer_id,  # Assuming Account is linked to Customer
-            'Status': 'Draft',  # You can set this as per your requirement
-            'OrderNumber': 'Auto-generated',  # Use your custom logic if required
-            'Name': f"Order for {customer_name}",
-            'Customer_Email__c': customer_email  # Assuming a custom field for email in Order
-        })
-        
-        # Create Order Items for each cart item
-        for item in cart:
-            sf.OrderItem.create({
-                'OrderId': order['id'],
-                'Product2Id': item['product_id'],  # Assuming you have Product2 Id for each item
-                'Quantity': item['quantity'],
-                'UnitPrice': item['price'],
-                'TotalPrice': item['totalCost'],
-                'Special_Instructions__c': item['instructions'],
-            })
-
-        return "Order successfully placed and saved to Salesforce."
-    
-    except Exception as e:
-        return f"Error during order creation: {str(e)}"
+# Function to handle the cart operations and add to cart
+def add_to_cart(item_name, item_price, item_quantity, add_ons, special_instructions):
+    cart = []
+    total_cart_cost = 0
+    total_cost = item_price * item_quantity
+    cart.append({
+        "name": item_name,
+        "price": item_price,
+        "quantity": item_quantity,
+        "add_ons": add_ons,
+        "instructions": special_instructions,
+        "total_cost": total_cost
+    })
+    total_cart_cost += total_cost
+    return cart, total_cart_cost
 
 # JavaScript for Modal and Cart
 def modal_js():
@@ -200,39 +177,18 @@ def modal_js():
             const cartButton = document.getElementById('cart-button');
             cartButton.innerText = `View Cart (${cart.length} items)`;
         }
+        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() {
-            // Collect cart details
-            const cartData = cart.map(item => ({
-                product_id: item.product_id,  // Assuming you have a product_id field
-                name: item.name,
-                quantity: item.quantity,
-                price: item.price,
-                totalCost: item.totalCost,
-                instructions: item.instructions
-            }));
-
-            const email = 'user@example.com';  // Replace with dynamic email
-
-            fetch('/create_order', {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                },
-                body: JSON.stringify({
-                    cart: cartData,
-                    email: email
-                })
-            })
-            .then(response => response.json())
-            .then(data => {
-                alert(data.message);
-                if (data.success) {
-                    // Optionally redirect to a confirmation page or clear cart
-                }
-            })
-            .catch(error => {
-                alert("Error during checkout: " + error);
-            });
+            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"]');
+            checkboxes.forEach(checkbox => checkbox.checked = false);  // Uncheck all add-ons
         }
     </script>
     """
@@ -267,7 +223,25 @@ with gr.Blocks() as app:
             menu_output = gr.HTML()
             gr.HTML("<div id='cart-button' style='position: fixed; top: 20px; right: 20px; background: #28a745; color: white; padding: 10px 20px; border-radius: 30px; cursor: pointer; z-index: 1000;' onclick='openCartModal()'>View Cart</div>")
             gr.HTML("<div id='cart-modal' style='display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: white; z-index: 1000; overflow-y: auto;'><div style='padding: 20px;'><div style='text-align: right;'><button onclick='closeCartModal()' style='background: none; border: none; font-size: 24px; cursor: pointer;'>&times;</button></div><h1>Your Cart</h1><div id='cart-items'></div><p id='cart-total-cost' style='font-size: 1.2em; font-weight: bold;'>Total Cart Cost: $0.00</p><button style='background: #ff5722; color: white; padding: 10px 20px; border-radius: 5px; border: none; cursor: pointer;' onclick='proceedToCheckout()'>Proceed to Checkout</button></div></div>")
-            gr.HTML(create_modal_window())
+            gr.HTML("""
+                <div id="modal" style="display: none; position: fixed; background: white; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); padding: 20px; z-index: 1000;">
+                    <div style="text-align: right;">
+                        <button onclick="closeModal()" style="background: none; border: none; font-size: 18px; cursor: pointer;">&times;</button>
+                    </div>
+                    <img id="modal-image" style="width: 100%; height: 300px; border-radius: 8px; margin-bottom: 20px;" />
+                    <h2 id="modal-name"></h2>
+                    <p id="modal-description"></p>
+                    <p id="modal-price"></p>
+                    <label for="biryani-extras"><strong>Add-ons :</strong></label>
+                    <div id="biryani-extras-options" style="display: flex; flex-wrap: wrap; gap: 10px; margin: 10px 0;">
+                        <!-- Add-on options will be populated here -->
+                    </div>
+                    <label for="quantity">Quantity:</label>
+                    <input type="number" id="quantity" value="1" min="1" style="width: 50px;" />
+                    <textarea id="special-instructions" placeholder="Add your special instructions here..." style="width: 100%; height: 60px;"></textarea>
+                    <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>
+            """)
             gr.HTML(modal_js())
 
     login_button.click(