Update templates/order_history.html

templates/order_history.html

@@ -114,39 +114,54 @@
 
     <script>
         function addToCart(itemName) {
-    // Get the price from the button's data-price attribute
-    const itemPrice = document.getElementById(itemName).dataset.price;
-
-    if (!itemPrice) {
-        alert('Price is missing for the item');
-        return;
-    }
-
-    // Ensure the price is treated as a string
-    const itemPriceStr = String(itemPrice);  // Explicitly convert to string
-
-    fetch('/cart/add', {
-        method: 'POST',
-        headers: {
-            'Content-Type': 'application/json',
-        },
-        body: JSON.stringify({
-            itemName: itemName,  // Item name to be reordered
-            itemPrice: itemPriceStr,  // Pass the price as a string
-        }),
-    })
-    .then(response => response.json())
-    .then(data => {
-        if (data.success) {
-            alert('Item added to cart successfully!');
-        } else {
-            alert('Error: ' + data.error);
+            // Get the price from the button's data-price attribute
+            const itemPrice = document.getElementById(itemName).dataset.price;
+            const itemImage = document.getElementById(itemName).dataset.image;  // Get image URL
+            const category = document.getElementById(itemName).dataset.category;  // Get item category
+            const section = document.getElementById(itemName).dataset.section;  // Get item section
+            const addons = [];  // This could be an array of selected addons
+            const instructions = "";  // This could be user-provided instructions for the item
+        
+            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: addons,            // List of add-ons (empty for now, can be dynamically populated)
+                instructions: 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);
+            });
         }
-    })
-    .catch(error => {
-        alert('An error occurred: ' + error);
-    });
-}
+
     </script>
 
 </body>