Update templates/order_history.html

templates/order_history.html

@@ -81,38 +81,43 @@
         <div class="order-history-container">
             <h4 class="mb-4 text-center">Your Order History</h4>
             
-            {% if order %}
-                {% for line in order.Order_Details__c.split('\n') %}
-                    {% set item_parts = line.split('|') %}
-                    <div class="order-item">
-                        <!-- Item Image -->
-                        <img src="{{ item_parts[4].strip().replace('Image:', '') }}" 
-                             alt="{{ item_parts[0].strip() }}" 
-                             onerror="this.src='/static/placeholder.jpg';">
-
-
-                            <div class="order-item-details">
-                                <div class="order-item-title">{{ item_parts[0].strip() }}</div>
-                                <div><small class="text-muted">Quantity: {{ item_parts[1].strip() }}</small></div>
-                            </div>
-                            <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 --> 
-    Reorder
-</button>
-
+            {% if orders %}
+    {% for order in orders %}
+        <h5>Order on: {{ order.CreatedDate }}</h5>
+        
+        {% for line in order.Order_Details__c.split('\n') %}
+            {% set item_parts = line.split('|') %}
+            
+            <!-- Extract image URL from the Order_Details string -->
+            {% set image_url = item_parts[4].strip().split('Image: ')[-1] %}
+            
+            <div class="order-item">
+                <!-- Display Item Image -->
+                <img src="{{ image_url }}" alt="{{ item_parts[0].strip() }}" 
+                     onerror="this.src='/static/placeholder.jpg';">
+                
+                <div class="order-item-details">
+                    <div class="order-item-title">{{ item_parts[0].strip() }}</div>
+                    <div><small class="text-muted">Quantity: {{ item_parts[1].strip() }}</small></div>
+                    <div><small class="text-muted">Add-Ons: {{ item_parts[2].strip() }}</small></div>
+                </div>
+                
+                <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="{{ image_url }}" 
+                        data-category="Main Course"  
+                        data-section="Reordered Items">
+                    Reorder
+                </button>
+            </div>
+        {% endfor %}
+    {% endfor %}
+{% else %}
+    <p class="text-center">No order History Available</p>
+{% endif %}
 
-                        </div>
-                    {% endfor %}
-                {% endfor %}
-            {% else %}
-                <p class="text-center">No order History Available </p>
-          
-          
-            {% endif %}
         </div>
     </div>
 
@@ -126,28 +131,28 @@
     const category = button.dataset.category;          // Get category from data-category attribute
     const section = button.dataset.section;            // Get section from data-section attribute
     console.log(itemPrice)
-    console.log(itemImage)
-    console.log(itemName)
+          console.log(itemImage)
+          console.log(itemName)
+
+          
     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
+    // Ensure the price is treated as a string
+    const itemPriceStr = String(itemPrice);  // Explicitly 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
+        itemName: itemName,
+        itemPrice: itemPriceStr,
+        itemImage: itemImage,
+        addons: [],
+        instructions: "",
+        category: category,
+        section: section
     };
 
-    // Send the data to the server via a POST request
     fetch('/cart/add', {
         method: 'POST',
         headers: {