Update app.py

app.py

@@ -64,15 +64,6 @@ 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()
@@ -112,45 +103,30 @@ def filter_menu(preference):
 
     return html_content
 
-# Create Modal Window HTML
-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>
-        """
-
-    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
 def modal_js():
     modal_script = """
     <script>
         let cart = [];
 
+        // Dynamically create and append the sticky cart button
+        document.addEventListener("DOMContentLoaded", function () {
+            const cartButton = document.createElement("div");
+            cartButton.id = "cart-button";
+            cartButton.style.position = "fixed";
+            cartButton.style.bottom = "20px";
+            cartButton.style.right = "20px";
+            cartButton.style.background = "#28a745";
+            cartButton.style.color = "white";
+            cartButton.style.padding = "10px 20px";
+            cartButton.style.borderRadius = "30px";
+            cartButton.style.cursor = "pointer";
+            cartButton.style.zIndex = "1000";
+            cartButton.textContent = "View Cart (0 items)";
+            cartButton.addEventListener("click", openCartModal);
+            document.body.appendChild(cartButton);
+        });
+
         function openModal(name, image2, description, price) {
             const modal = document.getElementById('modal');
             modal.style.display = 'block';
@@ -189,7 +165,7 @@ def modal_js():
 
         function updateCartButton() {
             const cartButton = document.getElementById('cart-button');
-            cartButton.innerText = `View Cart (${cart.length} items)`;
+            cartButton.textContent = `View Cart (${cart.length} items)`;
         }
 
         function openCartModal() {
@@ -242,23 +218,11 @@ with gr.Blocks() as app:
             signup_button = gr.Button("Go to Signup")
             login_output = gr.Textbox(label="Status")
 
-    with gr.Row(visible=False) as signup_page:
-        with gr.Column():
-            signup_name = gr.Textbox(label="Name")
-            signup_email = gr.Textbox(label="Email")
-            signup_phone = gr.Textbox(label="Phone")
-            signup_password = gr.Textbox(label="Password", type="password")
-            submit_signup = gr.Button("Signup")
-            login_redirect = gr.Button("Go to Login")
-            signup_output = gr.Textbox(label="Status")
-
     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; bottom: 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><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())
 
     login_button.click(