Update templates/order.html

templates/order.html

@@ -149,14 +149,26 @@
                     <p><strong>Discount:</strong> <span class="total-price">${{ "%.2f"|format(order.Discount__c) }}</span></p>
                     <p><strong>Total Bill:</strong> <span class="total-price">${{ "%.2f"|format(order.Total_Bill__c) }}</span></p>
                 </div> -->
-   <div class="order-summary mt-4 text-center">
-    <p><strong>Sub-Total:</strong> <span class="total-price">${{ order.Total_Amount__c }}</span></p>
-    <p><strong>Discount:</strong> <span class="total-price">${{ "%.2f"|format(order.Discount__c) }}</span></p>
-    <p><strong>Total Bill:</strong> <span class="total-price">${{ "%.2f"|format(order.Total_Bill__c) }}</span></p>
+   <div class="container d-flex justify-content-center mt-5">
+    <div class="order-summary p-4 border rounded shadow" style="max-width: 400px; background-color: #fff;">
+        <div class="d-flex justify-content-between mb-3">
+            <p><strong>Sub-Total:</strong></p>
+            <p class="total-price">${{ order.Total_Amount__c }}</p>
+        </div>
+        <div class="d-flex justify-content-between mb-3">
+            <p><strong>Discount:</strong></p>
+            <p class="total-price">${{ "%.2f"|format(order.Discount__c) }}</p>
+        </div>
+        <div class="d-flex justify-content-between mb-3">
+            <p><strong>Total Bill:</strong></p>
+            <p class="total-price">${{ "%.2f"|format(order.Total_Bill__c) }}</p>
+        </div>
+    </div>
 </div>
 
 
 
+
             {% else %}
                 <p class="text-center">No order details available.</p>
             {% endif %}