Update templates/order.html

templates/order.html

@@ -172,16 +172,37 @@
                     </div>
                 {% endfor %}
 
-                <!-- Previous Pending Bill -->
+                <!-- Previous Pending Bill Items -->
                 {% if pending_order %}
-                    <div class="container mt-5 cart-item">
-                        <div class="container">
-                            <div class="d-flex justify-content-between mb-3">
-                                <p><strong>Previous Pending Bill:</strong></p>
-                                <p class="cart-item-actions" style="font-size: 16px;">${{ "%.2f"|format(pending_order.Total_Bill__c) }}</p>
+                    <h5 class="mt-5">Previous Pending Order Details:</h5>
+                    {% for line in pending_order.Order_Details__c.split('\n') %}
+                        {% set item_parts = line.split('|') %}
+                        <div class="cart-item">
+                            <!-- Item Image -->
+                            <img src="{{ item_parts[4].strip().replace('Image:', '') }}" 
+                                 alt="{{ item_parts[0].strip() }}" 
+                                 onerror="this.src='/static/placeholder.jpg';">
+                            
+                            <!-- Item Details -->
+                            <div class="cart-item-details">
+                                <div class="cart-item-title">{{ item_parts[0].strip() }}</div> <!-- Item Name & Quantity -->
+                                
+
+                                <div class="cart-item-addons">
+                                    <small class="text-muted">Add-ons: {{ item_parts[1].strip().replace('Add-Ons:', '') }}</small>
+                                </div>
+
+                                <div class="cart-item-instructions">
+                                    <small class="text-muted">Instructions: {{ item_parts[2].strip().replace('Instructions:', '') }}</small>
+                                </div>
+                            </div>
+                            
+                            <!-- Price -->
+                            <div class="cart-item-actions m">
+                             <span style="font-size: 16px; margin-right: 13px">{{ item_parts[3].strip().replace('Price:', '') }}</span>
                             </div>
                         </div>
-                    </div>
+                    {% endfor %}
                 {% endif %}
 
                 <!-- Total Section -->