Update app.py

app.py

@@ -84,6 +84,7 @@ menu_data = [
 
 
 
+# Spice levels and extras
 spice_levels = ["American Mild", "American Medium", "American Spicy", 
                 "Indian Mild", "Indian Medium", "Indian Spicy", "Indian Very Spicy"]
 extras = [
@@ -177,20 +178,6 @@ with gr.Blocks() as demo:
                 document.getElementById('popup-description').textContent = description;
                 document.getElementById('popup-price').textContent = "Price: " + price;
 
-                // Keep current state
-                selectedSpice = document.querySelector('input[name=spice]:checked')?.value || null;
-                selectedExtras = Array.from(document.querySelectorAll('input[name=extras]:checked')).map(input => input.value);
-
-                // Re-select checkboxes and radio buttons
-                if (selectedSpice) {
-                    document.querySelector(`input[name=spice][value="${selectedSpice}"]`).checked = true;
-                }
-                document.querySelectorAll('input[name=extras]').forEach(input => {
-                    if (selectedExtras.includes(input.value)) {
-                        input.checked = true;
-                    }
-                });
-
                 document.getElementById('popup').style.display = 'block';
             }
 
@@ -199,9 +186,9 @@ with gr.Blocks() as demo:
             }
 
             function addToCart() {
-                selectedSpice = document.querySelector('input[name=spice]:checked')?.value || "No spice selected";
-                selectedExtras = Array.from(document.querySelectorAll('input[name=extras]:checked')).map(input => input.value);
-                alert(`Dish added with spice: ${selectedSpice} and extras: ${selectedExtras.join(", ")}`);
+                const spice = document.querySelector('input[name=spice]:checked')?.value || "No spice selected";
+                const extras = Array.from(document.querySelectorAll('input[name=extras]:checked')).map(input => input.value);
+                alert(`Added with spice level: ${spice}, and extras: ${extras.join(", ")}`);
                 closePopup();
             }
         </script>