Spaces:
Sleeping
Sleeping
File size: 2,980 Bytes
921d328 e32cb2d 921d328 e32cb2d 0bb6af5 921d328 e32cb2d 0bb6af5 e32cb2d 921d328 e32cb2d 0bb6af5 e32cb2d 0bb6af5 e32cb2d 0bb6af5 e32cb2d 0bb6af5 e32cb2d 0bb6af5 e32cb2d 0bb6af5 921d328 e32cb2d 921d328 0bb6af5 e32cb2d 0bb6af5 921d328 e32cb2d 0bb6af5 2a1077d 0bb6af5 e32cb2d 2a1077d 921d328 e32cb2d 2a1077d e32cb2d 921d328 2a1077d 921d328 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Order Summary</title>
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<style>
body {
font-family: 'Arial', sans-serif;
background-color: #f7f9fc; /* Light blue-gray background */
}
.order-container {
max-width: 768px;
margin: 40px auto;
padding: 20px;
background-color: #ffffff; /* White card background */
border-radius: 15px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Subtle shadow */
}
.order-title {
font-size: 2rem;
font-weight: bold;
color: #007bff; /* Bright blue */
text-align: center;
margin-bottom: 20px;
}
.section-title {
font-size: 1.5rem;
font-weight: bold;
color: #333333; /* Dark gray */
margin-bottom: 10px;
}
.order-details {
background-color: #f8f9fa; /* Light gray for the order details section */
border-radius: 8px;
padding: 15px;
font-size: 1rem;
line-height: 1.8;
color: #555555; /* Medium gray text */
}
.order-item {
margin-bottom: 10px;
}
.highlight {
color: #ff5722; /* Bright orange for key details */
font-weight: bold;
}
.order-summary {
margin-top: 20px;
font-size: 1.2rem;
font-weight: bold;
text-align: right;
color: #333333; /* Dark gray */
}
.total-price {
font-size: 1.8rem;
color: #28a745; /* Bright green for total price */
}
</style>
</head>
<body>
<div class="container">
<div class="order-container">
<h2 class="order-title">Your Order Summary</h2>
<!-- Items Section -->
<div>
<h3 class="section-title">Order Details:</h3>
{% if order %}
<div class="order-details">
{% for line in order.Order_Details__c.split('\n') %}
<div class="order-item">
{{ line | safe }}
</div>
{% endfor %}
</div>
{% else %}
<p>No order details available.</p>
{% endif %}
</div>
<!-- Total Section -->
{% if order %}
<div class="order-summary mt-4">
<span>Total: </span>
<span class="total-price">${{ order.Total_Amount__c }}</span>
</div>
{% endif %}
</div>
</div>
</body>
</html>
|