Hugging Face's logo

Spaces:
LIMATEC
/
novopulsedesk6
Running

App Files Community
LIMATEC commited on
Commit
7be6f0d
·
verified ·
1 Parent(s): 9af66e8

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +419 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Novopulsedesk6
3
- emoji: 🦀
4
- colorFrom: green
5
- colorTo: indigo
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: novopulsedesk6
3
+ emoji: 🐳
4
+ colorFrom: pink
5
+ colorTo: yellow
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,419 @@
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">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>PULSEDESK - Sistema de Chamados</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap" rel="stylesheet">
9
+ <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
10
+ <style>
11
+ @keyframes heartbeat {
12
+ 0% { transform: scale(0.95); }
13
+ 25% { transform: scale(1.05); }
14
+ 50% { transform: scale(0.95); }
15
+ 75% { transform: scale(1.05); }
16
+ 100% { transform: scale(0.95); }
17
+ }
18
+ .heartbeat {
19
+ animation: heartbeat 1.5s infinite;
20
+ }
21
+ .tech-font {
22
+ font-family: 'Orbitron', sans-serif;
23
+ }
24
+ .hidden {
25
+ display: none;
26
+ }
27
+ .dark-mode {
28
+ background-color: #1a202c;
29
+ color: #f7fafc;
30
+ }
31
+ .dark-mode .bg-white {
32
+ background-color: #2d3748;
33
+ }
34
+ .dark-mode .bg-gray-100 {
35
+ background-color: #4a5568;
36
+ }
37
+ .dark-mode .text-gray-800 {
38
+ color: #f7fafc;
39
+ }
40
+ .dark-mode .border-gray-200 {
41
+ border-color: #4a5568;
42
+ }
43
+ </style>
44
+ </head>
45
+ <body class="bg-gray-100">
46
+ <div class="min-h-screen flex flex-col">
47
+ <!-- Header -->
48
+ <header class="bg-white shadow-sm">
49
+ <div class="container mx-auto px-4 py-3 flex items-center">
50
+ <div class="flex items-center">
51
+ <div class="relative w-12 h-12 mr-3">
52
+ <div class="absolute inset-0 bg-red-600 rounded-full"></div>
53
+ <div class="absolute inset-2 flex items-center justify-center text-white">
54
+ <svg class="heartbeat w-8 h-8" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
55
+ <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
56
+ </svg>
57
+ </div>
58
+ </div>
59
+ <h1 class="tech-font text-2xl font-bold text-orange-500">PULSEDESK</h1>
60
+ </div>
61
+ <div class="ml-auto flex items-center">
62
+ <button id="darkModeToggle" class="p-2 rounded-full hover:bg-gray-200">
63
+ <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
64
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"></path>
65
+ </svg>
66
+ </button>
67
+ <div class="ml-4">
68
+ <span class="text-sm font-medium">Admin</span>
69
+ </div>
70
+ </div>
71
+ </div>
72
+ </header>
73
+
74
+ <!-- Main Content -->
75
+ <div class="flex flex-1">
76
+ <!-- Sidebar -->
77
+ <aside class="w-64 bg-white shadow-sm">
78
+ <nav class="p-4">
79
+ <ul>
80
+ <li class="mb-2">
81
+ <button id="dashboardBtn" class="w-full text-left px-4 py-2 rounded bg-blue-100 text-blue-800 font-medium">Dashboard</button>
82
+ </li>
83
+ <li class="mb-2">
84
+ <button id="ticketsBtn" class="w-full text-left px-4 py-2 rounded hover:bg-gray-100">Chamados</button>
85
+ </li>
86
+ <li class="mb-2">
87
+ <button id="clientsBtn" class="w-full text-left px-4 py-2 rounded hover:bg-gray-100">Clientes</button>
88
+ </li>
89
+ <li class="mb-2">
90
+ <button id="reportsBtn" class="w-full text-left px-4 py-2 rounded hover:bg-gray-100">Relatórios</button>
91
+ </li>
92
+ <li class="mb-2">
93
+ <button id="settingsBtn" class="w-full text-left px-4 py-2 rounded hover:bg-gray-100">Configurações</button>
94
+ </li>
95
+ </ul>
96
+ </nav>
97
+ </aside>
98
+
99
+ <!-- Dashboard Content -->
100
+ <main class="flex-1 p-6" id="dashboardContent">
101
+ <h2 class="text-2xl font-bold mb-6">Dashboard</h2>
102
+
103
+ <!-- Status Cards -->
104
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8">
105
+ <div class="bg-white rounded-lg shadow p-6">
106
+ <div class="flex items-center">
107
+ <div class="p-3 rounded-full bg-red-100 text-red-600 mr-4">
108
+ <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
109
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
110
+ </svg>
111
+ </div>
112
+ <div>
113
+ <p class="text-gray-500">Chamados Abertos</p>
114
+ <h3 class="text-2xl font-bold" id="openTickets">12</h3>
115
+ </div>
116
+ </div>
117
+ </div>
118
+ <div class="bg-white rounded-lg shadow p-6">
119
+ <div class="flex items-center">
120
+ <div class="p-3 rounded-full bg-yellow-100 text-yellow-600 mr-4">
121
+ <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
122
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path>
123
+ </svg>
124
+ </div>
125
+ <div>
126
+ <p class="text-gray-500">Chamados em Andamento</p>
127
+ <h3 class="text-2xl font-bold" id="inProgressTickets">8</h3>
128
+ </div>
129
+ </div>
130
+ </div>
131
+ <div class="bg-white rounded-lg shadow p-6">
132
+ <div class="flex items-center">
133
+ <div class="p-3 rounded-full bg-blue-100 text-blue-600 mr-4">
134
+ <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
135
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 9v6m4-6v6m7-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
136
+ </svg>
137
+ </div>
138
+ <div>
139
+ <p class="text-gray-500">Chamados em Pausa</p>
140
+ <h3 class="text-2xl font-bold" id="pausedTickets">3</h3>
141
+ </div>
142
+ </div>
143
+ </div>
144
+ <div class="bg-white rounded-lg shadow p-6">
145
+ <div class="flex items-center">
146
+ <div class="p-3 rounded-full bg-green-100 text-green-600 mr-4">
147
+ <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
148
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
149
+ </svg>
150
+ </div>
151
+ <div>
152
+ <p class="text-gray-500">Chamados Finalizados</p>
153
+ <h3 class="text-2xl font-bold" id="closedTickets">24</h3>
154
+ </div>
155
+ </div>
156
+ </div>
157
+ </div>
158
+
159
+ <!-- Recent Tickets -->
160
+ <div class="bg-white rounded-lg shadow mb-8">
161
+ <div class="p-4 border-b">
162
+ <h3 class="font-medium">Últimos Chamados</h3>
163
+ </div>
164
+ <div class="overflow-x-auto">
165
+ <table class="min-w-full divide-y divide-gray-200">
166
+ <thead class="bg-gray-50">
167
+ <tr>
168
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">ID</th>
169
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Título</th>
170
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Cliente</th>
171
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Status</th>
172
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Data</th>
173
+ </tr>
174
+ </thead>
175
+ <tbody class="bg-white divide-y divide-gray-200">
176
+ <tr>
177
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">#4567</td>
178
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Problema com impressora</td>
179
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Empresa ABC</td>
180
+ <td class="px-6 py-4 whitespace-nowrap">
181
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800">Aberto</span>
182
+ </td>
183
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">10/05/2023</td>
184
+ </tr>
185
+ <tr>
186
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">#4566</td>
187
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Acesso negado ao sistema</td>
188
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Companhia XYZ</td>
189
+ <td class="px-6 py-4 whitespace-nowrap">
190
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-yellow-100 text-yellow-800">Andamento</span>
191
+ </td>
192
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">09/05/2023</td>
193
+ </tr>
194
+ <tr>
195
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">#4565</td>
196
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Atualização de software</td>
197
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Indústria 123</td>
198
+ <td class="px-6 py-4 whitespace-nowrap">
199
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-blue-100 text-blue-800">Pausa</span>
200
+ </td>
201
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">08/05/2023</td>
202
+ </tr>
203
+ <tr>
204
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">#4564</td>
205
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Configuração de rede</td>
206
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Serviços LTDA</td>
207
+ <td class="px-6 py-4 whitespace-nowrap">
208
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">Finalizado</span>
209
+ </td>
210
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">07/05/2023</td>
211
+ </tr>
212
+ </tbody>
213
+ </table>
214
+ </div>
215
+ </div>
216
+
217
+ <!-- Charts -->
218
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
219
+ <div class="bg-white rounded-lg shadow p-6">
220
+ <h3 class="font-medium mb-4">Status dos Chamados</h3>
221
+ <div class="h-64">
222
+ <canvas id="ticketsStatusChart"></canvas>
223
+ </div>
224
+ </div>
225
+ <div class="bg-white rounded-lg shadow p-6">
226
+ <h3 class="font-medium mb-4">Chamados por Cliente</h3>
227
+ <div class="h-64">
228
+ <canvas id="ticketsByClientChart"></canvas>
229
+ </div>
230
+ </div>
231
+ </div>
232
+ </main>
233
+ </div>
234
+
235
+ <!-- Footer -->
236
+ <footer class="bg-white border-t py-4">
237
+ <div class="container mx-auto px-4 text-center text-sm text-gray-500">
238
+ <p>PULSEDESK v1.0.0 - Sistema de Gerenciamento de Chamados</p>
239
+ <p class="mt-1">© 2023 Todos os direitos reservados</p>
240
+ </div>
241
+ </footer>
242
+ </div>
243
+
244
+ <!-- Modals -->
245
+ <!-- Tickets Modal -->
246
+ <div id="ticketsModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center hidden">
247
+ <div class="bg-white rounded-lg shadow-xl w-full max-w-3xl max-h-screen overflow-y-auto">
248
+ <div class="p-4 border-b flex justify-between items-center">
249
+ <h3 class="text-lg font-medium">Novo Chamado</h3>
250
+ <button id="closeTicketsModal" class="text-gray-500 hover:text-gray-700">
251
+ <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
252
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
253
+ </svg>
254
+ </button>
255
+ </div>
256
+ <div class="p-6">
257
+ <form>
258
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
259
+ <div>
260
+ <label class="block text-sm font-medium text-gray-700 mb-1">Nome</label>
261
+ <input type="text" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
262
+ </div>
263
+ <div>
264
+ <label class="block text-sm font-medium text-gray-700 mb-1">Departamento</label>
265
+ <select class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
266
+ <option>TI</option>
267
+ <option>Financeiro</option>
268
+ <option>RH</option>
269
+ <option>Comercial</option>
270
+ </select>
271
+ </div>
272
+ <div>
273
+ <label class="block text-sm font-medium text-gray-700 mb-1">Equipamento</label>
274
+ <input type="text" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
275
+ </div>
276
+ <div>
277
+ <label class="block text-sm font-medium text-gray-700 mb-1">Prioridade</label>
278
+ <select class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
279
+ <option>Baixa</option>
280
+ <option>Média</option>
281
+ <option>Alta</option>
282
+ <option>Crítica</option>
283
+ </select>
284
+ </div>
285
+ <div>
286
+ <label class="block text-sm font-medium text-gray-700 mb-1">Categoria</label>
287
+ <select class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
288
+ <option>Hardware</option>
289
+ <option>Software</option>
290
+ <option>Rede</option>
291
+ <option>Outros</option>
292
+ </select>
293
+ </div>
294
+ <div>
295
+ <label class="block text-sm font-medium text-gray-700 mb-1">Atribuir para</label>
296
+ <select class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
297
+ <option>Equipe de TI</option>
298
+ <option>Suporte Técnico</option>
299
+ <option>Administrador</option>
300
+ </select>
301
+ </div>
302
+ </div>
303
+ <div class="mt-6">
304
+ <label class="block text-sm font-medium text-gray-700 mb-1">Título do Chamado</label>
305
+ <input type="text" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
306
+ </div>
307
+ <div class="mt-6">
308
+ <label class="block text-sm font-medium text-gray-700 mb-1">Descrição Detalhada</label>
309
+ <textarea rows="4" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"></textarea>
310
+ </div>
311
+ <div class="mt-6 flex justify-end space-x-3">
312
+ <button type="button" id="cancelTicket" class="px-4 py-2 border border-gray-300 rounded-md text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">Cancelar</button>
313
+ <button type="button" class="px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">Criar Chamado</button>
314
+ </div>
315
+ </form>
316
+ </div>
317
+ </div>
318
+ </div>
319
+
320
+ <!-- Clients Modal -->
321
+ <div id="clientsModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center hidden">
322
+ <div class="bg-white rounded-lg shadow-xl w-full max-w-4xl max-h-screen overflow-y-auto">
323
+ <div class="p-4 border-b flex justify-between items-center">
324
+ <h3 class="text-lg font-medium">Cadastro de Cliente</h3>
325
+ <button id="closeClientsModal" class="text-gray-500 hover:text-gray-700">
326
+ <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
327
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
328
+ </svg>
329
+ </button>
330
+ </div>
331
+ <div class="p-6">
332
+ <div class="border-b border-gray-200">
333
+ <nav class="-mb-px flex space-x-8">
334
+ <button id="clientInfoTab" class="border-b-2 border-blue-500 text-blue-600 px-1 py-4 text-sm font-medium">Informações do Cliente</button>
335
+ <button id="departmentsTab" class="border-b-2 border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 px-1 py-4 text-sm font-medium">Departamentos</button>
336
+ <button id="employeesTab" class="border-b-2 border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 px-1 py-4 text-sm font-medium">Funcionários</button>
337
+ </nav>
338
+ </div>
339
+
340
+ <!-- Client Info Tab Content -->
341
+ <div id="clientInfoContent" class="mt-6">
342
+ <form>
343
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
344
+ <div>
345
+ <label class="block text-sm font-medium text-gray-700 mb-1">Nome/Razão Social</label>
346
+ <input type="text" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
347
+ </div>
348
+ <div>
349
+ <label class="block text-sm font-medium text-gray-700 mb-1">CNPJ</label>
350
+ <input type="text" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
351
+ </div>
352
+ <div>
353
+ <label class="block text-sm font-medium text-gray-700 mb-1">E-mail</label>
354
+ <input type="email" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
355
+ </div>
356
+ <div>
357
+ <label class="block text-sm font-medium text-gray-700 mb-1">Telefone</label>
358
+ <input type="tel" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
359
+ </div>
360
+ <div>
361
+ <label class="block text-sm font-medium text-gray-700 mb-1">Endereço</label>
362
+ <input type="text" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
363
+ </div>
364
+ <div>
365
+ <label class="block text-sm font-medium text-gray-700 mb-1">Cidade</label>
366
+ <input type="text" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
367
+ </div>
368
+ <div>
369
+ <label class="block text-sm font-medium text-gray-700 mb-1">Estado</label>
370
+ <select class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
371
+ <option>SP</option>
372
+ <option>RJ</option>
373
+ <option>MG</option>
374
+ <option>RS</option>
375
+ </select>
376
+ </div>
377
+ <div>
378
+ <label class="block text-sm font-medium text-gray-700 mb-1">Contrato</label>
379
+ <input type="text" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
380
+ </div>
381
+ <div>
382
+ <label class="block text-sm font-medium text-gray-700 mb-1">Nível de SLA</label>
383
+ <select class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
384
+ <option>Básico</option>
385
+ <option>Padrão</option>
386
+ <option>Premium</option>
387
+ </select>
388
+ </div>
389
+ </div>
390
+ <div class="mt-6 flex justify-end space-x-3">
391
+ <button type="button" id="cancelClient" class="px-4 py-2 border border-gray-300 rounded-md text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">Cancelar</button>
392
+ <button type="button" class="px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">Salvar Cliente</button>
393
+ </div>
394
+ </form>
395
+ </div>
396
+
397
+ <!-- Departments Tab Content -->
398
+ <div id="departmentsContent" class="mt-6 hidden">
399
+ <div class="flex justify-between items-center mb-6">
400
+ <h4 class="text-md font-medium">Departamento de Cliente</h4>
401
+ <button id="newDepartmentBtn" class="px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">Novo Departamento</button>
402
+ </div>
403
+
404
+ <!-- New Department Form (Hidden by default) -->
405
+ <div id="newDepartmentForm" class="bg-gray-50 p-4 rounded-md mb-6 hidden">
406
+ <h5 class="text-sm font-medium mb-4">Adicionar Novo Departamento</h5>
407
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
408
+ <div>
409
+ <label class="block text-sm font-medium text-gray-700 mb-1">Nome do Departamento</label>
410
+ <input type="text" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
411
+ </div>
412
+ <div>
413
+ <label class="block text-sm font-medium text-gray-700 mb-1">Responsável</label>
414
+ <input type="text" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
415
+ </div>
416
+ </div>
417
+ <div class="mt-4 flex justify-end space-x-3">
418
+ <button type="button" id="cancelNewDepartment" class="px-4 py-2 border border-gray-300 rounded-md text-sm font-medium text-gray
419
+ </html>
prompts.txt ADDED
File without changes