Update app.py

app.py

@@ -64,6 +64,15 @@ def load_menu_from_salesforce():
     except Exception as e:
         return []
 
+# Function to load add-ons data
+def load_add_ons_from_salesforce():
+    try:
+        query = "SELECT Name, Price__c FROM Add_Ons__c"
+        result = sf.query(query)
+        return result['records']
+    except Exception as e:
+        return []
+
 # Function to filter menu items
 def filter_menu(preference):
     menu_data = load_menu_from_salesforce()
@@ -102,13 +111,46 @@ def filter_menu(preference):
 
     return html_content
 
-# JavaScript for Modal and Cart Functionality
+# Function to create modal window for cart and 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"""
+        <label>
+            <input type="checkbox" name="biryani-extra" value="{add_on['Name']}" data-price="{add_on['Price__c']}" />
+            {add_on['Name']} + ${add_on['Price__c']}
+        </label>
+        <br>
+        """
+
+    modal_html = f"""
+    <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_ons_html}
+        </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>
+    """
+    return modal_html
+
+# JavaScript for modal and cart functionality
 def modal_js():
     modal_script = """
     <script>
         let cart = [];
         let totalCartCost = 0;
-
         function openModal(name, image2, description, price) {
             const modal = document.getElementById('modal');
             modal.style.display = 'block';
@@ -124,29 +166,24 @@ def modal_js():
             document.getElementById('quantity').value = 1;
             document.getElementById('special-instructions').value = '';
         }
-
         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('$', ''));
             const quantity = parseInt(document.getElementById('quantity').value) || 1;
             const instructions = document.getElementById('special-instructions').value;
-            const extrasCost = 0;  // For simplicity, no extras are added here
-            const totalCost = price * quantity + extrasCost;
+            const totalCost = price * quantity;
             cart.push({ name, quantity, instructions, totalCost });
             totalCartCost += totalCost;
             updateCartButton();
             closeModal();
         }
-
         function updateCartButton() {
             const cartButton = document.getElementById('cart-button');
             cartButton.innerText = `View Cart (${cart.length} items)`;
         }
-
         function submitCart() {
             if (cart.length === 0) {
                 alert("Cart is empty. Please add items!");
@@ -193,14 +230,14 @@ with gr.Blocks() as app:
         with gr.Column():
             preference = gr.Radio(["All", "Veg", "Non-Veg"], label="Filter Preference", value="All")
             menu_output = gr.HTML()
-            submit_cart_button = gr.Button("Submit Cart")
-            cart_summary = gr.HTML(label="Cart Summary")
+            gr.HTML(create_modal_window())
+            gr.HTML(modal_js())
+            gr.HTML("<div id='cart-summary'></div>")
 
     # Navigation and Functionality
     login_button.click(
         lambda email, password: (gr.update(visible=False), gr.update(visible=True), filter_menu("All"), "Login successful!")
-        if login(email, password)[0] == "Login successful!"
-        else (gr.update(), gr.update(), "Invalid email or password."),
+        if login(email, password)[0] == "Login successful!" else (gr.update(), gr.update(), login(email, password)[0]),
         [login_email, login_password],
         [login_page, menu_page, menu_output, login_output]
     )
@@ -223,10 +260,4 @@ with gr.Blocks() as app:
         [login_page, signup_page]
     )
 
-    submit_cart_button.click(
-        lambda: "Order submitted successfully!",
-        [],
-        [cart_summary]
-    )
-
 app.launch()