Update app.py

app.py

@@ -109,42 +109,25 @@ def modal_js():
     <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';
+            modal.style.display = 'block'; // Make the modal visible
             modal.style.position = 'fixed';
             modal.style.width = window.innerWidth <= 768 ? '90%' : '30%';
-            modal.style.top = `${event.clientY}px`;
+            modal.style.top = '50%';
             modal.style.left = '50%';
             modal.style.transform = 'translate(-50%, -50%)';
-            document.getElementById('modal-image').src = image2;
+            document.getElementById('modal-image').src = image2 || ''; // Set image or leave empty
             document.getElementById('modal-name').innerText = name;
             document.getElementById('modal-description').innerText = description;
             document.getElementById('modal-price').innerText = price;
-            document.getElementById('quantity').value = 1;
-            document.getElementById('special-instructions').value = '';
+            document.getElementById('quantity').value = 1; // Reset quantity
+            document.getElementById('special-instructions').value = ''; // Reset special instructions
         }
 
         function closeModal() {
-            document.getElementById('modal').style.display = 'none';
+            const modal = document.getElementById('modal');
+            modal.style.display = 'none'; // Hide the modal
         }
 
         function addToCart() {
@@ -185,17 +168,18 @@ def modal_js():
                     </div>
                 `;
             });
-            cartModal.style.display = 'block';
+            cartModal.style.display = 'block'; // Make the cart modal visible
         }
 
         function closeCartModal() {
-            document.getElementById('cart-modal').style.display = 'none';
+            const cartModal = document.getElementById('cart-modal');
+            cartModal.style.display = 'none'; // Hide the cart modal
         }
 
         function removeFromCart(index) {
             cart.splice(index, 1);
             updateCartButton();
-            openCartModal();
+            openCartModal(); // Refresh the cart modal
         }
 
         function proceedToCheckout() {