Hugging Face's logo

Spaces:
Subbu1304
/
subbuok
Sleeping

App Files Community
Rammohan0504 lokesh341 commited on
Commit
bf33bd1
·
verified ·
1 Parent(s): 1cc125e

Update templates/order.html (#3)

Browse files

- Update templates/order.html (a02fe51293044fc7c4a5a613e03ea7373afc48a8)


Co-authored-by: lokesh surya sai sirigineedi <[email protected]>

Files changed (1) hide show
  1. templates/order.html +48 -67
templates/order.html CHANGED
@@ -9,7 +9,7 @@
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;
@@ -21,15 +21,14 @@
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;
@@ -51,19 +50,17 @@
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
-
66
-
67
  }
68
  .order-summary {
69
  text-align: right;
@@ -78,7 +75,7 @@
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;
@@ -91,7 +88,7 @@
91
  transition: background-color 0.3s ease;
92
  }
93
  .back-to-menu:hover {
94
- background-color: #e64a19;
95
  text-decoration: none;
96
  }
97
  footer {
@@ -109,12 +106,26 @@
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>
@@ -135,6 +146,7 @@
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>
@@ -146,61 +158,30 @@
146
 
147
  <!-- Price -->
148
  <div class="cart-item-actions m">
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: 13px">{{ 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>
@@ -216,4 +197,4 @@
216
  <p>Thank you for dining with us! <span>We look forward to serving you again.</span></p>
217
  </footer>
218
  </body>
219
- </html>
 
9
  <style>
10
  body {
11
  font-family: 'Arial', sans-serif;
12
+ background-color: #fdf4e3; /* Updated background color */
13
  color: #333333; /* Dark gray text */
14
  margin: 0;
15
  padding: 0;
 
21
  max-width: 768px;
22
  margin: 40px auto;
23
  padding: 20px;
24
+ background-color: #ffffff; /* Set the container background to white */
25
  border-radius: 15px;
26
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
27
+ border: 1px solid #ffffff;
28
  flex-grow: 1;
29
  }
30
  .cart-item {
31
  display: flex;
 
32
  justify-content: space-between;
33
  background-color: #fffcf5; /* Slightly lighter beige */
34
  border-radius: 8px;
 
50
  .cart-item-title {
51
  font-size: 1.2rem;
52
  font-weight: bold;
53
+ color: #000000; /* Change the color to black */
54
  }
55
  .cart-item-addons,
56
  .cart-item-instructions {
57
  font-size: 0.9rem;
58
+ color: #000000; /* Change the color to black */
59
  }
60
  .cart-item-actions {
61
  font-size: 1.2rem;
62
  font-weight: bold;
63
+ color: #2b9348;
 
 
64
  }
65
  .order-summary {
66
  text-align: right;
 
75
  display: block;
76
  margin: 30px auto 10px auto;
77
  padding: 10px 20px;
78
+ background-color: #ff5722;
79
  color: #ffffff;
80
  border: none;
81
  border-radius: 25px;
 
88
  transition: background-color 0.3s ease;
89
  }
90
  .back-to-menu:hover {
91
+ background-color: #ff5722;
92
  text-decoration: none;
93
  }
94
  footer {
 
106
  color: #ffcc00;
107
  font-weight: bold;
108
  }
109
+ .totsl_bill {
110
+ max-width: 768px;
111
+ }
112
+ .yourorder {
113
+ font-family: Serif;
114
+ color: #ff5722; /* Orange color for "Your Order Summary" */
115
+ font-size: 1.5rem; /* Adjusted for better visibility */
116
+ font-weight: bold;
117
+ }
118
+ /* Remove any gap between Sub-Total and Discount */
119
+ .d-flex {
120
+ margin-bottom: 0px !important; /* Remove margin */
121
+ }
122
+ .d-flex:first-child {
123
+ margin-top: 0px !important; /* Ensure no space above Sub-Total */
124
+ }
125
+ /* Remove padding and margins from the individual fields */
126
+ .d-flex .cart-item-actions {
127
+ margin-bottom: 0px !important; /* Remove margin between fields */
128
+ }
129
  </style>
130
  </head>
131
  <body>
 
146
  <div class="cart-item-details">
147
  <div class="cart-item-title">{{ item_parts[0].strip() }}</div> <!-- Item Name & Quantity -->
148
 
149
+
150
  <div class="cart-item-addons">
151
  <small class="text-muted">Add-ons: {{ item_parts[1].strip().replace('Add-Ons:', '') }}</small>
152
  </div>
 
158
 
159
  <!-- Price -->
160
  <div class="cart-item-actions m">
 
 
161
  <span style="font-size: 16px; margin-right: 13px">{{ item_parts[3].strip().replace('Price:', '') }}</span>
 
162
  </div>
163
  </div>
164
  {% endfor %}
165
 
166
  <!-- Total Section -->
167
+ <div class="container mt-5 cart-item">
168
+ <div class="container">
169
+ <div class="d-flex justify-content-between mb-3">
170
+ <p><strong>Sub-Total:</strong></p>
171
+ <p class="cart-item-actions" style="font-size: 16px;">${{ order.Total_Amount__c }}</p>
172
+ </div>
173
+ <div class="d-flex justify-content-between mb-3">
174
+ <p><strong>Discount:</strong></p>
175
+ <p class="cart-item-actions" style="font-size: 16px;">${{ "%.2f"|format(order.Discount__c) }}</p>
176
+ </div>
177
+ <!-- Add dotted line here -->
178
+ <div style="border-bottom: 2px dotted #000; margin-bottom: 10px;"></div>
179
+ <div class="d-flex justify-content-between mb-3">
180
+ <p><strong>Total Bill:</strong></p>
181
+ <p class="cart-item-actions" style="font-size: 16px;">${{ "%.2f"|format(order.Total_Bill__c) }}</p>
182
+ </div>
183
+ </div>
184
+ </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
185
 
186
  {% else %}
187
  <p class="text-center">No order details available.</p>
 
197
  <p>Thank you for dining with us! <span>We look forward to serving you again.</span></p>
198
  </footer>
199
  </body>
200
+ </html>