Update templates/order_history.html

templates/order_history.html

@@ -95,17 +95,30 @@
                                 <div class="order-item-title">{{ item_parts[0].strip() }}</div>
                                 <div><small class="text-muted">Quantity: {{ item_parts[1].strip() }}</small></div>
                             </div>
-                            <div class="order-item-price">${{ item_parts[3].strip().replace('Price:', '') }}</div>
-                                <button class="reorder-button" onclick="addToCart('{{ item_parts[0].strip() }}')" 
-                                        id="{{ item_parts[0].strip() }}" 
-                                        data-price="{{ item_parts[3].strip().replace('Price:', '') }}">
-                                    Reorder
-                                </button>
+                            <button class="reorder-button" 
+        onclick="addToCart('{{ item_parts[0].strip() }}')" 
+        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-section="Curries">      <!-- Example section -->
+    Reorder
+</button>
+
                         </div>
                     {% endfor %}
                 {% endfor %}
             {% else %}
-                <p class="text-center">No orders found in your history.</p>
+                <p class="text-center">No or<button class="reorder-button" 
+        onclick="addToCart('{{ item_parts[0].strip() }}')" 
+        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-section="Curries">      <!-- Example section -->
+    Reorder
+</button>
+ders found in your history.</p>
             {% endif %}
         </div>
     </div>
@@ -114,13 +127,12 @@
 
     <script>
         function addToCart(itemName) {
-            // 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
+            // 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.');
@@ -128,15 +140,15 @@
             }
         
             // Ensure the price is explicitly treated as a string
-            const itemPriceStr = String(itemPrice);  // Explicitly convert to 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: addons,            // List of add-ons (empty for now, can be dynamically populated)
-                instructions: instructions, // Instructions for the item (empty for now)
+                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
             };
@@ -161,7 +173,6 @@
                 alert('An error occurred: ' + error);
             });
         }
-
     </script>
 
 </body>