Hugging Face's logo

Spaces:
Shyamnath
/
Tabble-v1
Sleeping

App Files Community
Shyamnath commited on
Commit
153f158
·
1 Parent(s): e5ff778

Add templates directory

Browse files
Files changed (4) hide show
  1. templates/analysis/chef.html +213 -0
  2. templates/analysis/customer.html +178 -0
  3. templates/analysis/dish.html +186 -0
  4. templates/analysis/index.html +178 -0
templates/analysis/chef.html ADDED
@@ -0,0 +1,213 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>Chef Analysis - Tabble</title>
7
+ <link rel="stylesheet" href="{{ url_for('static', path='/css/bootstrap.min.css') }}">
8
+ <link rel="stylesheet" href="{{ url_for('static', path='/css/style.css') }}">
9
+ <style>
10
+ body {
11
+ background-color: #000000;
12
+ color: #FFFFFF;
13
+ font-family: 'Montserrat', sans-serif;
14
+ }
15
+ .card {
16
+ background-color: #121212;
17
+ border-top: 4px solid #FFA500;
18
+ border-radius: 8px;
19
+ margin-bottom: 20px;
20
+ }
21
+ .card-title {
22
+ color: #FFA500;
23
+ }
24
+ .nav-tabs .nav-link {
25
+ color: #FFFFFF;
26
+ }
27
+ .nav-tabs .nav-link.active {
28
+ background-color: transparent;
29
+ color: #FFA500;
30
+ border-color: #FFA500 #FFA500 transparent;
31
+ }
32
+ .btn-primary {
33
+ background-color: #FFA500;
34
+ border-color: #FFA500;
35
+ }
36
+ .btn-outline-primary {
37
+ color: #FFA500;
38
+ border-color: #FFA500;
39
+ }
40
+ .btn-outline-primary:hover {
41
+ background-color: #FFA500;
42
+ color: #FFFFFF;
43
+ }
44
+ .table {
45
+ color: #FFFFFF;
46
+ }
47
+ .table thead th {
48
+ background-color: #000000;
49
+ color: #FFA500;
50
+ border-color: #333333;
51
+ }
52
+ .table-striped tbody tr:nth-of-type(odd) {
53
+ background-color: rgba(255, 165, 0, 0.05);
54
+ }
55
+ .progress {
56
+ height: 8px;
57
+ background-color: rgba(255, 165, 0, 0.1);
58
+ }
59
+ .progress-bar {
60
+ background-color: #FFA500;
61
+ }
62
+ </style>
63
+ </head>
64
+ <body>
65
+ <div class="container mt-4">
66
+ <h1 class="mb-4">Chef Analysis</h1>
67
+
68
+ <ul class="nav nav-tabs mb-4">
69
+ <li class="nav-item">
70
+ <a class="nav-link" href="/analysis">Overview</a>
71
+ </li>
72
+ <li class="nav-item">
73
+ <a class="nav-link" href="/analysis/customer">Customer Analysis</a>
74
+ </li>
75
+ <li class="nav-item">
76
+ <a class="nav-link" href="/analysis/dish">Dish Analysis</a>
77
+ </li>
78
+ <li class="nav-item">
79
+ <a class="nav-link active" href="/analysis/chef">Chef Analysis</a>
80
+ </li>
81
+ </ul>
82
+
83
+ <div class="alert alert-info">
84
+ <h5>Chef Analysis Dashboard</h5>
85
+ <p>This dashboard provides detailed insights into kitchen performance and efficiency. For a better experience with interactive charts, please use the React frontend.</p>
86
+ <a href="/" class="btn btn-primary">Go to Home Page</a>
87
+ </div>
88
+
89
+ <div class="row">
90
+ <div class="col-md-4">
91
+ <div class="card">
92
+ <div class="card-body text-center">
93
+ <h1 class="display-4 text-warning">0</h1>
94
+ <h5 class="card-title">Completed Orders</h5>
95
+ <p class="card-text">Total orders completed in the last 30 days</p>
96
+ </div>
97
+ </div>
98
+ </div>
99
+ <div class="col-md-4">
100
+ <div class="card">
101
+ <div class="card-body text-center">
102
+ <h1 class="display-4 text-warning">0</h1>
103
+ <h5 class="card-title">Avg. Items Per Order</h5>
104
+ <p class="card-text">Average number of items in each order</p>
105
+ </div>
106
+ </div>
107
+ </div>
108
+ <div class="col-md-4">
109
+ <div class="card">
110
+ <div class="card-body text-center">
111
+ <h1 class="display-4 text-warning">N/A</h1>
112
+ <h5 class="card-title">Busiest Day</h5>
113
+ <p class="card-text">Day of the week with the most orders</p>
114
+ </div>
115
+ </div>
116
+ </div>
117
+ </div>
118
+
119
+ <div class="card mt-4">
120
+ <div class="card-body">
121
+ <h5 class="card-title">Table Utilization</h5>
122
+ <div class="row">
123
+ <div class="col-md-12">
124
+ <table class="table table-striped">
125
+ <thead>
126
+ <tr>
127
+ <th>Table Number</th>
128
+ <th>Status</th>
129
+ <th>Order Count</th>
130
+ <th>Utilization</th>
131
+ </tr>
132
+ </thead>
133
+ <tbody>
134
+ <tr>
135
+ <td>No data available</td>
136
+ <td>-</td>
137
+ <td>-</td>
138
+ <td>-</td>
139
+ </tr>
140
+ </tbody>
141
+ </table>
142
+ </div>
143
+ </div>
144
+ </div>
145
+ </div>
146
+
147
+ <div class="card mt-4">
148
+ <div class="card-body">
149
+ <h5 class="card-title">Kitchen Efficiency Insights</h5>
150
+ <div class="row">
151
+ <div class="col-md-4">
152
+ <div class="border-start border-warning ps-3 mb-3">
153
+ <h6>Staffing Recommendation</h6>
154
+ <p class="small">No clear busiest day identified. Maintain consistent staffing throughout the week.</p>
155
+ </div>
156
+ </div>
157
+ <div class="col-md-4">
158
+ <div class="border-start border-warning ps-3 mb-3">
159
+ <h6>Order Complexity</h6>
160
+ <p class="small">Your average order contains 0 items. This indicates relatively simple orders. Consider upselling strategies to increase order size.</p>
161
+ </div>
162
+ </div>
163
+ <div class="col-md-4">
164
+ <div class="border-start border-warning ps-3 mb-3">
165
+ <h6>Table Optimization</h6>
166
+ <p class="small">No table utilization data available. All tables are being utilized effectively.</p>
167
+ </div>
168
+ </div>
169
+ </div>
170
+ </div>
171
+ </div>
172
+
173
+ <div class="card mt-4">
174
+ <div class="card-body">
175
+ <h5 class="card-title">Order Preparation Efficiency</h5>
176
+ <div class="row">
177
+ <div class="col-md-6">
178
+ <div class="p-3 bg-dark rounded">
179
+ <div class="d-flex align-items-center mb-2">
180
+ <i class="bi bi-check-circle-fill text-warning me-2"></i>
181
+ <h6 class="mb-0">Order Completion Rate</h6>
182
+ </div>
183
+ <h3 class="text-warning mb-2">100%</h3>
184
+ <p class="small text-muted">All orders are being completed successfully. Maintain this excellent performance.</p>
185
+ </div>
186
+ </div>
187
+ <div class="col-md-6">
188
+ <div class="p-3 bg-dark rounded">
189
+ <div class="d-flex align-items-center mb-2">
190
+ <i class="bi bi-speedometer text-warning me-2"></i>
191
+ <h6 class="mb-0">Kitchen Workload</h6>
192
+ </div>
193
+ <h3 class="text-warning mb-2">0</h3>
194
+ <p class="small text-muted">Total items prepared in the last 30 days. Each item requires careful preparation.</p>
195
+ </div>
196
+ </div>
197
+ </div>
198
+ </div>
199
+ </div>
200
+
201
+ <div class="text-center mt-5 mb-4">
202
+ <p>For a better experience with interactive charts and detailed analytics, please use the React frontend.</p>
203
+ <div class="btn-group">
204
+ <a href="/analysis" class="btn btn-outline-primary">Overview</a>
205
+ <a href="/analysis/customer" class="btn btn-outline-primary">Customer Analysis</a>
206
+ <a href="/analysis/dish" class="btn btn-outline-primary">Dish Analysis</a>
207
+ </div>
208
+ </div>
209
+ </div>
210
+
211
+ <script src="{{ url_for('static', path='/js/bootstrap.bundle.min.js') }}"></script>
212
+ </body>
213
+ </html>
templates/analysis/customer.html ADDED
@@ -0,0 +1,178 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>Customer Analysis - Tabble</title>
7
+ <link rel="stylesheet" href="{{ url_for('static', path='/css/bootstrap.min.css') }}">
8
+ <link rel="stylesheet" href="{{ url_for('static', path='/css/style.css') }}">
9
+ <style>
10
+ body {
11
+ background-color: #000000;
12
+ color: #FFFFFF;
13
+ font-family: 'Montserrat', sans-serif;
14
+ }
15
+ .card {
16
+ background-color: #121212;
17
+ border-top: 4px solid #FFA500;
18
+ border-radius: 8px;
19
+ margin-bottom: 20px;
20
+ }
21
+ .card-title {
22
+ color: #FFA500;
23
+ }
24
+ .nav-tabs .nav-link {
25
+ color: #FFFFFF;
26
+ }
27
+ .nav-tabs .nav-link.active {
28
+ background-color: transparent;
29
+ color: #FFA500;
30
+ border-color: #FFA500 #FFA500 transparent;
31
+ }
32
+ .btn-primary {
33
+ background-color: #FFA500;
34
+ border-color: #FFA500;
35
+ }
36
+ .btn-outline-primary {
37
+ color: #FFA500;
38
+ border-color: #FFA500;
39
+ }
40
+ .btn-outline-primary:hover {
41
+ background-color: #FFA500;
42
+ color: #FFFFFF;
43
+ }
44
+ .table {
45
+ color: #FFFFFF;
46
+ }
47
+ .table thead th {
48
+ background-color: #000000;
49
+ color: #FFA500;
50
+ border-color: #333333;
51
+ }
52
+ .table-striped tbody tr:nth-of-type(odd) {
53
+ background-color: rgba(255, 165, 0, 0.05);
54
+ }
55
+ </style>
56
+ </head>
57
+ <body>
58
+ <div class="container mt-4">
59
+ <h1 class="mb-4">Customer Analysis</h1>
60
+
61
+ <ul class="nav nav-tabs mb-4">
62
+ <li class="nav-item">
63
+ <a class="nav-link" href="/analysis">Overview</a>
64
+ </li>
65
+ <li class="nav-item">
66
+ <a class="nav-link active" href="/analysis/customer">Customer Analysis</a>
67
+ </li>
68
+ <li class="nav-item">
69
+ <a class="nav-link" href="/analysis/dish">Dish Analysis</a>
70
+ </li>
71
+ <li class="nav-item">
72
+ <a class="nav-link" href="/analysis/chef">Chef Analysis</a>
73
+ </li>
74
+ </ul>
75
+
76
+ <div class="alert alert-info">
77
+ <h5>Customer Analysis Dashboard</h5>
78
+ <p>This dashboard provides detailed insights into customer behavior and spending patterns. For a better experience with interactive charts, please use the React frontend.</p>
79
+ <a href="/" class="btn btn-primary">Go to Home Page</a>
80
+ </div>
81
+
82
+ <div class="row">
83
+ <div class="col-md-4">
84
+ <div class="card">
85
+ <div class="card-body text-center">
86
+ <h1 class="display-4 text-warning">0</h1>
87
+ <h5 class="card-title">Top Customers</h5>
88
+ <p class="card-text">These customers generate the most revenue for your hotel</p>
89
+ </div>
90
+ </div>
91
+ </div>
92
+ <div class="col-md-4">
93
+ <div class="card">
94
+ <div class="card-body text-center">
95
+ <h1 class="display-4 text-warning">0</h1>
96
+ <h5 class="card-title">Highest Visit Count</h5>
97
+ <p class="card-text">Maximum number of visits by a single customer</p>
98
+ </div>
99
+ </div>
100
+ </div>
101
+ <div class="col-md-4">
102
+ <div class="card">
103
+ <div class="card-body text-center">
104
+ <h1 class="display-4 text-warning">0</h1>
105
+ <h5 class="card-title">Avg. Orders per Customer</h5>
106
+ <p class="card-text">Average number of orders placed by top customers</p>
107
+ </div>
108
+ </div>
109
+ </div>
110
+ </div>
111
+
112
+ <div class="card mt-4">
113
+ <div class="card-body">
114
+ <h5 class="card-title">Top Customers by Revenue</h5>
115
+ <table class="table table-striped">
116
+ <thead>
117
+ <tr>
118
+ <th>Customer</th>
119
+ <th>Visit Count</th>
120
+ <th>Last Visit</th>
121
+ <th>Orders</th>
122
+ <th>Total Spent</th>
123
+ <th>Avg. Order Value</th>
124
+ </tr>
125
+ </thead>
126
+ <tbody>
127
+ <tr>
128
+ <td>No data available</td>
129
+ <td>-</td>
130
+ <td>-</td>
131
+ <td>-</td>
132
+ <td>-</td>
133
+ <td>-</td>
134
+ </tr>
135
+ </tbody>
136
+ </table>
137
+ </div>
138
+ </div>
139
+
140
+ <div class="card mt-4">
141
+ <div class="card-body">
142
+ <h5 class="card-title">Customer Insights & Recommendations</h5>
143
+ <div class="row">
144
+ <div class="col-md-4">
145
+ <div class="border-start border-warning ps-3 mb-3">
146
+ <h6>Loyalty Program Impact</h6>
147
+ <p class="small">Your top customers visit an average of 0 times. Consider enhancing your loyalty program to increase this number.</p>
148
+ </div>
149
+ </div>
150
+ <div class="col-md-4">
151
+ <div class="border-start border-warning ps-3 mb-3">
152
+ <h6>Customer Retention</h6>
153
+ <p class="small">0 customers (0%) have only visited once. Focus on converting these one-time visitors into repeat customers.</p>
154
+ </div>
155
+ </div>
156
+ <div class="col-md-4">
157
+ <div class="border-start border-warning ps-3 mb-3">
158
+ <h6>VIP Treatment</h6>
159
+ <p class="small">Your top 3 customers have spent a combined $0. Consider offering personalized experiences to these VIP guests.</p>
160
+ </div>
161
+ </div>
162
+ </div>
163
+ </div>
164
+ </div>
165
+
166
+ <div class="text-center mt-5 mb-4">
167
+ <p>For a better experience with interactive charts and detailed analytics, please use the React frontend.</p>
168
+ <div class="btn-group">
169
+ <a href="/analysis" class="btn btn-outline-primary">Overview</a>
170
+ <a href="/analysis/dish" class="btn btn-outline-primary">Dish Analysis</a>
171
+ <a href="/analysis/chef" class="btn btn-outline-primary">Chef Analysis</a>
172
+ </div>
173
+ </div>
174
+ </div>
175
+
176
+ <script src="{{ url_for('static', path='/js/bootstrap.bundle.min.js') }}"></script>
177
+ </body>
178
+ </html>
templates/analysis/dish.html ADDED
@@ -0,0 +1,186 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>Dish Analysis - Tabble</title>
7
+ <link rel="stylesheet" href="{{ url_for('static', path='/css/bootstrap.min.css') }}">
8
+ <link rel="stylesheet" href="{{ url_for('static', path='/css/style.css') }}">
9
+ <style>
10
+ body {
11
+ background-color: #000000;
12
+ color: #FFFFFF;
13
+ font-family: 'Montserrat', sans-serif;
14
+ }
15
+ .card {
16
+ background-color: #121212;
17
+ border-top: 4px solid #FFA500;
18
+ border-radius: 8px;
19
+ margin-bottom: 20px;
20
+ }
21
+ .card-title {
22
+ color: #FFA500;
23
+ }
24
+ .nav-tabs .nav-link {
25
+ color: #FFFFFF;
26
+ }
27
+ .nav-tabs .nav-link.active {
28
+ background-color: transparent;
29
+ color: #FFA500;
30
+ border-color: #FFA500 #FFA500 transparent;
31
+ }
32
+ .btn-primary {
33
+ background-color: #FFA500;
34
+ border-color: #FFA500;
35
+ }
36
+ .btn-outline-primary {
37
+ color: #FFA500;
38
+ border-color: #FFA500;
39
+ }
40
+ .btn-outline-primary:hover {
41
+ background-color: #FFA500;
42
+ color: #FFFFFF;
43
+ }
44
+ .table {
45
+ color: #FFFFFF;
46
+ }
47
+ .table thead th {
48
+ background-color: #000000;
49
+ color: #FFA500;
50
+ border-color: #333333;
51
+ }
52
+ .table-striped tbody tr:nth-of-type(odd) {
53
+ background-color: rgba(255, 165, 0, 0.05);
54
+ }
55
+ .category-badge {
56
+ background-color: rgba(255, 165, 0, 0.1);
57
+ color: #FFA500;
58
+ border-radius: 4px;
59
+ padding: 2px 8px;
60
+ font-size: 0.8rem;
61
+ font-weight: 500;
62
+ }
63
+ </style>
64
+ </head>
65
+ <body>
66
+ <div class="container mt-4">
67
+ <h1 class="mb-4">Dish Analysis</h1>
68
+
69
+ <ul class="nav nav-tabs mb-4">
70
+ <li class="nav-item">
71
+ <a class="nav-link" href="/analysis">Overview</a>
72
+ </li>
73
+ <li class="nav-item">
74
+ <a class="nav-link" href="/analysis/customer">Customer Analysis</a>
75
+ </li>
76
+ <li class="nav-item">
77
+ <a class="nav-link active" href="/analysis/dish">Dish Analysis</a>
78
+ </li>
79
+ <li class="nav-item">
80
+ <a class="nav-link" href="/analysis/chef">Chef Analysis</a>
81
+ </li>
82
+ </ul>
83
+
84
+ <div class="alert alert-info">
85
+ <h5>Dish Analysis Dashboard</h5>
86
+ <p>This dashboard provides detailed insights into dish performance and menu optimization. For a better experience with interactive charts, please use the React frontend.</p>
87
+ <a href="/" class="btn btn-primary">Go to Home Page</a>
88
+ </div>
89
+
90
+ <div class="row">
91
+ <div class="col-md-4">
92
+ <div class="card">
93
+ <div class="card-body text-center">
94
+ <h1 class="display-4 text-warning">0</h1>
95
+ <h5 class="card-title">Top Selling Dishes</h5>
96
+ <p class="card-text">These dishes generate the most revenue for your hotel</p>
97
+ </div>
98
+ </div>
99
+ </div>
100
+ <div class="col-md-4">
101
+ <div class="card">
102
+ <div class="card-body text-center">
103
+ <h1 class="display-4 text-warning">0</h1>
104
+ <h5 class="card-title">Menu Categories</h5>
105
+ <p class="card-text">Number of different dish categories on your menu</p>
106
+ </div>
107
+ </div>
108
+ </div>
109
+ <div class="col-md-4">
110
+ <div class="card">
111
+ <div class="card-body text-center">
112
+ <h1 class="display-4 text-warning">$0</h1>
113
+ <h5 class="card-title">Total Revenue</h5>
114
+ <p class="card-text">Total revenue generated from all dishes</p>
115
+ </div>
116
+ </div>
117
+ </div>
118
+ </div>
119
+
120
+ <div class="card mt-4">
121
+ <div class="card-body">
122
+ <h5 class="card-title">Top Selling Dishes</h5>
123
+ <table class="table table-striped">
124
+ <thead>
125
+ <tr>
126
+ <th>Dish</th>
127
+ <th>Category</th>
128
+ <th>Price</th>
129
+ <th>Quantity Sold</th>
130
+ <th>Revenue</th>
131
+ <th>Performance</th>
132
+ </tr>
133
+ </thead>
134
+ <tbody>
135
+ <tr>
136
+ <td>No data available</td>
137
+ <td>-</td>
138
+ <td>-</td>
139
+ <td>-</td>
140
+ <td>-</td>
141
+ <td>-</td>
142
+ </tr>
143
+ </tbody>
144
+ </table>
145
+ </div>
146
+ </div>
147
+
148
+ <div class="card mt-4">
149
+ <div class="card-body">
150
+ <h5 class="card-title">Menu Insights & Recommendations</h5>
151
+ <div class="row">
152
+ <div class="col-md-4">
153
+ <div class="border-start border-warning ps-3 mb-3">
154
+ <h6>Top Performing Category</h6>
155
+ <p class="small">No category data available. Consider expanding this category with new dishes.</p>
156
+ </div>
157
+ </div>
158
+ <div class="col-md-4">
159
+ <div class="border-start border-warning ps-3 mb-3">
160
+ <h6>Menu Balance</h6>
161
+ <p class="small">Your menu categories are well-balanced. Consider refreshing or promoting underperforming categories.</p>
162
+ </div>
163
+ </div>
164
+ <div class="col-md-4">
165
+ <div class="border-start border-warning ps-3 mb-3">
166
+ <h6>Star Dishes</h6>
167
+ <p class="small">Your top 3 dishes account for 0% of total revenue. Feature these prominently and consider creating variations.</p>
168
+ </div>
169
+ </div>
170
+ </div>
171
+ </div>
172
+ </div>
173
+
174
+ <div class="text-center mt-5 mb-4">
175
+ <p>For a better experience with interactive charts and detailed analytics, please use the React frontend.</p>
176
+ <div class="btn-group">
177
+ <a href="/analysis" class="btn btn-outline-primary">Overview</a>
178
+ <a href="/analysis/customer" class="btn btn-outline-primary">Customer Analysis</a>
179
+ <a href="/analysis/chef" class="btn btn-outline-primary">Chef Analysis</a>
180
+ </div>
181
+ </div>
182
+ </div>
183
+
184
+ <script src="{{ url_for('static', path='/js/bootstrap.bundle.min.js') }}"></script>
185
+ </body>
186
+ </html>
templates/analysis/index.html ADDED
@@ -0,0 +1,178 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>Analytics Dashboard - Tabble</title>
7
+ <link rel="stylesheet" href="{{ url_for('static', path='/css/bootstrap.min.css') }}">
8
+ <link rel="stylesheet" href="{{ url_for('static', path='/css/style.css') }}">
9
+ <style>
10
+ body {
11
+ background-color: #000000;
12
+ color: #FFFFFF;
13
+ font-family: 'Montserrat', sans-serif;
14
+ }
15
+ .card {
16
+ background-color: #121212;
17
+ border-top: 4px solid #FFA500;
18
+ border-radius: 8px;
19
+ margin-bottom: 20px;
20
+ }
21
+ .card-title {
22
+ color: #FFA500;
23
+ }
24
+ .nav-tabs .nav-link {
25
+ color: #FFFFFF;
26
+ }
27
+ .nav-tabs .nav-link.active {
28
+ background-color: transparent;
29
+ color: #FFA500;
30
+ border-color: #FFA500 #FFA500 transparent;
31
+ }
32
+ .btn-primary {
33
+ background-color: #FFA500;
34
+ border-color: #FFA500;
35
+ }
36
+ .btn-outline-primary {
37
+ color: #FFA500;
38
+ border-color: #FFA500;
39
+ }
40
+ .btn-outline-primary:hover {
41
+ background-color: #FFA500;
42
+ color: #FFFFFF;
43
+ }
44
+ .table {
45
+ color: #FFFFFF;
46
+ }
47
+ .table thead th {
48
+ background-color: #000000;
49
+ color: #FFA500;
50
+ border-color: #333333;
51
+ }
52
+ .table-striped tbody tr:nth-of-type(odd) {
53
+ background-color: rgba(255, 165, 0, 0.05);
54
+ }
55
+ </style>
56
+ </head>
57
+ <body>
58
+ <div class="container mt-4">
59
+ <h1 class="mb-4">Analytics Dashboard</h1>
60
+
61
+ <ul class="nav nav-tabs mb-4">
62
+ <li class="nav-item">
63
+ <a class="nav-link active" href="/analysis">Overview</a>
64
+ </li>
65
+ <li class="nav-item">
66
+ <a class="nav-link" href="/analysis/customer">Customer Analysis</a>
67
+ </li>
68
+ <li class="nav-item">
69
+ <a class="nav-link" href="/analysis/dish">Dish Analysis</a>
70
+ </li>
71
+ <li class="nav-item">
72
+ <a class="nav-link" href="/analysis/chef">Chef Analysis</a>
73
+ </li>
74
+ </ul>
75
+
76
+ <div class="alert alert-info">
77
+ <h5>Welcome to the Analytics Dashboard</h5>
78
+ <p>This dashboard provides comprehensive analytics for your hotel's performance. For a better experience, please use the React frontend.</p>
79
+ <a href="/" class="btn btn-primary">Go to Home Page</a>
80
+ </div>
81
+
82
+ <div class="row">
83
+ <div class="col-md-3">
84
+ <div class="card">
85
+ <div class="card-body text-center">
86
+ <h1 class="display-4 text-warning">$0</h1>
87
+ <h5 class="card-title">Total Sales</h5>
88
+ </div>
89
+ </div>
90
+ </div>
91
+ <div class="col-md-3">
92
+ <div class="card">
93
+ <div class="card-body text-center">
94
+ <h1 class="display-4 text-warning">0</h1>
95
+ <h5 class="card-title">Total Customers</h5>
96
+ </div>
97
+ </div>
98
+ </div>
99
+ <div class="col-md-3">
100
+ <div class="card">
101
+ <div class="card-body text-center">
102
+ <h1 class="display-4 text-warning">0</h1>
103
+ <h5 class="card-title">Total Orders</h5>
104
+ </div>
105
+ </div>
106
+ </div>
107
+ <div class="col-md-3">
108
+ <div class="card">
109
+ <div class="card-body text-center">
110
+ <h1 class="display-4 text-warning">$0</h1>
111
+ <h5 class="card-title">Avg. Order Value</h5>
112
+ </div>
113
+ </div>
114
+ </div>
115
+ </div>
116
+
117
+ <div class="row mt-4">
118
+ <div class="col-md-6">
119
+ <div class="card">
120
+ <div class="card-body">
121
+ <h5 class="card-title">Top Customers</h5>
122
+ <table class="table table-striped">
123
+ <thead>
124
+ <tr>
125
+ <th>Customer</th>
126
+ <th>Orders</th>
127
+ <th>Total Spent</th>
128
+ </tr>
129
+ </thead>
130
+ <tbody>
131
+ <tr>
132
+ <td>No data available</td>
133
+ <td>-</td>
134
+ <td>-</td>
135
+ </tr>
136
+ </tbody>
137
+ </table>
138
+ </div>
139
+ </div>
140
+ </div>
141
+ <div class="col-md-6">
142
+ <div class="card">
143
+ <div class="card-body">
144
+ <h5 class="card-title">Top Selling Dishes</h5>
145
+ <table class="table table-striped">
146
+ <thead>
147
+ <tr>
148
+ <th>Dish</th>
149
+ <th>Quantity Sold</th>
150
+ <th>Revenue</th>
151
+ </tr>
152
+ </thead>
153
+ <tbody>
154
+ <tr>
155
+ <td>No data available</td>
156
+ <td>-</td>
157
+ <td>-</td>
158
+ </tr>
159
+ </tbody>
160
+ </table>
161
+ </div>
162
+ </div>
163
+ </div>
164
+ </div>
165
+
166
+ <div class="text-center mt-5 mb-4">
167
+ <p>For a better experience with interactive charts and detailed analytics, please use the React frontend.</p>
168
+ <div class="btn-group">
169
+ <a href="/analysis/customer" class="btn btn-outline-primary">Customer Analysis</a>
170
+ <a href="/analysis/dish" class="btn btn-outline-primary">Dish Analysis</a>
171
+ <a href="/analysis/chef" class="btn btn-outline-primary">Chef Analysis</a>
172
+ </div>
173
+ </div>
174
+ </div>
175
+
176
+ <script src="{{ url_for('static', path='/js/bootstrap.bundle.min.js') }}"></script>
177
+ </body>
178
+ </html>