Subbu1304 commited on
Commit
27222f2
·
verified ·
1 Parent(s): 1ed57a7

Update templates/order.html

Browse files
Files changed (1) hide show
  1. templates/order.html +196 -1
templates/order.html CHANGED
@@ -1,5 +1,200 @@
 
1
  <!DOCTYPE html>
2
  <html lang="en">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -211,4 +406,4 @@
211
  <p>Thank you for dining with us! <span>We look forward to serving you again.</span></p>
212
  </footer>
213
  </body>
214
- </html>
 
1
+
2
  <!DOCTYPE html>
3
  <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Order Summary</title>
8
+ <!-- Bootstrap CSS -->
9
+ <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
10
+ <style>
11
+ body {
12
+ font-family: 'Arial', sans-serif;
13
+ background-color: #fdf4e3; /* Light cream background */
14
+ color: #333333; /* Dark gray text */
15
+ margin: 0;
16
+ padding: 0;
17
+ display: flex;
18
+ flex-direction: column;
19
+ min-height: 100vh;
20
+ }
21
+ .order-container {
22
+ max-width: 768px;
23
+ margin: 40px auto;
24
+ padding: 20px;
25
+ background-color: #ffffff; /* White card background */
26
+ border-radius: 15px;
27
+ box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
28
+ border: 1px solid #ffe5b4; /* Light orange border */
29
+ flex-grow: 1;
30
+ }
31
+ .cart-item {
32
+ display: flex;
33
+ align-items: center;
34
+ justify-content: space-between;
35
+ background-color: #fffcf5; /* Slightly lighter beige */
36
+ border-radius: 8px;
37
+ border: 1px solid #ffe5b4; /* Light orange border */
38
+ padding: 15px;
39
+ margin-bottom: 15px;
40
+ }
41
+ .cart-item img {
42
+ width: 70px;
43
+ height: 70px;
44
+ object-fit: cover;
45
+ border-radius: 5px;
46
+ border: 1px solid #ffcc80; /* Light orange border around images */
47
+ }
48
+ .cart-item-details {
49
+ flex: 1;
50
+ margin-left: 15px;
51
+ }
52
+ .cart-item-title {
53
+ font-size: 1.2rem;
54
+ font-weight: bold;
55
+ color: #c04e01; /* Warm orange color for the title */
56
+ }
57
+ .cart-item-addons,
58
+ .cart-item-instructions {
59
+ font-size: 0.9rem;
60
+ color: #6c757d;
61
+ }
62
+ .cart-item-actions {
63
+ font-size: 1.2rem;
64
+ font-weight: bold;
65
+ color: #2b9348; /* Green for the price */
66
+ }
67
+ .summary-card {
68
+ background-color: #fffcf5;
69
+ padding: 20px;
70
+ border-radius: 10px;
71
+ border: 1px solid #ffe5b4;
72
+ margin-top: 15px;
73
+ }
74
+ .summary-line {
75
+ border-bottom: 1px dotted #000;
76
+ margin: 10px 0;
77
+ }
78
+ .d-flex p {
79
+ margin: 0;
80
+ font-size: 16px;
81
+ font-weight: bold;
82
+ }
83
+ .total-amount {
84
+ font-size: 1.2rem;
85
+ font-weight: bold;
86
+ color: #2b9348;
87
+ }
88
+ .back-to-menu {
89
+ display: block;
90
+ margin: 30px auto 10px auto;
91
+ padding: 12px;
92
+ background-color: #ff5722; /* Bright orange button */
93
+ color: #ffffff;
94
+ border: none;
95
+ border-radius: 25px;
96
+ font-size: 1rem;
97
+ font-weight: bold;
98
+ text-align: center;
99
+ text-decoration: none;
100
+ width: 100%;
101
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
102
+ transition: background-color 0.3s ease;
103
+ }
104
+ .back-to-menu:hover {
105
+ background-color: #e64a19;
106
+ text-decoration: none;
107
+ }
108
+ footer {
109
+ background-color: #333333;
110
+ color: #ffffff;
111
+ text-align: center;
112
+ padding: 15px 10px;
113
+ margin-top: auto;
114
+ }
115
+ footer p {
116
+ margin: 0;
117
+ font-size: 1rem;
118
+ }
119
+ footer p span {
120
+ color: #ffcc00;
121
+ font-weight: bold;
122
+ }
123
+ </style>
124
+ </head>
125
+ <body>
126
+ <div class="container">
127
+ <div class="order-container">
128
+ <h4 class="mb-4 text-center">Your Order Summary</h4>
129
+
130
+ {% if order %}
131
+ {% for line in order.Order_Details__c.split('\n') %}
132
+ {% set item_parts = line.split('|') %}
133
+ <div class="cart-item">
134
+ <img src="{{ item_parts[4].strip().replace('Image:', '') }}"
135
+ alt="{{ item_parts[0].strip() }}"
136
+ onerror="this.src='/static/placeholder.jpg';">
137
+
138
+ <div class="cart-item-details">
139
+ <div class="cart-item-title">{{ item_parts[0].strip() }}</div> <!-- Item Name & Quantity -->
140
+
141
+ <div class="cart-item-addons">
142
+ <small class="text-muted">Add-ons: {{ item_parts[1].strip().replace('Add-Ons:', '') }}</small>
143
+ </div>
144
+
145
+ <div class="cart-item-instructions">
146
+ <small class="text-muted">Instructions: {{ item_parts[2].strip().replace('Instructions:', '') }}</small>
147
+ </div>
148
+ </div>
149
+
150
+ <div class="cart-item-actions">
151
+ <span style="font-size: 16px;">{{ item_parts[3].strip().replace('Price:', '') }}</span>
152
+ </div>
153
+ </div>
154
+ {% endfor %}
155
+
156
+ <!-- Order Summary -->
157
+ <div class="summary-card">
158
+ <div class="d-flex justify-content-between mb-3">
159
+ <p>Sub-Total:</p>
160
+ <p class="total-amount">${{ order.Total_Amount__c }}</p>
161
+ </div>
162
+ <div class="d-flex justify-content-between mb-3">
163
+ <p>Discount:</p>
164
+ <p class="total-amount">${{ "%.2f"|format(order.Discount__c) }}</p>
165
+ </div>
166
+ <div class="summary-line"></div>
167
+ <div class="d-flex justify-content-between mb-3">
168
+ <p>Total Bill:</p>
169
+ <p class="total-amount">${{ "%.2f"|format(order.Total_Bill__c) }}</p>
170
+ </div>
171
+ </div>
172
+
173
+ {% else %}
174
+ <p class="text-center">No order details available.</p>
175
+ {% endif %}
176
+
177
+ <!-- Back to Menu Button -->
178
+ <a href="/menu" class="back-to-menu">Back to Menu</a>
179
+ </div>
180
+ </div>
181
+
182
+ <!-- Footer -->
183
+ <footer>
184
+ <p>Thank you for dining with us! <span>We look forward to serving you again.</span></p>
185
+ </footer>
186
+ </body>
187
+ </html>
188
+
189
+
190
+
191
+
192
+
193
+
194
+
195
+
196
+ <!-- <!DOCTYPE html>
197
+ <html lang="en">
198
  <head>
199
  <meta charset="UTF-8">
200
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
406
  <p>Thank you for dining with us! <span>We look forward to serving you again.</span></p>
407
  </footer>
408
  </body>
409
+ </html> -->