Update app.py

app.py

@@ -58,14 +58,25 @@ def update_cart():
         return "Your cart is empty."
 
     total_bill = 0
-    cart_html = "<h3>Your Cart:</h3><ul>"
+    cart_html = "<h3>Your Cart:</h3><table style='border: 1px solid black; border-collapse: collapse; width: 100%;'>"
+    cart_html += "<tr><th style='border: 1px solid black; padding: 8px;'>Selected Item</th><th style='border: 1px solid black; padding: 8px;'>Actual Price</th><th style='border: 1px solid black; padding: 8px;'>Quantity x Price</th><th style='border: 1px solid black; padding: 8px;'>Spice Level</th><th style='border: 1px solid black; padding: 8px;'>Extras</th><th style='border: 1px solid black; padding: 8px;'>Instructions</th></tr>"
+    
     for item in cart_items:
         extras = ", ".join(item.get("extras", []))
         extras_cost = sum(EXTRAS_PRICES.get(extra, 0) for extra in item.get("extras", []))
         item_total = (float(item['price'].strip('$')) + extras_cost) * item['quantity']
         total_bill += item_total
-        cart_html += f"<li>{item['name']} (x{item['quantity']}, Spice: {item['spiceLevel']}, Extras: {extras}, Instructions: {item['instructions']}) - ${item_total:.2f}</li>"
-    cart_html += f"</ul><p><strong>Total Bill: ${total_bill:.2f}</strong></p>"
+        cart_html += f"<tr>"
+        cart_html += f"<td style='border: 1px solid black; padding: 8px;'>{item['name']}</td>"
+        cart_html += f"<td style='border: 1px solid black; padding: 8px;'>${float(item['price'].strip('$')):.2f}</td>"
+        cart_html += f"<td style='border: 1px solid black; padding: 8px;'>${item_total:.2f}</td>"
+        cart_html += f"<td style='border: 1px solid black; padding: 8px;'>{item['spiceLevel']}</td>"
+        cart_html += f"<td style='border: 1px solid black; padding: 8px;'>{extras}</td>"
+        cart_html += f"<td style='border: 1px solid black; padding: 8px;'>{item['instructions']}</td>"
+        cart_html += f"</tr>"
+
+    cart_html += "</table>"
+    cart_html += f"<p><strong>Total Bill: ${total_bill:.2f}</strong></p>"
     return cart_html
 
 # Gradio app definition