chnmayp/Pizza_Price_Prediction_Using_Machine_Learning
0
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>Calculate Average Pizza Price</title>
7 <!-- Bootstrap CSS -->
8 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
9 <style>
10 body {
11 background-color: #D6EFD8;
12 height: 100vh;
13 display: flex;
14 justify-content: center;
15 align-items: center;
16 }
17 .calculate {
18 background-color: rgba(0, 123, 255, 0.9);
19 padding: 20px;
20 border-radius: 10px;
21 box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
22 width: 100%;
23 max-width: 400px;
24 }
25 .profile-icon {
26 width: 40px;
27 height: 40px;
28 background-color: #508D4E;
29 border-radius: 50%;
30 display: flex;
31 justify-content: center;
32 align-items: center;
33 color: white;
34 font-weight: bold;
35 cursor: pointer;
36 position: relative;
37 }
38 .profile-dropdown {
39 position: absolute;
40 right: 0;
41 top: 100%;
42 width: 200px;
43 margin-top: 5px;
44 z-index: 1000;
45 display: none;
46 background-color: #fff;
47 border: 1px solid #ccc;
48 border-radius: 5px;
49 box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
50 }
51 .profile-dropdown .dropdown-item {
52 padding: 10px;
53 cursor: pointer;
54 }
55 </style>
56</head>
57<body>
58 <!-- Profile Icon and Dropdown -->
59 <div class="position-absolute" style="top: 10px; right: 10px;">
60 <div class="profile-icon d-flex justify-content-center align-items-center" id="profile-icon">
61 A <!-- Replace 'A' with the first initial of the user's name -->
62 </div>
63 <div class="profile-dropdown" id="profile-dropdown">
64 <div class="dropdown-item"><strong>{{ current_user.name }}</strong></div>
65 <div class="dropdown-item text-muted">{{ current_user.email }}</div>
66 <div class="dropdown-divider"></div>
67 <form id="logout-form" action="{{ url_for('logout') }}" method="post">
68 <button type="submit" class="dropdown-item text-danger">Logout</button>
69 </form>
70 </div>
71 </div>
72
73 <!-- Main Form -->
74 <div class="calculate container">
75 <h1 class="text-center text-dark mb-4">Pizza Price Prediction</h1>
76 <form action="{{ url_for('form') }}" method="post">
77 <div class="form-group">
78 <input type="text" class="form-control" name="order_id" placeholder="Order ID" required>
79 </div>
80 <div class="form-group">
81 <input type="text" class="form-control" name="pizza_id" placeholder="Pizza ID" required>
82 </div>
83 <div class="form-group">
84 <input type="text" class="form-control" name="quantity" placeholder="Quantity" required>
85 </div>
86 <div class="form-group">
87 <input type="text" class="form-control" name="pizza_type_id" placeholder="Pizza Type ID" required>
88 </div>
89 <div class="form-group">
90 <input type="text" class="form-control" name="name" placeholder="Name" required>
91 </div>
92 <div class="form-group">
93 <input type="text" class="form-control" name="category" placeholder="Category" required>
94 </div>
95 <div class="form-group">
96 <input type="text" class="form-control" name="ingredients" placeholder="Ingredients" required>
97 </div>
98 <div class="form-group">
99 <select class="form-control" name="size" required>
100 <option value="" disabled selected>Select Size</option>
101 <option value="S">S</option>
102 <option value="M">M</option>
103 <option value="L">L</option>
104 <option value="XL">XL</option>
105 <option value="XXL">XXL</option>
106 </select>
107 </div>
108 <div class="form-group">
109 <input type="text" class="form-control" name="weekday" placeholder="Weekday" required>
110 </div>
111 <button type="submit" class="btn btn-success btn-block">Predict Price</button>
112 </form>
113 </div>
114
115 <!-- Bootstrap JS, Popper.js, and jQuery -->
116 <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
117 <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.0.7/dist/umd/popper.min.js"></script>
118 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
119 <script>
120 // Toggle profile dropdown
121 $('#profile-icon').click(function() {
122 $('#profile-dropdown').toggle();
123 });
124
125 // Hide the dropdown if the user clicks outside of it
126 $(document).click(function(event) {
127 if (!$(event.target).closest('#profile-icon, #profile-dropdown').length) {
128 $('#profile-dropdown').hide();
129 }
130 });
131 </script>
132</body>
133</html>
134
135
136
137
138
139<!-- <!DOCTYPE html>
140<html lang="en">
141<head>
142 <meta charset="UTF-8">
143 <meta name="viewport" content="width=device-width, initial-scale=1.0">
144 <title>Calculate Average Pizza Price</title>
145 <style>
146 body {
147 font-family: Arial, sans-serif;
148 background-color: #D6EFD8;
149 margin: 0;
150 padding: 0;
151 display: flex;
152 justify-content: center;
153 align-items: center;
154 height: 100vh;
155 }
156 .calculate {
157 background-color: #36C2CE;
158 padding: 20px;
159 border-radius: 10px;
160 box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
161 width: 100%;
162 max-width: 400px;
163 }
164 .calculate h1 {
165 text-align: center;
166 color: #333;
167 margin-bottom: 20px;
168 }
169 .calculate form {
170 display: flex;
171 flex-direction: column;
172 }
173 .calculate input[type="text"], .calculate select {
174 margin-bottom: 15px;
175 padding: 10px;
176 border: 1px solid #ccc;
177 border-radius: 5px;
178 font-size: 16px;
179 }
180 .calculate button {
181 padding: 10px;
182 background-color: #508D4E;
183 color: #fff;
184 border: none;
185 border-radius: 5px;
186 font-size: 16px;
187 cursor: pointer;
188 }
189 .calculate button:hover {
190 background-color: #0056b3;
191 }
192 .calculate br {
193 margin-bottom: 10px;
194 }
195 </style>
196</head>
197<body>
198 <div class="calculate">
199 <h1>Pizza Price Prediction</h1>
200
201 Main Input For Receiving Query to our ML
202 <form action="{{ url_for('form')}}" method="post">
203 <input type="text" name="order_id" placeholder="Order ID" required="required" />
204 <input type="text" name="pizza_id" placeholder="Pizza ID" required="required" />
205 <input type="text" name="quantity" placeholder="Quantity" required="required" />
206 <input type="text" name="pizza_type_id" placeholder="Pizza Type ID" required="required" />
207 <input type="text" name="name" placeholder="Name" required="required" />
208 <input type="text" name="category" placeholder="Category" required="required" />
209 <input type="text" name="ingredients" placeholder="Ingredients" required="required" />
210 <select name="size" required="required">
211 <option value="" disabled selected>Select Size</option>
212 <option value="S">S</option>
213 <option value="M">M</option>
214 <option value="L">L</option>
215 <option value="XL">XL</option>
216 <option value="XXL">XXL</option>
217 </select>
218 <input type="text" name="weekday" placeholder="Weekday" required="required" />
219 <button type="submit" class="btn btn-primary btn-block btn-large">Predict Price</button>
220 </form>
221
222 <br>
223
224 <br>
225 </div>
226</body>
227</html> -->
228
229
230
231
232
233