Update app.py

app.py

@@ -67,21 +67,42 @@ def app():
     <h2 id="modal-name"></h2>
     <p id="modal-description"></p>
     <p id="modal-price"></p>
-    <label for="spice-level">Choose Spice Level:</label>
-    <select id="spice-level">
-        <option value="Mild">Mild</option>
-        <option value="Medium">Medium</option>
-        <option value="Spicy">Spicy</option>
-    </select>
-    <br><br>
+
+    <!-- Spice Levels -->
+    <label for="spice-level">Choose a Spice Level (Required):</label>
+    <div id="spice-level-options" style="display: flex; flex-wrap: wrap; gap: 10px; margin: 10px 0;">
+        <label><input type="radio" name="spice-level" value="American Mild" required /> American Mild</label>
+        <label><input type="radio" name="spice-level" value="American Medium" required /> American Medium</label>
+        <label><input type="radio" name="spice-level" value="American Spicy" required /> American Spicy</label>
+        <label><input type="radio" name="spice-level" value="Indian Mild" required /> Indian Mild</label>
+        <label><input type="radio" name="spice-level" value="Indian Medium" required /> Indian Medium</label>
+        <label><input type="radio" name="spice-level" value="Indian Very Spicy" required /> Indian Very Spicy</label>
+    </div>
+
+    <!-- Biryani Extras -->
+    <label for="biryani-extras">Biryani Extras (Optional - Choose as many as you like):</label>
+    <div id="biryani-extras-options" style="display: flex; flex-wrap: wrap; gap: 10px; margin: 10px 0;">
+        <label><input type="checkbox" name="biryani-extra" value="Extra Raitha 4oz" /> Extra Raitha 4oz + $1.00</label>
+        <label><input type="checkbox" name="biryani-extra" value="Extra Raitha 8oz" /> Extra Raitha 8oz + $2.00</label>
+        <label><input type="checkbox" name="biryani-extra" value="Extra Salan 4oz" /> Extra Salan 4oz + $1.00</label>
+        <label><input type="checkbox" name="biryani-extra" value="Extra Salan 8oz" /> Extra Salan 8oz + $2.00</label>
+        <label><input type="checkbox" name="biryani-extra" value="Extra Onion" /> Extra Onion + $1.00</label>
+        <label><input type="checkbox" name="biryani-extra" value="Extra Onion & Lemon" /> Extra Onion & Lemon + $2.00</label>
+        <label><input type="checkbox" name="biryani-extra" value="Extra Fried Onion" /> Extra Fried Onion 4oz + $2.00</label>
+    </div>
+
+    <!-- Quantity and Special Instructions -->
     <label for="quantity">Quantity:</label>
     <input type="number" id="quantity" value="1" min="1" style="width: 50px;" />
     <br><br>
     <textarea id="special-instructions" placeholder="Add special instructions here..." style="width: 100%; height: 60px;"></textarea>
     <br><br>
+
+    <!-- Add to Cart Button -->
     <button style="background-color: #28a745; color: white; border: none; padding: 10px 20px; font-size: 14px; border-radius: 5px; cursor: pointer;">Add to Cart</button>
 </div>
 
+
         <script>
             function openModal(name, image, description, price) {
                 document.getElementById('modal').style.display = 'block';