chnmayp/Pizza_Price_Prediction_Using_Machine_Learning

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    <style>
8        body {
9            font-family: Arial, sans-serif;
10            background-color: #D6EFD8;
11            margin: 0;
12            padding: 0;
13            display: flex;
14            justify-content: center;
15            align-items: center;
16            height: 100vh;
17        }
18        .calculate {
19            background-color: #36C2CE;
20            padding: 20px;
21            border-radius: 10px;
22            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
23            width: 100%;
24            max-width: 400px;
25        }
26        .calculate h1 {
27            text-align: center;
28            color: #333;
29            margin-bottom: 20px;
30        }
31        .calculate form {
32            display: flex;
33            flex-direction: column;
34        }
35        .calculate input[type="text"], .calculate select {
36            margin-bottom: 15px;
37            padding: 10px;
38            border: 1px solid #ccc;
39            border-radius: 5px;
40            font-size: 16px;
41        }
42        .calculate button {
43            padding: 10px;
44            background-color: #508D4E;
45            color: #fff;
46            border: none;
47            border-radius: 5px;
48            font-size: 16px;
49            cursor: pointer;
50        }
51        .calculate button:hover {
52            background-color: #0056b3;
53        }
54        .calculate br {
55            margin-bottom: 10px;
56        }
57    </style>
58</head>
59<body>
60    <div class="calculate">
61        <h1>Pizza Price Prediction</h1>
62        
63        <!-- Main Input For Receiving Query to our ML -->
64        <form action="{{ url_for('dashboard')}}" method="post">
65            <input type="text" name="order_id" placeholder="Order ID" required="required" />
66            <input type="text" name="pizza_id" placeholder="Pizza ID" required="required" />
67            <input type="text" name="quantity" placeholder="Quantity" required="required" />
68            <input type="text" name="pizza_type_id" placeholder="Pizza Type ID" required="required" />
69            <input type="text" name="name" placeholder="Name" required="required" />
70            <input type="text" name="category" placeholder="Category" required="required" />
71            <input type="text" name="ingredients" placeholder="Ingredients" required="required" />
72            <select name="size" required="required">
73                <option value="" disabled selected>Select Size</option>
74                <option value="S">S</option>
75                <option value="M">M</option>
76                <option value="L">L</option>
77                <option value="XL">XL</option>
78                <option value="XXL">XXL</option>
79            </select>
80            <input type="text" name="weekday" placeholder="Weekday" required="required" />
81            <button type="submit" class="btn btn-primary btn-block btn-large">Predict Price</button>
82        </form>
83
84        <br>
85        <!-- The average score is {{score}} -->
86        <br>
87    </div>
88</body>
89</html>
90
91
92
93
94
95
96
97
98