BiryaniHubflask370dup

Sleeping

App Files Files Community

Subbu1304 commited on Mar 11

Commit

3a1bcfa

verified ·

1 Parent(s): edbc028

Update templates/order.html

Browse files

Files changed (1) hide show

templates/order.html +1 -196

templates/order.html CHANGED Viewed

@@ -1,200 +1,5 @@
 <!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: #fdf4e3; /* Light cream background */
-            color: #333333; /* Dark gray text */
-            margin: 0;
-            padding: 0;
-            display: flex;
-            flex-direction: column;
-            min-height: 100vh;
-        }
-        .order-container {
-            max-width: 768px;
-            margin: 40px auto;
-            padding: 20px;
-            background-color: #ffffff; /* White card background */
-            border-radius: 15px;
-            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
-            border: 1px solid #ffe5b4; /* Light orange border */
-            flex-grow: 1;
-        }
-        .cart-item {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            background-color: #fffcf5; /* Slightly lighter beige */
-            border-radius: 8px;
-            border: 1px solid #ffe5b4; /* Light orange border */
-            /* padding: 15px; */
-            margin-bottom: 15px;
-        }
-        .cart-item img {
-            width: 70px;
-            height: 70px;
-            object-fit: cover;
-            border-radius: 5px;
-            border: 1px solid #ffcc80; /* Light orange border around images */
-        }
-        .cart-item-details {
-            flex: 1;
-            margin-left: 15px;
-        }
-        .cart-item-title {
-            font-size: 1.2rem;
-            font-weight: bold;
-            color: #c04e01; /* Warm orange color for the title */
-        }
-        .cart-item-addons,
-        .cart-item-instructions {
-            font-size: 0.9rem;
-            color: #6c757d;
-        }
-        .cart-item-actions {
-            font-size: 1.2rem;
-            font-weight: bold;
-            color: #2b9348; /* Green for the price */
-        }
-        .summary-card {
-            background-color: #fffcf5;
-            padding: 20px;
-            border-radius: 10px;
-            border: 1px solid #ffe5b4;
-            margin-top: 15px;
-        }
-        .summary-line {
-            border-bottom: 1px dotted #000;
-            margin: 10px 0;
-        }
-        .d-flex p {
-            margin: 0;
-            font-size: 16px;
-            font-weight: bold;
-        }
-        .total-amount {
-            font-size: 1.2rem;
-            font-weight: bold;
-            color: #2b9348;
-        }
-        .back-to-menu {
-            display: block;
-            margin: 30px auto 10px auto;
-            padding: 12px;
-            background-color: #ff5722; /* Bright orange button */
-            color: #ffffff;
-            border: none;
-            border-radius: 25px;
-            font-size: 1rem;
-            font-weight: bold;
-            text-align: center;
-            text-decoration: none;
-            width: 100%;
-            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-            transition: background-color 0.3s ease;
-        }
-        .back-to-menu:hover {
-            background-color: #e64a19;
-            text-decoration: none;
-        }
-        footer {
-            background-color: #333333;
-            color: #ffffff;
-            text-align: center;
-            padding: 15px 10px;
-            margin-top: auto;
-        }
-        footer p {
-            margin: 0;
-            font-size: 1rem;
-        }
-        footer p span {
-            color: #ffcc00;
-            font-weight: bold;
-        }
-    </style>
-</head>
-<body>
-    <div class="container">
-        <div class="order-container">
-            <h4 class="mb-4 text-center">Your Order Summary</h4>
-            {% if order %}
-                {% for line in order.Order_Details__c.split('\n') %}
-                    {% set item_parts = line.split('|') %}
-                    <div class="cart-item">
-                        <img src="{{ item_parts[4].strip().replace('Image:', '') }}"
-                             alt="{{ item_parts[0].strip() }}"
-                             onerror="this.src='/static/placeholder.jpg';">
-                        <div class="cart-item-details">
-                            <div class="cart-item-title">{{ item_parts[0].strip() }}</div> <!-- Item Name & Quantity -->
-                            <div class="cart-item-addons">
-                                <small class="text-muted">Add-ons: {{ item_parts[1].strip().replace('Add-Ons:', '') }}</small>
-                            </div>
-                            <div class="cart-item-instructions">
-                                <small class="text-muted">Instructions: {{ item_parts[2].strip().replace('Instructions:', '') }}</small>
-                            </div>
-                        </div>
-                        <div class="cart-item-actions">
-                            <span style="font-size: 16px;">{{ item_parts[3].strip().replace('Price:', '') }}</span>
-                        </div>
-                    </div>
-                {% endfor %}
-                <!-- Order Summary -->
-                <div class="summary-card">
-                    <div class="d-flex justify-content-between mb-3">
-                        <p>Sub-Total:</p>
-                        <p class="total-amount">${{ order.Total_Amount__c }}</p>
-                    </div>
-                    <div class="d-flex justify-content-between mb-3">
-                        <p>Discount:</p>
-                        <p class="total-amount">${{ "%.2f"|format(order.Discount__c) }}</p>
-                    </div>
-                    <div class="summary-line"></div>
-                    <div class="d-flex justify-content-between mb-3">
-                        <p>Total Bill:</p>
-                        <p class="total-amount">${{ "%.2f"|format(order.Total_Bill__c) }}</p>
-                    </div>
-                </div>
-            {% else %}
-                <p class="text-center">No order details available.</p>
-            {% endif %}
-            <!-- Back to Menu Button -->
-            <a href="/menu" class="back-to-menu">Back to Menu</a>
-        </div>
-    </div>
-    <!-- Footer -->
-    <footer>
-        <p>Thank you for dining with us! <span>We look forward to serving you again.</span></p>
-    </footer>
-</body>
-</html>
-<!-- <!DOCTYPE html>
-<html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -406,4 +211,4 @@
         <p>Thank you for dining with us! <span>We look forward to serving you again.</span></p>
     </footer>
 </body>
-</html> -->

 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <p>Thank you for dining with us! <span>We look forward to serving you again.</span></p>
     </footer>
 </body>
+</html>