Hugging Face's logo

Spaces:
almatrx
/
https-huggingface-co-join-xet
Running

App Files Community
almatrx commited on
Commit
8ad9922
·
verified ·
1 Parent(s): da0c564

dependencies: flutter: sdk: flutter file_picker: ^6.2.0 # هذا هو السطر الذي ستقوم بإضافته - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +509 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Https Huggingface Co Join Xet
3
- emoji: 🦀
4
- colorFrom: gray
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: https-huggingface-co-join-xet
3
+ emoji: 🐳
4
+ colorFrom: blue
5
+ colorTo: gray
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,509 @@
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="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>DreamFlow - Legal Form Builder</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
+ theme: {
12
+ extend: {
13
+ colors: {
14
+ primary: '#6F61EF',
15
+ secondary: '#39D2C0',
16
+ accent: '#EE8B60',
17
+ surface: '#F7F7F7',
18
+ darkSurface: '#1E1E1E',
19
+ error: '#EF4444',
20
+ }
21
+ }
22
+ }
23
+ }
24
+ </script>
25
+ <style>
26
+ @import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap');
27
+
28
+ body {
29
+ font-family: 'Almarai', sans-serif;
30
+ direction: rtl;
31
+ }
32
+
33
+ .form-card {
34
+ transition: all 0.3s ease;
35
+ }
36
+
37
+ .form-card:hover {
38
+ transform: translateY(-5px);
39
+ box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
40
+ }
41
+
42
+ .recent-card {
43
+ transition: all 0.2s ease;
44
+ }
45
+
46
+ .recent-card:hover {
47
+ background-color: #f0f0f0;
48
+ }
49
+
50
+ .pulse {
51
+ animation: pulse 2s infinite;
52
+ }
53
+
54
+ @keyframes pulse {
55
+ 0% { box-shadow: 0 0 0 0 rgba(111, 97, 239, 0.4); }
56
+ 70% { box-shadow: 0 0 0 10px rgba(111, 97, 239, 0); }
57
+ 100% { box-shadow: 0 0 0 0 rgba(111, 97, 239, 0); }
58
+ }
59
+
60
+ .slide-in {
61
+ animation: slideIn 0.5s ease-out;
62
+ }
63
+
64
+ @keyframes slideIn {
65
+ from { transform: translateX(20px); opacity: 0; }
66
+ to { transform: translateX(0); opacity: 1; }
67
+ }
68
+
69
+ .fade-in {
70
+ animation: fadeIn 0.8s ease-out;
71
+ }
72
+
73
+ @keyframes fadeIn {
74
+ from { opacity: 0; }
75
+ to { opacity: 1; }
76
+ }
77
+
78
+ .document-editor {
79
+ min-height: 400px;
80
+ }
81
+
82
+ .sync-pulse {
83
+ animation: syncPulse 1.5s infinite;
84
+ }
85
+
86
+ @keyframes syncPulse {
87
+ 0% { transform: scale(1); }
88
+ 50% { transform: scale(1.1); }
89
+ 100% { transform: scale(1); }
90
+ }
91
+ </style>
92
+ </head>
93
+ <body class="bg-gray-50 text-gray-800">
94
+ <!-- Main Container -->
95
+ <div class="min-h-screen flex flex-col">
96
+ <!-- Header -->
97
+ <header class="bg-white shadow-sm py-4">
98
+ <div class="container mx-auto px-4 flex justify-between items-center">
99
+ <div class="flex items-center space-x-3">
100
+ <div class="bg-primary text-white p-2 rounded-lg">
101
+ <i class="fas fa-file-contract text-xl"></i>
102
+ </div>
103
+ <h1 class="text-xl md:text-2xl font-bold text-gray-800">صانع النماذج القانونية</h1>
104
+ </div>
105
+ <div class="flex items-center space-x-4">
106
+ <button id="theme-toggle" class="p-2 rounded-full hover:bg-gray-100">
107
+ <i class="fas fa-moon text-gray-600"></i>
108
+ </button>
109
+ <div class="relative">
110
+ <button class="p-2 rounded-full hover:bg-gray-100">
111
+ <i class="fas fa-bell text-gray-600"></i>
112
+ </button>
113
+ <span class="absolute top-0 right-0 bg-red-500 text-white text-xs rounded-full h-5 w-5 flex items-center justify-center">3</span>
114
+ </div>
115
+ <div class="flex items-center space-x-2">
116
+ <div class="bg-gray-200 border-2 border-dashed rounded-xl w-10 h-10"></div>
117
+ <span class="hidden md:inline text-gray-700">محمد أحمد</span>
118
+ </div>
119
+ </div>
120
+ </div>
121
+ </header>
122
+
123
+ <!-- Main Content -->
124
+ <main class="flex-grow container mx-auto px-4 py-6">
125
+ <!-- Welcome Banner -->
126
+ <div class="bg-gradient-to-r from-primary/10 to-secondary/10 rounded-xl p-6 mb-8 slide-in">
127
+ <div class="flex flex-col md:flex-row items-center">
128
+ <div class="flex-1 mb-4 md:mb-0">
129
+ <h2 class="text-2xl font-bold text-gray-800 mb-2">مرحباً بك في صانع النماذج القانونية</h2>
130
+ <p class="text-gray-600">أنشئ نماذجك القانونية بسهولة وسرعة</p>
131
+ </div>
132
+ <div class="bg-primary/10 p-4 rounded-lg">
133
+ <i class="fas fa-file-contract text-primary text-4xl"></i>
134
+ </div>
135
+ </div>
136
+ </div>
137
+
138
+ <!-- Sync Status -->
139
+ <div class="bg-white rounded-xl shadow-sm p-6 mb-8 slide-in">
140
+ <div class="flex flex-col md:flex-row justify-between items-center">
141
+ <div class="flex items-center mb-4 md:mb-0">
142
+ <div class="bg-green-100 p-3 rounded-full mr-4">
143
+ <i class="fas fa-cloud text-green-500"></i>
144
+ </div>
145
+ <div>
146
+ <h3 class="font-bold text-gray-800">متصل</h3>
147
+ <p class="text-sm text-gray-600">آخر مزامنة: منذ 5 دقائق</p>
148
+ </div>
149
+ </div>
150
+ <div class="flex space-x-4">
151
+ <div class="text-center">
152
+ <div class="bg-gray-100 rounded-lg p-3 mb-1">
153
+ <span class="text-xl font-bold">0</span>
154
+ </div>
155
+ <span class="text-xs text-gray-600">في الانتظار</span>
156
+ </div>
157
+ <div class="text-center">
158
+ <div class="bg-gray-100 rounded-lg p-3 mb-1">
159
+ <span class="text-xl font-bold">0</span>
160
+ </div>
161
+ <span class="text-xs text-gray-600">تعارضات</span>
162
+ </div>
163
+ <button class="bg-primary hover:bg-primary/90 text-white px-4 py-2 rounded-lg flex items-center">
164
+ <i class="fas fa-sync-alt mr-2 sync-pulse"></i>
165
+ مزامنة
166
+ </button>
167
+ </div>
168
+ </div>
169
+ </div>
170
+
171
+ <!-- Categories Section -->
172
+ <section class="mb-10">
173
+ <h2 class="text-2xl font-bold text-gray-800 mb-6">الفئات</h2>
174
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
175
+ <!-- Personal Status Card -->
176
+ <div class="form-card bg-white rounded-xl shadow-sm overflow-hidden">
177
+ <div class="p-6">
178
+ <div class="flex justify-between items-start">
179
+ <div class="flex items-center">
180
+ <div class="bg-primary/10 p-3 rounded-lg mr-4">
181
+ <span class="text-2xl">👰</span>
182
+ </div>
183
+ <div>
184
+ <h3 class="font-bold text-lg text-gray-800">الأحوال الشخصية</h3>
185
+ <p class="text-gray-600 text-sm">Personal Status</p>
186
+ </div>
187
+ </div>
188
+ <span class="bg-primary/10 text-primary px-3 py-1 rounded-full text-sm font-medium">12 نموذج</span>
189
+ </div>
190
+ <div class="mt-6 flex justify-between">
191
+ <button class="text-primary hover:text-primary/80 flex items-center">
192
+ <i class="fas fa-upload mr-1"></i>
193
+ استيراد نموذج
194
+ </button>
195
+ <button class="text-primary hover:text-primary/80 flex items-center">
196
+ <i class="fas fa-folder-open mr-1"></i>
197
+ إدارة المستندات
198
+ </button>
199
+ </div>
200
+ </div>
201
+ </div>
202
+
203
+ <!-- Pleadings Card -->
204
+ <div class="form-card bg-white rounded-xl shadow-sm overflow-hidden">
205
+ <div class="p-6">
206
+ <div class="flex justify-between items-start">
207
+ <div class="flex items-center">
208
+ <div class="bg-secondary/10 p-3 rounded-lg mr-4">
209
+ <span class="text-2xl">⚖️</span>
210
+ </div>
211
+ <div>
212
+ <h3 class="font-bold text-lg text-gray-800">المرافعات</h3>
213
+ <p class="text-gray-600 text-sm">Pleadings</p>
214
+ </div>
215
+ </div>
216
+ <span class="bg-secondary/10 text-secondary px-3 py-1 rounded-full text-sm font-medium">8 نموذج</span>
217
+ </div>
218
+ <div class="mt-6 flex justify-between">
219
+ <button class="text-secondary hover:text-secondary/80 flex items-center">
220
+ <i class="fas fa-upload mr-1"></i>
221
+ استيراد نموذج
222
+ </button>
223
+ <button class="text-secondary hover:text-secondary/80 flex items-center">
224
+ <i class="fas fa-folder-open mr-1"></i>
225
+ إدارة المستندات
226
+ </button>
227
+ </div>
228
+ </div>
229
+ </div>
230
+
231
+ <!-- Investigation Card -->
232
+ <div class="form-card bg-white rounded-xl shadow-sm overflow-hidden">
233
+ <div class="p-6">
234
+ <div class="flex justify-between items-start">
235
+ <div class="flex items-center">
236
+ <div class="bg-accent/10 p-3 rounded-lg mr-4">
237
+ <span class="text-2xl">🕵️</span>
238
+ </div>
239
+ <div>
240
+ <h3 class="font-bold text-lg text-gray-800">التحقيقات</h3>
241
+ <p class="text-gray-600 text-sm">Investigation</p>
242
+ </div>
243
+ </div>
244
+ <span class="bg-accent/10 text-accent px-3 py-1 rounded-full text-sm font-medium">5 نموذج</span>
245
+ </div>
246
+ <div class="mt-6 flex justify-between">
247
+ <button class="text-accent hover:text-accent/80 flex items-center">
248
+ <i class="fas fa-upload mr-1"></i>
249
+ استيراد نموذج
250
+ </button>
251
+ <button class="text-accent hover:text-accent/80 flex items-center">
252
+ <i class="fas fa-folder-open mr-1"></i>
253
+ إدارة المستندات
254
+ </button>
255
+ </div>
256
+ </div>
257
+ </div>
258
+ </div>
259
+ </section>
260
+
261
+ <!-- Recent Forms Section -->
262
+ <section>
263
+ <div class="flex justify-between items-center mb-6">
264
+ <h2 class="text-2xl font-bold text-gray-800">النماذج الأخيرة</h2>
265
+ <button class="text-primary hover:text-primary/80 flex items-center">
266
+ <i class="fas fa-plus mr-1"></i>
267
+ إنشاء نموذج جديد
268
+ </button>
269
+ </div>
270
+
271
+ <div class="bg-white rounded-xl shadow-sm overflow-hidden">
272
+ <!-- Recent Form Item -->
273
+ <div class="recent-card border-b border-gray-100 last:border-0">
274
+ <div class="p-4 flex items-center">
275
+ <div class="bg-primary/10 p-3 rounded-lg mr-4">
276
+ <span class="text-lg">👰</span>
277
+ </div>
278
+ <div class="flex-1">
279
+ <h3 class="font-bold text-gray-800">طلب طلاق</h3>
280
+ <p class="text-gray-600 text-sm">محكمة الاستئناف - محمد أحمد ضد فاطمة محمد</p>
281
+ <p class="text-gray-500 text-xs mt-1">2023/05/15</p>
282
+ </div>
283
+ <div class="flex space-x-2">
284
+ <button class="p-2 text-gray-500 hover:text-primary rounded-full hover:bg-primary/10">
285
+ <i class="fas fa-eye"></i>
286
+ </button>
287
+ <button class="p-2 text-gray-500 hover:text-red-500 rounded-full hover:bg-red-50">
288
+ <i class="fas fa-trash"></i>
289
+ </button>
290
+ </div>
291
+ </div>
292
+ </div>
293
+
294
+ <!-- Recent Form Item -->
295
+ <div class="recent-card border-b border-gray-100 last:border-0">
296
+ <div class="p-4 flex items-center">
297
+ <div class="bg-secondary/10 p-3 rounded-lg mr-4">
298
+ <span class="text-lg">⚖️</span>
299
+ </div>
300
+ <div class="flex-1">
301
+ <h3 class="font-bold text-gray-800">طلب استرداد أموال</h3>
302
+ <p class="text-gray-600 text-sm">محكمة التجارة - شركة الألفية ضد شركة النور</p>
303
+ <p class="text-gray-500 text-xs mt-1">2023/05/10</p>
304
+ </div>
305
+ <div class="flex space-x-2">
306
+ <button class="p-2 text-gray-500 hover:text-primary rounded-full hover:bg-primary/10">
307
+ <i class="fas fa-eye"></i>
308
+ </button>
309
+ <button class="p-2 text-gray-500 hover:text-red-500 rounded-full hover:bg-red-50">
310
+ <i class="fas fa-trash"></i>
311
+ </button>
312
+ </div>
313
+ </div>
314
+ </div>
315
+
316
+ <!-- Recent Form Item -->
317
+ <div class="recent-card border-b border-gray-100 last:border-0">
318
+ <div class="p-4 flex items-center">
319
+ <div class="bg-accent/10 p-3 rounded-lg mr-4">
320
+ <span class="text-lg">🕵️</span>
321
+ </div>
322
+ <div class="flex-1">
323
+ <h3 class="font-bold text-gray-800">تقرير تحقيقات</h3>
324
+ <p class="text-gray-600 text-sm">إدارة التحقيقات - قضية سرقة مركبة</p>
325
+ <p class="text-gray-500 text-xs mt-1">2023/05/05</p>
326
+ </div>
327
+ <div class="flex space-x-2">
328
+ <button class="p-2 text-gray-500 hover:text-primary rounded-full hover:bg-primary/10">
329
+ <i class="fas fa-eye"></i>
330
+ </button>
331
+ <button class="p-2 text-gray-500 hover:text-red-500 rounded-full hover:bg-red-50">
332
+ <i class="fas fa-trash"></i>
333
+ </button>
334
+ </div>
335
+ </div>
336
+ </div>
337
+ </div>
338
+ </section>
339
+ </main>
340
+
341
+ <!-- Footer -->
342
+ <footer class="bg-white border-t py-6">
343
+ <div class="container mx-auto px-4 text-center text-gray-600">
344
+ <p>© 2023 DreamFlow - صانع النماذج القانونية. جميع الحقوق محفوظة.</p>
345
+ </div>
346
+ </footer>
347
+ </div>
348
+
349
+ <!-- Document Editor Modal -->
350
+ <div id="document-editor-modal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50 hidden">
351
+ <div class="bg-white rounded-xl w-full max-w-4xl max-h-[90vh] flex flex-col">
352
+ <div class="p-4 border-b flex justify-between items-center">
353
+ <h3 class="text-xl font-bold">تحرير المستند</h3>
354
+ <button id="close-editor" class="text-gray-500 hover:text-gray-700">
355
+ <i class="fas fa-times"></i>
356
+ </button>
357
+ </div>
358
+
359
+ <div class="p-4 border-b">
360
+ <input type="text" value="طلب طلاق" class="w-full p-3 border rounded-lg mb-2 text-right" placeholder="اسم المستند">
361
+ <div class="flex justify-between text-sm text-gray-600">
362
+ <span>الأحوال الشخصية</span>
363
+ <span>آخر تعديل: الآن</span>
364
+ </div>
365
+ </div>
366
+
367
+ <div class="p-4 border-b bg-gray-50">
368
+ <div class="flex flex-wrap gap-2">
369
+ <button class="px-3 py-1 bg-gray-200 hover:bg-gray-300 rounded-lg flex items-center">
370
+ <i class="fas fa-bold mr-1"></i>
371
+ عريض
372
+ </button>
373
+ <button class="px-3 py-1 bg-gray-200 hover:bg-gray-300 rounded-lg flex items-center">
374
+ <i class="fas fa-italic mr-1"></i>
375
+ مائل
376
+ </button>
377
+ <button class="px-3 py-1 bg-gray-200 hover:bg-gray-300 rounded-lg flex items-center">
378
+ <i class="fas fa-underline mr-1"></i>
379
+ تحته خط
380
+ </button>
381
+ <div class="border-l h-6 my-auto mx-2"></div>
382
+ <button class="px-3 py-1 bg-gray-200 hover:bg-gray-300 rounded-lg flex items-center">
383
+ <i class="fas fa-gavel mr-1"></i>
384
+ اسم المحكمة
385
+ </button>
386
+ <button class="px-3 py-1 bg-gray-200 hover:bg-gray-300 rounded-lg flex items-center">
387
+ <i class="fas fa-user mr-1"></i>
388
+ اسم المدعي
389
+ </button>
390
+ <button class="px-3 py-1 bg-gray-200 hover:bg-gray-300 rounded-lg flex items-center">
391
+ <i class="fas fa-user-friends mr-1"></i>
392
+ اسم المدعى عليه
393
+ </button>
394
+ <button class="px-3 py-1 bg-gray-200 hover:bg-gray-300 rounded-lg flex items-center">
395
+ <i class="fas fa-calendar mr-1"></i>
396
+ التاريخ
397
+ </button>
398
+ </div>
399
+ </div>
400
+
401
+ <div class="flex-grow p-4 overflow-auto">
402
+ <textarea class="document-editor w-full p-4 border rounded-lg text-right" placeholder="ابدأ بكتابة المحتوى هنا...">
403
+ محكمة الاستئناف
404
+ التاريخ: 2023/05/15
405
+
406
+ المدعي: محمد أحمد
407
+ المدعى عليه: فاطمة محمد
408
+
409
+ الموضوع: طلب طلاق
410
+
411
+ أنا الموقع أدناه، أطلب من هذه المحكمة الموقرة إصدار حكم بالطلاق بيني وبين زوجتي فاطمة محمد، وذلك للأسباب التالية:
412
+
413
+ 1. عدم التفاهم المستمر بين الطرفين.
414
+ 2. تكرار المشاكل العائلية التي تؤثر على حياة الأطفال.
415
+ 3. عدم القدرة على المصالحة رغم المحاولات.
416
+
417
+ أطلب من المحكمة إصدار حكم بالطلاق وتحديد النفقة والحضانة حسب القانون.
418
+
419
+ مع خالص التقدير،
420
+ محمد أحمد
421
+ </textarea>
422
+ </div>
423
+
424
+ <div class="p-4 border-t flex justify-between items-center">
425
+ <div class="flex items-center text-sm text-gray-600">
426
+ <i class="fas fa-edit text-orange-500 mr-1"></i>
427
+ <span>تم التعديل</span>
428
+ <span class="mx-2">|</span>
429
+ <span>الكلمات: 128</span>
430
+ </div>
431
+ <div class="flex space-x-2">
432
+ <button class="px-4 py-2 border border-gray-300 rounded-lg hover:bg-gray-100">
433
+ <i class="fas fa-sync-alt mr-1"></i>
434
+ مزامنة
435
+ </button>
436
+ <button class="px-4 py-2 bg-primary text-white rounded-lg hover:bg-primary/90 flex items-center">
437
+ <i class="fas fa-save mr-1"></i>
438
+ حفظ المستند
439
+ </button>
440
+ </div>
441
+ </div>
442
+ </div>
443
+ </div>
444
+
445
+ <script>
446
+ // Theme Toggle
447
+ const themeToggle = document.getElementById('theme-toggle');
448
+ const themeIcon = themeToggle.querySelector('i');
449
+
450
+ themeToggle.addEventListener('click', () => {
451
+ document.body.classList.toggle('dark');
452
+ if (document.body.classList.contains('dark')) {
453
+ themeIcon.classList.remove('fa-moon');
454
+ themeIcon.classList.add('fa-sun');
455
+ document.body.style.backgroundColor = '#1E1E1E';
456
+ document.body.style.color = '#FFFFFF';
457
+ } else {
458
+ themeIcon.classList.remove('fa-sun');
459
+ themeIcon.classList.add('fa-moon');
460
+ document.body.style.backgroundColor = '#F7F7F7';
461
+ document.body.style.color = '#1E1E1E';
462
+ }
463
+ });
464
+
465
+ // Document Editor Modal
466
+ const editorModal = document.getElementById('document-editor-modal');
467
+ const closeEditor = document.getElementById('close-editor');
468
+
469
+ // Open editor when clicking on any recent form
470
+ document.querySelectorAll('.recent-card').forEach(card => {
471
+ card.addEventListener('click', () => {
472
+ editorModal.classList.remove('hidden');
473
+ document.body.style.overflow = 'hidden';
474
+ });
475
+ });
476
+
477
+ closeEditor.addEventListener('click', () => {
478
+ editorModal.classList.add('hidden');
479
+ document.body.style.overflow = 'auto';
480
+ });
481
+
482
+ // Close modal when clicking outside
483
+ window.addEventListener('click', (e) => {
484
+ if (e.target === editorModal) {
485
+ editorModal.classList.add('hidden');
486
+ document.body.style.overflow = 'auto';
487
+ }
488
+ });
489
+
490
+ // Simulate form creation
491
+ document.querySelectorAll('.form-card button').forEach(button => {
492
+ button.addEventListener('click', (e) => {
493
+ e.stopPropagation();
494
+ alert('وظيفة إنشاء نموذج جديدة سيتم تنفيذها هنا');
495
+ });
496
+ });
497
+
498
+ // Simulate form deletion
499
+ document.querySelectorAll('.recent-card .fa-trash').forEach(button => {
500
+ button.closest('button').addEventListener('click', (e) => {
501
+ e.stopPropagation();
502
+ if (confirm('هل أنت متأكد من حذف هذا النموذج؟')) {
503
+ e.target.closest('.recent-card').remove();
504
+ }
505
+ });
506
+ });
507
+ </script>
508
+ <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=almatrx/https-huggingface-co-join-xet" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
509
+ </html>