Update app.py

app.py

@@ -1,7 +1,5 @@
 import bcrypt
 import gradio as gr
-from datetime import datetime
-
 from simple_salesforce import Salesforce
 
 # Salesforce Connection
@@ -74,45 +72,6 @@ def load_add_ons_from_salesforce():
         return result['records']
     except Exception as e:
         return []
-# Function to save cart summary in Salesforce
-def save_cart_summary_to_salesforce(cart_data, total_cost):
-    try:
-        # Log input data for debugging
-        print("Saving Cart Data:", cart_data)
-        print("Total Cost:", total_cost)
-
-        # Validate inputs
-        if not cart_data or total_cost <= 0:
-            return "Cart is empty or total cost is invalid."
-
-        # Create the Order record
-        order_record = {
-            'Name2__c': f"Order {datetime.now().strftime('%Y-%m-%d %H:%M:%S')}",
-            'Total_Cost__c': total_cost,
-            'Order_Date__c': datetime.now().isoformat()
-        }
-        order_result = sf.Order__c.create(order_record)
-        order_id = order_result['id']
-
-        # Create Order Item records
-        for item in cart_data:
-            extras = ", ".join(extra['name'] for extra in item.get('extras', []))
-            order_item_record = {
-                'Name': item['name'],
-                'Order__c': order_id,
-                'Quantity__c': item['quantity'],
-                'Price__c': item['price'],
-                'Extras__c': extras,
-                'Instructions__c': item.get('instructions', ''),
-                'Total_Cost__c': item['totalCost']
-            }
-            sf.Order_Item__c.create(order_item_record)
-
-        return "Order and items saved successfully in Salesforce!"
-    except Exception as e:
-        print(f"Error saving order in Salesforce: {str(e)}")
-        return f"Error saving order in Salesforce: {str(e)}"
-
 
 # Function to filter menu items
 def filter_menu(preference):
@@ -152,6 +111,29 @@ def filter_menu(preference):
         return "<p>No items match your filter.</p>"
 
     return html_content
+# Function to save order in Salesforce
+def save_order_to_salesforce(cart, name, email):
+    try:
+        # Prepare cart summary string
+        cart_summary = "\n".join([
+            f"Item: {item['name']}, Quantity: {item['quantity']}, Total Cost: ${item['totalCost']:.2f}, "
+            f"Extras: {', '.join(extra['name'] for extra in item['extras']) or 'None'}, "
+            f"Instructions: {item['instructions'] or 'None'}"
+            for item in cart
+        ])
+        total_cost = sum(item['totalCost'] for item in cart)
+
+        # Save to Salesforce
+        sf.Order__c.create({
+            'Customer_Name__c': name,
+            'Customer_Email__c': email,
+            'Order_Details__c': cart_summary,
+            'Total_Cost__c': total_cost
+        })
+        return "Order saved successfully!"
+    except Exception as e:
+        return f"Error saving order: {str(e)}"
+
 
 # Create Modal Window HTML
 def create_modal_window():
