Hugging Face's logo

Spaces:
gallabs
/
dashboard-orcamento-pcompras
Running

App Files Community
gallabs commited on
Commit
fd28fc5
·
verified ·
1 Parent(s): 7c608b5

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +590 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Dashboard Orcamento Pcompras
3
- emoji: 📊
4
- colorFrom: yellow
5
- colorTo: yellow
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: dashboard-orcamento-pcompras
3
+ emoji: 🐳
4
+ colorFrom: purple
5
+ colorTo: red
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,590 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="pt-BR" class="dark">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>TOM System - Compras</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <script>
10
+ tailwind.config = {
11
+ darkMode: 'class',
12
+ theme: {
13
+ extend: {
14
+ colors: {
15
+ primary: {
16
+ 50: '#f0f9ff',
17
+ 100: '#e0f2fe',
18
+ 200: '#bae6fd',
19
+ 300: '#7dd3fc',
20
+ 400: '#38bdf8',
21
+ 500: '#0ea5e9',
22
+ 600: '#0284c7',
23
+ 700: '#0369a1',
24
+ 800: '#075985',
25
+ 900: '#0c4a6e',
26
+ },
27
+ dark: {
28
+ 900: '#0f172a',
29
+ 800: '#1e293b',
30
+ 700: '#334155',
31
+ 600: '#475569',
32
+ 500: '#64748b',
33
+ }
34
+ }
35
+ }
36
+ }
37
+ }
38
+ </script>
39
+ <style>
40
+ .sidebar-collapsed {
41
+ width: 80px;
42
+ }
43
+ .sidebar-collapsed .sidebar-item-text {
44
+ display: none;
45
+ }
46
+ .sidebar-collapsed .logo-text {
47
+ display: none;
48
+ }
49
+ .sidebar-collapsed .sidebar-item {
50
+ justify-content: center;
51
+ }
52
+ .sidebar-collapsed .user-info {
53
+ display: none;
54
+ }
55
+ .sidebar-collapsed .toggle-sidebar {
56
+ left: 25px;
57
+ }
58
+
59
+ .fade-in {
60
+ animation: fadeIn 0.3s ease-in-out;
61
+ }
62
+
63
+ @keyframes fadeIn {
64
+ from { opacity: 0; transform: translateY(10px); }
65
+ to { opacity: 1; transform: translateY(0); }
66
+ }
67
+
68
+ .card-hover:hover {
69
+ transform: translateY(-5px);
70
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
71
+ }
72
+
73
+ .transition-all {
74
+ transition: all 0.3s ease;
75
+ }
76
+ </style>
77
+ </head>
78
+ <body class="bg-gray-900 text-gray-100 min-h-screen flex">
79
+ <!-- Sidebar -->
80
+ <div id="sidebar" class="bg-gray-800 text-white w-64 min-h-screen flex flex-col transition-all duration-300 fixed z-10">
81
+ <div class="p-4 flex items-center space-x-3 border-b border-gray-700">
82
+ <div class="bg-blue-600 p-2 rounded-lg">
83
+ <i class="fas fa-shopping-cart text-white text-xl"></i>
84
+ </div>
85
+ <span class="logo-text text-xl font-bold">TOM System</span>
86
+ </div>
87
+
88
+ <div class="p-4 border-b border-gray-700 flex items-center space-x-3">
89
+ <div class="w-10 h-10 rounded-full bg-blue-600 flex items-center justify-center">
90
+ <span class="text-white font-bold">AD</span>
91
+ </div>
92
+ <div class="user-info">
93
+ <p class="font-medium">Admin User</p>
94
+ <p class="text-gray-400 text-sm">[email protected]</p>
95
+ </div>
96
+ </div>
97
+
98
+ <div class="p-4 flex-1 overflow-y-auto">
99
+ <div class="mb-6">
100
+ <p class="text-gray-400 uppercase text-xs font-bold mb-2">Menu Principal</p>
101
+ <ul>
102
+ <li>
103
+ <a href="#" class="sidebar-item flex items-center space-x-3 p-2 rounded-lg bg-blue-900 text-white mb-1">
104
+ <i class="fas fa-tachometer-alt"></i>
105
+ <span class="sidebar-item-text">Dashboard</span>
106
+ </a>
107
+ </li>
108
+ <li>
109
+ <a href="#" class="sidebar-item flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-700 mb-1">
110
+ <i class="fas fa-file-invoice-dollar"></i>
111
+ <span class="sidebar-item-text">Orçamentos</span>
112
+ </a>
113
+ </li>
114
+ <li>
115
+ <a href="#" class="sidebar-item flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-700 mb-1">
116
+ <i class="fas fa-shopping-basket"></i>
117
+ <span class="sidebar-item-text">Pedidos</span>
118
+ </a>
119
+ </li>
120
+ <li>
121
+ <a href="#" class="sidebar-item flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-700 mb-1">
122
+ <i class="fas fa-users"></i>
123
+ <span class="sidebar-item-text">Clientes</span>
124
+ </a>
125
+ </li>
126
+ <li>
127
+ <a href="#" class="sidebar-item flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-700 mb-1">
128
+ <i class="fas fa-truck"></i>
129
+ <span class="sidebar-item-text">Fornecedores</span>
130
+ </a>
131
+ </li>
132
+ <li>
133
+ <a href="#" class="sidebar-item flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-700 mb-1">
134
+ <i class="fas fa-boxes"></i>
135
+ <span class="sidebar-item-text">Produtos</span>
136
+ </a>
137
+ </li>
138
+ </ul>
139
+ </div>
140
+
141
+ <div class="mb-6">
142
+ <p class="text-gray-400 uppercase text-xs font-bold mb-2">Administrativo</p>
143
+ <ul>
144
+ <li>
145
+ <a href="#" class="sidebar-item flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-700 mb-1">
146
+ <i class="fas fa-user-shield"></i>
147
+ <span class="sidebar-item-text">Usuários</span>
148
+ </a>
149
+ </li>
150
+ <li>
151
+ <a href="#" class="sidebar-item flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-700 mb-1">
152
+ <i class="fas fa-key"></i>
153
+ <span class="sidebar-item-text">Permissões</span>
154
+ </a>
155
+ </li>
156
+ <li>
157
+ <a href="#" class="sidebar-item flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-700 mb-1">
158
+ <i class="fas fa-chart-bar"></i>
159
+ <span class="sidebar-item-text">Relatórios</span>
160
+ </a>
161
+ </li>
162
+ <li>
163
+ <a href="#" class="sidebar-item flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-700 mb-1">
164
+ <i class="fas fa-cog"></i>
165
+ <span class="sidebar-item-text">Configurações</span>
166
+ </a>
167
+ </li>
168
+ </ul>
169
+ </div>
170
+ </div>
171
+
172
+ <div class="p-4 border-t border-gray-700">
173
+ <button onclick="toggleSidebar()" class="toggle-sidebar flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-700 w-full">
174
+ <i class="fas fa-chevron-left"></i>
175
+ <span class="sidebar-item-text">Recolher Menu</span>
176
+ </button>
177
+ <a href="#" class="sidebar-item flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-700 mt-2">
178
+ <i class="fas fa-sign-out-alt"></i>
179
+ <span class="sidebar-item-text">Sair</span>
180
+ </a>
181
+ </div>
182
+ </div>
183
+
184
+ <!-- Main Content -->
185
+ <div class="flex-1 ml-64 transition-all duration-300" id="main-content">
186
+ <!-- Top Navigation -->
187
+ <nav class="bg-gray-800 p-4 flex justify-between items-center border-b border-gray-700">
188
+ <div class="flex items-center space-x-4">
189
+ <button class="md:hidden text-gray-300 hover:text-white" onclick="toggleMobileSidebar()">
190
+ <i class="fas fa-bars"></i>
191
+ </button>
192
+ <h1 class="text-xl font-bold">Dashboard</h1>
193
+ </div>
194
+
195
+ <div class="flex items-center space-x-4">
196
+ <div class="relative">
197
+ <button class="text-gray-300 hover:text-white" onclick="toggleDropdown('notifications-dropdown')">
198
+ <i class="fas fa-bell"></i>
199
+ <span class="absolute top-0 right-0 h-2 w-2 rounded-full bg-red-500"></span>
200
+ </button>
201
+ <div id="notifications-dropdown" class="hidden absolute right-0 mt-2 w-72 bg-gray-800 rounded-lg shadow-lg border border-gray-700 z-20">
202
+ <div class="p-3 border-b border-gray-700">
203
+ <h3 class="font-bold">Notificações (3)</h3>
204
+ </div>
205
+ <div class="max-h-60 overflow-y-auto">
206
+ <a href="#" class="block p-3 hover:bg-gray-700 border-b border-gray-700">
207
+ <div class="flex items-start">
208
+ <div class="bg-blue-600 p-2 rounded-full mr-3">
209
+ <i class="fas fa-shopping-basket text-white text-sm"></i>
210
+ </div>
211
+ <div>
212
+ <p class="font-medium">Novo pedido para aprovação</p>
213
+ <p class="text-gray-400 text-sm">Pedido #1234 aguardando sua análise</p>
214
+ <p class="text-gray-500 text-xs mt-1">2 minutos atrás</p>
215
+ </div>
216
+ </div>
217
+ </a>
218
+ <a href="#" class="block p-3 hover:bg-gray-700 border-b border-gray-700">
219
+ <div class="flex items-start">
220
+ <div class="bg-green-600 p-2 rounded-full mr-3">
221
+ <i class="fas fa-check-circle text-white text-sm"></i>
222
+ </div>
223
+ <div>
224
+ <p class="font-medium">Pedido aprovado</p>
225
+ <p class="text-gray-400 text-sm">Seu pedido #1233 foi aprovado</p>
226
+ <p class="text-gray-500 text-xs mt-1">1 hora atrás</p>
227
+ </div>
228
+ </div>
229
+ </a>
230
+ <a href="#" class="block p-3 hover:bg-gray-700">
231
+ <div class="flex items-start">
232
+ <div class="bg-yellow-600 p-2 rounded-full mr-3">
233
+ <i class="fas fa-exclamation-triangle text-white text-sm"></i>
234
+ </div>
235
+ <div>
236
+ <p class="font-medium">Orçamento expirando</p>
237
+ <p class="text-gray-400 text-sm">Orçamento #1221 expira em 2 dias</p>
238
+ <p class="text-gray-500 text-xs mt-1">Ontem</p>
239
+ </div>
240
+ </div>
241
+ </a>
242
+ </div>
243
+ <div class="p-3 border-t border-gray-700">
244
+ <a href="#" class="text-blue-400 hover:text-blue-300 text-sm font-medium">Ver todas</a>
245
+ </div>
246
+ </div>
247
+ </div>
248
+
249
+ <div class="relative">
250
+ <button class="flex items-center space-x-2" onclick="toggleDropdown('profile-dropdown')">
251
+ <div class="w-8 h-8 rounded-full bg-blue-600 flex items-center justify-center">
252
+ <span class="text-white font-bold">AD</span>
253
+ </div>
254
+ <span class="hidden md:inline">Admin User</span>
255
+ <i class="fas fa-chevron-down text-xs hidden md:inline"></i>
256
+ </button>
257
+ <div id="profile-dropdown" class="hidden absolute right-0 mt-2 w-48 bg-gray-800 rounded-lg shadow-lg border border-gray-700 z-20">
258
+ <a href="#" class="block px-4 py-2 hover:bg-gray-700">Meu Perfil</a>
259
+ <a href="#" class="block px-4 py-2 hover:bg-gray-700">Configurações</a>
260
+ <div class="border-t border-gray-700"></div>
261
+ <a href="#" class="block px-4 py-2 hover:bg-gray-700 text-red-400 hover:text-red-300">Sair</a>
262
+ </div>
263
+ </div>
264
+ </div>
265
+ </nav>
266
+
267
+ <!-- Content -->
268
+ <main class="p-6">
269
+ <!-- Stats Cards -->
270
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-6">
271
+ <div class="bg-gray-800 rounded-lg p-6 shadow-lg card-hover transition-all">
272
+ <div class="flex justify-between items-start">
273
+ <div>
274
+ <p class="text-gray-400">Orçamentos</p>
275
+ <h3 class="text-2xl font-bold mt-1">1,254</h3>
276
+ <p class="text-green-400 text-sm mt-2"><i class="fas fa-arrow-up mr-1"></i> 12% este mês</p>
277
+ </div>
278
+ <div class="bg-blue-900 p-3 rounded-lg">
279
+ <i class="fas fa-file-invoice-dollar text-blue-400"></i>
280
+ </div>
281
+ </div>
282
+ </div>
283
+
284
+ <div class="bg-gray-800 rounded-lg p-6 shadow-lg card-hover transition-all">
285
+ <div class="flex justify-between items-start">
286
+ <div>
287
+ <p class="text-gray-400">Pedidos</p>
288
+ <h3 class="text-2xl font-bold mt-1">842</h3>
289
+ <p class="text-green-400 text-sm mt-2"><i class="fas fa-arrow-up mr-1"></i> 8% este mês</p>
290
+ </div>
291
+ <div class="bg-green-900 p-3 rounded-lg">
292
+ <i class="fas fa-shopping-basket text-green-400"></i>
293
+ </div>
294
+ </div>
295
+ </div>
296
+
297
+ <div class="bg-gray-800 rounded-lg p-6 shadow-lg card-hover transition-all">
298
+ <div class="flex justify-between items-start">
299
+ <div>
300
+ <p class="text-gray-400">Aprovações Pendentes</p>
301
+ <h3 class="text-2xl font-bold mt-1">23</h3>
302
+ <p class="text-red-400 text-sm mt-2"><i class="fas fa-arrow-down mr-1"></i> 5% este mês</p>
303
+ </div>
304
+ <div class="bg-yellow-900 p-3 rounded-lg">
305
+ <i class="fas fa-clock text-yellow-400"></i>
306
+ </div>
307
+ </div>
308
+ </div>
309
+
310
+ <div class="bg-gray-800 rounded-lg p-6 shadow-lg card-hover transition-all">
311
+ <div class="flex justify-between items-start">
312
+ <div>
313
+ <p class="text-gray-400">Receita Total</p>
314
+ <h3 class="text-2xl font-bold mt-1">R$ 1.2M</h3>
315
+ <p class="text-green-400 text-sm mt-2"><i class="fas fa-arrow-up mr-1"></i> 15% este mês</p>
316
+ </div>
317
+ <div class="bg-purple-900 p-3 rounded-lg">
318
+ <i class="fas fa-dollar-sign text-purple-400"></i>
319
+ </div>
320
+ </div>
321
+ </div>
322
+ </div>
323
+
324
+ <!-- Charts and Recent Activity -->
325
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-6">
326
+ <!-- Sales Chart -->
327
+ <div class="bg-gray-800 rounded-lg p-6 shadow-lg lg:col-span-2">
328
+ <div class="flex justify-between items-center mb-6">
329
+ <h2 class="text-lg font-bold">Desempenho Mensal</h2>
330
+ <div class="flex space-x-2">
331
+ <button class="px-3 py-1 bg-blue-900 text-blue-400 rounded-lg text-sm">Mensal</button>
332
+ <button class="px-3 py-1 bg-gray-700 hover:bg-gray-600 rounded-lg text-sm">Anual</button>
333
+ </div>
334
+ </div>
335
+ <div class="h-64">
336
+ <!-- Chart Placeholder -->
337
+ <div class="bg-gray-700 rounded-lg h-full flex items-center justify-center">
338
+ <p class="text-gray-400">Gráfico de desempenho</p>
339
+ </div>
340
+ </div>
341
+ </div>
342
+
343
+ <!-- Recent Activity -->
344
+ <div class="bg-gray-800 rounded-lg p-6 shadow-lg">
345
+ <h2 class="text-lg font-bold mb-6">Atividade Recente</h2>
346
+ <div class="space-y-4">
347
+ <div class="flex items-start">
348
+ <div class="bg-blue-600 p-2 rounded-full mr-3">
349
+ <i class="fas fa-check-circle text-white text-sm"></i>
350
+ </div>
351
+ <div>
352
+ <p class="font-medium">Pedido aprovado</p>
353
+ <p class="text-gray-400 text-sm">Pedido #1234 foi aprovado por Admin User</p>
354
+ <p class="text-gray-500 text-xs mt-1">10 minutos atrás</p>
355
+ </div>
356
+ </div>
357
+ <div class="flex items-start">
358
+ <div class="bg-green-600 p-2 rounded-full mr-3">
359
+ <i class="fas fa-plus-circle text-white text-sm"></i>
360
+ </div>
361
+ <div>
362
+ <p class="font-medium">Novo orçamento</p>
363
+ <p class="text-gray-400 text-sm">João Silva criou um novo orçamento</p>
364
+ <p class="text-gray-500 text-xs mt-1">1 hora atrás</p>
365
+ </div>
366
+ </div>
367
+ <div class="flex items-start">
368
+ <div class="bg-yellow-600 p-2 rounded-full mr-3">
369
+ <i class="fas fa-exclamation-triangle text-white text-sm"></i>
370
+ </div>
371
+ <div>
372
+ <p class="font-medium">Pedido rejeitado</p>
373
+ <p class="text-gray-400 text-sm">Pedido #1233 foi rejeitado por Admin User</p>
374
+ <p class="text-gray-500 text-xs mt-1">2 horas atrás</p>
375
+ </div>
376
+ </div>
377
+ <div class="flex items-start">
378
+ <div class="bg-purple-600 p-2 rounded-full mr-3">
379
+ <i class="fas fa-user-plus text-white text-sm"></i>
380
+ </div>
381
+ <div>
382
+ <p class="font-medium">Novo cliente</p>
383
+ <p class="text-gray-400 text-sm">Empresa XYZ foi cadastrada no sistema</p>
384
+ <p class="text-gray-500 text-xs mt-1">Ontem</p>
385
+ </div>
386
+ </div>
387
+ </div>
388
+ <a href="#" class="block text-center mt-4 text-blue-400 hover:text-blue-300 text-sm font-medium">Ver todas as atividades</a>
389
+ </div>
390
+ </div>
391
+
392
+ <!-- Pending Approvals and Recent Orders -->
393
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
394
+ <!-- Pending Approvals -->
395
+ <div class="bg-gray-800 rounded-lg shadow-lg">
396
+ <div class="p-6 border-b border-gray-700">
397
+ <h2 class="text-lg font-bold">Aprovações Pendentes</h2>
398
+ </div>
399
+ <div class="overflow-x-auto">
400
+ <table class="min-w-full divide-y divide-gray-700">
401
+ <thead class="bg-gray-700">
402
+ <tr>
403
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-300 uppercase tracking-wider">Pedido</th>
404
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-300 uppercase tracking-wider">Cliente</th>
405
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-300 uppercase tracking-wider">Valor</th>
406
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-300 uppercase tracking-wider">Ações</th>
407
+ </tr>
408
+ </thead>
409
+ <tbody class="bg-gray-800 divide-y divide-gray-700">
410
+ <tr>
411
+ <td class="px-6 py-4 whitespace-nowrap">
412
+ <div class="font-medium">#1234</div>
413
+ <div class="text-gray-400 text-sm">12/06/2023</div>
414
+ </td>
415
+ <td class="px-6 py-4 whitespace-nowrap">
416
+ <div class="font-medium">Empresa ABC</div>
417
+ <div class="text-gray-400 text-sm">João Silva</div>
418
+ </td>
419
+ <td class="px-6 py-4 whitespace-nowrap">
420
+ <div class="font-medium">R$ 12,450.00</div>
421
+ </td>
422
+ <td class="px-6 py-4 whitespace-nowrap">
423
+ <button class="bg-green-600 hover:bg-green-700 text-white px-3 py-1 rounded text-sm mr-2">Aprovar</button>
424
+ <button class="bg-red-600 hover:bg-red-700 text-white px-3 py-1 rounded text-sm">Rejeitar</button>
425
+ </td>
426
+ </tr>
427
+ <tr>
428
+ <td class="px-6 py-4 whitespace-nowrap">
429
+ <div class="font-medium">#1233</div>
430
+ <div class="text-gray-400 text-sm">10/06/2023</div>
431
+ </td>
432
+ <td class="px-6 py-4 whitespace-nowrap">
433
+ <div class="font-medium">Indústria XYZ</div>
434
+ <div class="text-gray-400 text-sm">Maria Souza</div>
435
+ </td>
436
+ <td class="px-6 py-4 whitespace-nowrap">
437
+ <div class="font-medium">R$ 8,720.50</div>
438
+ </td>
439
+ <td class="px-6 py-4 whitespace-nowrap">
440
+ <button class="bg-green-600 hover:bg-green-700 text-white px-3 py-1 rounded text-sm mr-2">Aprovar</button>
441
+ <button class="bg-red-600 hover:bg-red-700 text-white px-3 py-1 rounded text-sm">Rejeitar</button>
442
+ </td>
443
+ </tr>
444
+ <tr>
445
+ <td class="px-6 py-4 whitespace-nowrap">
446
+ <div class="font-medium">#1232</div>
447
+ <div class="text-gray-400 text-sm">08/06/2023</div>
448
+ </td>
449
+ <td class="px-6 py-4 whitespace-nowrap">
450
+ <div class="font-medium">Comércio LTDA</div>
451
+ <div class="text-gray-400 text-sm">Carlos Oliveira</div>
452
+ </td>
453
+ <td class="px-6 py-4 whitespace-nowrap">
454
+ <div class="font-medium">R$ 5,340.00</div>
455
+ </td>
456
+ <td class="px-6 py-4 whitespace-nowrap">
457
+ <button class="bg-green-600 hover:bg-green-700 text-white px-3 py-1 rounded text-sm mr-2">Aprovar</button>
458
+ <button class="bg-red-600 hover:bg-red-700 text-white px-3 py-1 rounded text-sm">Rejeitar</button>
459
+ </td>
460
+ </tr>
461
+ </tbody>
462
+ </table>
463
+ </div>
464
+ <div class="p-4 border-t border-gray-700">
465
+ <a href="#" class="text-blue-400 hover:text-blue-300 text-sm font-medium">Ver todas as aprovações pendentes</a>
466
+ </div>
467
+ </div>
468
+
469
+ <!-- Recent Orders -->
470
+ <div class="bg-gray-800 rounded-lg shadow-lg">
471
+ <div class="p-6 border-b border-gray-700">
472
+ <h2 class="text-lg font-bold">Pedidos Recentes</h2>
473
+ </div>
474
+ <div class="overflow-x-auto">
475
+ <table class="min-w-full divide-y divide-gray-700">
476
+ <thead class="bg-gray-700">
477
+ <tr>
478
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-300 uppercase tracking-wider">Pedido</th>
479
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-300 uppercase tracking-wider">Status</th>
480
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-300 uppercase tracking-wider">Valor</th>
481
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-300 uppercase tracking-wider">Ações</th>
482
+ </tr>
483
+ </thead>
484
+ <tbody class="bg-gray-800 divide-y divide-gray-700">
485
+ <tr>
486
+ <td class="px-6 py-4 whitespace-nowrap">
487
+ <div class="font-medium">#1231</div>
488
+ <div class="text-gray-400 text-sm">05/06/2023</div>
489
+ </td>
490
+ <td class="px-6 py-4 whitespace-nowrap">
491
+ <span class="px-2 py-1 bg-green-900 text-green-300 rounded-full text-xs">Aprovado</span>
492
+ </td>
493
+ <td class="px-6 py-4 whitespace-nowrap">
494
+ <div class="font-medium">R$ 15,200.00</div>
495
+ </td>
496
+ <td class="px-6 py-4 whitespace-nowrap">
497
+ <button class="bg-blue-600 hover:bg-blue-700 text-white px-3 py-1 rounded text-sm">Detalhes</button>
498
+ </td>
499
+ </tr>
500
+ <tr>
501
+ <td class="px-6 py-4 whitespace-nowrap">
502
+ <div class="font-medium">#1230</div>
503
+ <div class="text-gray-400 text-sm">03/06/2023</div>
504
+ </td>
505
+ <td class="px-6 py-4 whitespace-nowrap">
506
+ <span class="px-2 py-1 bg-yellow-900 text-yellow-300 rounded-full text-xs">Processando</span>
507
+ </td>
508
+ <td class="px-6 py-4 whitespace-nowrap">
509
+ <div class="font-medium">R$ 9,870.50</div>
510
+ </td>
511
+ <td class="px-6 py-4 whitespace-nowrap">
512
+ <button class="bg-blue-600 hover:bg-blue-700 text-white px-3 py-1 rounded text-sm">Detalhes</button>
513
+ </td>
514
+ </tr>
515
+ <tr>
516
+ <td class="px-6 py-4 whitespace-nowrap">
517
+ <div class="font-medium">#1229</div>
518
+ <div class="text-gray-400 text-sm">01/06/2023</div>
519
+ </td>
520
+ <td class="px-6 py-4 whitespace-nowrap">
521
+ <span class="px-2 py-1 bg-red-900 text-red-300 rounded-full text-xs">Rejeitado</span>
522
+ </td>
523
+ <td class="px-6 py-4 whitespace-nowrap">
524
+ <div class="font-medium">R$ 7,430.00</div>
525
+ </td>
526
+ <td class="px-6 py-4 whitespace-nowrap">
527
+ <button class="bg-blue-600 hover:bg-blue-700 text-white px-3 py-1 rounded text-sm">Detalhes</button>
528
+ </td>
529
+ </tr>
530
+ </tbody>
531
+ </table>
532
+ </div>
533
+ <div class="p-4 border-t border-gray-700">
534
+ <a href="#" class="text-blue-400 hover:text-blue-300 text-sm font-medium">Ver todos os pedidos</a>
535
+ </div>
536
+ </div>
537
+ </div>
538
+ </main>
539
+ </div>
540
+
541
+ <!-- Mobile Sidebar Overlay -->
542
+ <div id="mobile-sidebar-overlay" class="fixed inset-0 bg-black bg-opacity-50 z-20 hidden" onclick="toggleMobileSidebar()"></div>
543
+
544
+ <script>
545
+ // Toggle sidebar
546
+ function toggleSidebar() {
547
+ const sidebar = document.getElementById('sidebar');
548
+ const mainContent = document.getElementById('main-content');
549
+
550
+ sidebar.classList.toggle('sidebar-collapsed');
551
+ mainContent.classList.toggle('ml-64');
552
+ mainContent.classList.toggle('ml-20');
553
+ }
554
+
555
+ // Toggle mobile sidebar
556
+ function toggleMobileSidebar() {
557
+ const sidebar = document.getElementById('sidebar');
558
+ const overlay = document.getElementById('mobile-sidebar-overlay');
559
+
560
+ sidebar.classList.toggle('hidden');
561
+ sidebar.classList.toggle('block');
562
+ overlay.classList.toggle('hidden');
563
+ }
564
+
565
+ // Toggle dropdowns
566
+ function toggleDropdown(id) {
567
+ const dropdown = document.getElementById(id);
568
+ dropdown.classList.toggle('hidden');
569
+ }
570
+
571
+ // Close dropdowns when clicking outside
572
+ document.addEventListener('click', function(event) {
573
+ if (!event.target.matches('.relative *')) {
574
+ const dropdowns = document.querySelectorAll('.absolute');
575
+ dropdowns.forEach(function(dropdown) {
576
+ if (!dropdown.classList.contains('hidden')) {
577
+ dropdown.classList.add('hidden');
578
+ }
579
+ });
580
+ }
581
+ });
582
+
583
+ // Dark mode toggle (if needed)
584
+ function toggleDarkMode() {
585
+ const html = document.documentElement;
586
+ html.classList.toggle('dark');
587
+ }
588
+ </script>
589
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=gallabs/dashboard-orcamento-pcompras" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
590
+ </html>
prompts.txt ADDED
File without changes