Update templates/order_history.html

templates/order_history.html

@@ -115,39 +115,41 @@
     </footer>
 
     <script>
-        // Function to handle reordering an item
         function addToCart(itemName) {
-    // Assuming the price is available in the item details
-    const itemPrice = document.getElementById(itemName).dataset.price;  // You could store the price as a data attribute
-
-    if (!itemPrice) {
-        alert('Price is missing for the item');
-        return;
-    }
-
-    fetch('/cart/add', {
-        method: 'POST',
-        headers: {
-            'Content-Type': 'application/json',
-        },
-        body: JSON.stringify({
-            itemName: itemName,  // Item to be reordered
-            itemPrice: itemPrice,  // Pass the price
-        }),
-    })
-    .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;  // This is fetched as a string
+        
+            if (!itemPrice) {
+                alert('Price is missing for the item');
+                return;
+            }
+        
+            // Ensure the price is a string
+            const itemPriceStr = itemPrice.toString();
+        
+            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);
+                }
+            })
+            .catch(error => {
+                alert('An error occurred: ' + error);
+            });
         }
-    })
-    .catch(error => {
-        alert('An error occurred: ' + error);
-    });
-}
-
+        
     </script>
 
 </body>