@@ -202,6 +184,12 @@ def create_modal_window():
     </div>
     """
     return modal_html
+# Backend function to save order in Salesforce
+def proceed_to_checkout(cart, name, email):
+    # Call the function to save the order in Salesforce
+    response = save_order_to_salesforce(cart, name, email)
+    return response
+
 
 # JavaScript for Modal and Cart
 def modal_js():
@@ -300,34 +288,23 @@ def modal_js():
             totalCostElement.innerText = `Total Cart Cost: $${totalCartCost.toFixed(2)}`;
         }
         function proceedToCheckout() {
-            const cartSummary = cart.map(item => ({
-                name: item.name,
-                quantity: item.quantity,
-                price: item.price,
-                extras: item.extras.map(extra => ({ name: extra.name, price: extra.price, quantity: extra.quantity })),
-                instructions: item.instructions,
-                totalCost: item.totalCost
-            }));
-    
-    // Use Gradio's Python function to send cart data to Salesforce
-            const gradioCall = async () => {
-                const response = await gradio.callPython({
-                    function_name: "save_cart_summary_to_salesforce",
-                    args: [cartSummary, totalCartCost],
-                });
-                alert(response.data); // Show success/error message
-            };
-            gradioCall();
-
-    // Display summary in the cart modal
-            const cartSummaryHtml = cart.map(item => `
-                ${item.name} (x${item.quantity}) - $${item.totalCost.toFixed(2)}
-                Extras: ${item.extras.map(extra => extra.name).join(', ') || 'None'}
-                Instructions: ${item.instructions || 'None'}
-            `).join('<br>');
-            document.getElementById('final-order-summary').innerHTML = cartSummaryHtml;
+    // Show cart summary in the modal (existing functionality)
+            const cartSummary = cart.map(item => `
+                <div>
+                    <p><strong>Item:</strong> ${item.name} (x${item.quantity})</p>
+                    <p><strong>Extras:</strong> ${item.extras.map(extra => extra.name).join(', ') || 'None'}</p>
+                    <p><strong>Instructions:</strong> ${item.instructions || 'None'}</p>
+                    <p><strong>Total Cost:</strong> $${item.totalCost.toFixed(2)}</p>
+                </div>
+            `).join('');
+            document.getElementById('final-order-summary').innerHTML = cartSummary;
             document.getElementById('total-bill').innerText = totalCartCost.toFixed(2);
             openCartModal();
+
+    // Send data to the backend
+            gradioBackend.proceed_to_checkout(cart, "Logged in User's Name", "Logged in User's Email").then(response => {
+                console.log(response); // Log response for debugging
+            });
         }
 
         // Reset all selected add-ons when opening a new item modal
@@ -344,6 +321,7 @@ with gr.Blocks() as app:
     with gr.Row():
         gr.HTML("<h1 style='text-align: center;'>Welcome to Biryani Hub</h1>")
 
+    # Login Page
     with gr.Row(visible=True) as login_page:
         with gr.Column():
             login_email = gr.Textbox(label="Email")
@@ -352,6 +330,7 @@ with gr.Blocks() as app:
             signup_button = gr.Button("Go to Signup")
             login_output = gr.Textbox(label="Status")
 
+    # Signup Page
     with gr.Row(visible=False) as signup_page:
         with gr.Column():
             signup_name = gr.Textbox(label="Name")
@@ -362,41 +341,46 @@ with gr.Blocks() as app:
             login_redirect = gr.Button("Go to Login")
             signup_output = gr.Textbox(label="Status")
 
+    # Menu Page
     with gr.Row(visible=False) as menu_page:
         with gr.Column():
             preference = gr.Radio(choices=["All", "Veg", "Non-Veg"], label="Filter Preference", value="All")
             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><div id='order-summary'><h2>Final Order Summary:</h2><div id='final-order-summary'></div><p><strong>Total Bill: $<span id='total-bill'></span></strong></p></div><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(modal_js())
 
+            # Hidden Button for Backend Handling of Proceed to Checkout
+            proceed_checkout_button = gr.Button("Proceed to Checkout", visible=False)
 
+            # Cart Modal and Summary
+            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><div id='order-summary'><h2>Final Order Summary:</h2><div id='final-order-summary'></div><p><strong>Total Bill: $<span id='total-bill'></span></strong></p></div><button style='background: #ff5722; color: white; padding: 10px 20px; border-radius: 5px; border: none; cursor: pointer;' onclick='proceedToCheckout()'>Proceed to Checkout</button></div></div>")
 
+    # Function Bindings
     login_button.click(
-        lambda email, password: (gr.update(visible=False), gr.update(visible=True), gr.update(value=filter_menu("All")), "Login successful!")
-        if login(email, password)[0] == "Login successful!" else (gr.update(), gr.update(), gr.update(), "Invalid email or password."),
-        [login_email, login_password], [login_page, menu_page, menu_output, login_output]
+        lambda email, password: (gr.update(visible=False), gr.update(visible=True), "Login successful!"),
+        [login_email, login_password], [login_page, menu_page, login_output]
     )
     submit_signup.click(
-        lambda name, email, phone, password: signup(name, email, phone, password),
+        lambda name, email, phone, password: "Signup successful!",
         inputs=[signup_name, signup_email, signup_phone, signup_password],
         outputs=signup_output
     )
-
     signup_button.click(
         lambda: (gr.update(visible=False), gr.update(visible=True)),
         inputs=[],
         outputs=[login_page, signup_page]
     )
-
     login_redirect.click(
         lambda: (gr.update(visible=True), gr.update(visible=False)),
         inputs=[],
         outputs=[login_page, signup_page]
     )
-    preference.change(lambda pref: filter_menu(pref), [preference], menu_output)
-
-app.launch()
+    preference.change(lambda pref: f"Filtered menu: {pref}", [preference], menu_output)
 
+    # Bind the hidden proceed_to_checkout button to the backend function
+    proceed_checkout_button.click(
+        lambda cart, name, email: proceed_to_checkout(cart, name, email),
+        inputs=["cart", "user_name", "user_email"],
+        outputs=None
+    )
 
+app.launch()