Update templates/order_history.html

templates/order_history.html

@@ -100,7 +100,7 @@
         id="{{ item_parts[0].strip() }}" 
         data-price="{{ item_parts[3].strip().replace('Price:', '') }}" 
         data-image="{{ item_parts[4].strip().replace('Image:', '') }}" 
-        data-category="Main Course"  <!-- Example category --> >
+        data-category="Main Course"  <!-- Example category --> 
     Reorder
 </button>
 
@@ -120,52 +120,52 @@
 
     <script>
         function addToCart(itemName) {
-            // Get the price, image, category, and section from the button's data- attributes
-            const button = document.getElementById(itemName);  // Get the button element
-            const itemPrice = button.dataset.price;            // Get price from data-price attribute
-            const itemImage = button.dataset.image;            // Get image from data-image attribute
-            const category = button.dataset.category;          // Get category from data-category attribute
-            const section = button.dataset.section;            // Get section from data-section attribute
-        
-            if (!itemPrice || !itemImage || !itemName || !category || !section) {
-                alert('Missing required item data.');
-                return;
-            }
-        
-            // Ensure the price is explicitly treated as a string
-            const itemPriceStr = String(itemPrice);  // Convert price to string
-        
-            // Create a JSON object to send to the server
-            const dataToSend = {
-                itemName: itemName,        // Item name to be reordered
-                itemPrice: itemPriceStr,   // Price as a string
-                itemImage: itemImage,      // Image URL of the item
-                addons: [],                // List of add-ons (empty for now)
-                instructions: "",         // Instructions for the item (empty for now)
-                category: category,        // Category of the item
-                section: section           // Section of the item
-            };
-        
-            // Send the data to the server via a POST request
-            fetch('/cart/add', {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                },
-                body: JSON.stringify(dataToSend),
-            })
-            .then(response => response.json())
-            .then(data => {
-                if (data.success) {
-                    alert('Item added to cart successfully!');
-                } else {
-                    alert('Error: ' + data.error);
-                }
-            })
-            .catch(error => {
-                alert('An error occurred: ' + error);
-            });
+    const button = document.getElementById(itemName);  // Get the button element by its ID
+    const itemPrice = button.dataset.price;            // Get price from data-price attribute
+    const itemImage = button.dataset.image;            // Get image URL from data-image attribute
+    const category = button.dataset.category;          // Get category from data-category attribute
+    const section = button.dataset.section;            // Get section from data-section attribute
+
+    if (!itemPrice || !itemImage || !itemName || !category || !section) {
+        alert('Missing required item data.');
+        return;
+    }
+
+    // Ensure the price is explicitly treated as a string
+    const itemPriceStr = String(itemPrice);  // Explicitly convert to string
+
+    // Create a JSON object to send to the server
+    const dataToSend = {
+        itemName: itemName,        // Item name to be reordered
+        itemPrice: itemPriceStr,   // Price as a string
+        itemImage: itemImage,      // Image URL of the item
+        addons: [],                // List of add-ons (empty for now)
+        instructions: "",         // Instructions for the item (empty for now)
+        category: category,        // Category of the item
+        section: section           // Section of the item
+    };
+
+    // Send the data to the server via a POST request
+    fetch('/cart/add', {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json',
+        },
+        body: JSON.stringify(dataToSend),
+    })
+    .then(response => response.json())
+    .then(data => {
+        if (data.success) {
+            alert('Item added to cart successfully!');
+        } else {
+            alert('Error: ' + data.error);
         }
+    })
+    .catch(error => {
+        alert('An error occurred: ' + error);
+    });
+}
+
     </script>
 
 </body>