Hugging Face's logo

Spaces:
Subbu1304
/
bitriyanihubflask
Runtime error

App Files Community
Subbu1304 commited on
Commit
1a4c624
·
verified ·
1 Parent(s): 2e5fcc2

Update templates/order.html

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