Hugging Face's logo

Spaces:
mdtm
/
madrassa
Running

App Files Community
mdtm commited on
Commit
4f27cbb
·
verified ·
1 Parent(s): 34c6295

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +832 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Madrassa
3
- emoji: 🐢
4
- colorFrom: red
5
- colorTo: pink
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: madrassa
3
+ emoji: 🐳
4
+ colorFrom: green
5
+ colorTo: blue
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,832 @@
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="ar" dir="rtl">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>نظام إدارة مدرسة النور</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
+ <style>
10
+ @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;900&display=swap');
11
+
12
+ body {
13
+ font-family: 'Tajawal', sans-serif;
14
+ transition: all 0.3s ease;
15
+ }
16
+
17
+ .rtl {
18
+ direction: rtl;
19
+ }
20
+
21
+ .ltr {
22
+ direction: ltr;
23
+ }
24
+
25
+ .sidebar {
26
+ transition: all 0.3s ease;
27
+ }
28
+
29
+ .sidebar-mini {
30
+ width: 80px;
31
+ }
32
+
33
+ .sidebar-mini .nav-text {
34
+ display: none;
35
+ }
36
+
37
+ .sidebar-mini:hover {
38
+ width: 250px;
39
+ }
40
+
41
+ .sidebar-mini:hover .nav-text {
42
+ display: inline;
43
+ }
44
+
45
+ .content-area {
46
+ transition: all 0.3s ease;
47
+ }
48
+
49
+ .content-expand {
50
+ margin-right: 250px;
51
+ }
52
+
53
+ .content-mini {
54
+ margin-right: 80px;
55
+ }
56
+
57
+ .language-switch {
58
+ transition: all 0.3s ease;
59
+ }
60
+
61
+ .language-switch:hover {
62
+ transform: scale(1.1);
63
+ }
64
+
65
+ .dropdown:hover .dropdown-menu {
66
+ display: block;
67
+ }
68
+
69
+ /* Dark mode styles */
70
+ .dark-mode {
71
+ background-color: #1a202c;
72
+ color: #f7fafc;
73
+ }
74
+
75
+ .dark-mode .sidebar {
76
+ background-color: #2d3748;
77
+ }
78
+
79
+ .dark-mode .card {
80
+ background-color: #2d3748;
81
+ border-color: #4a5568;
82
+ }
83
+
84
+ /* Animation for notifications */
85
+ @keyframes slideIn {
86
+ from {
87
+ transform: translateX(100%);
88
+ opacity: 0;
89
+ }
90
+ to {
91
+ transform: translateX(0);
92
+ opacity: 1;
93
+ }
94
+ }
95
+
96
+ .notification {
97
+ animation: slideIn 0.3s ease-out;
98
+ }
99
+ </style>
100
+ </head>
101
+ <body class="bg-gray-100 rtl">
102
+ <!-- Top Navigation Bar -->
103
+ <nav class="bg-blue-600 text-white shadow-lg fixed top-0 right-0 left-0 z-50">
104
+ <div class="flex items-center justify-between px-4 py-3">
105
+ <div class="flex items-center">
106
+ <button id="sidebarToggle" class="text-white focus:outline-none mr-4">
107
+ <i class="fas fa-bars text-xl"></i>
108
+ </button>
109
+ <a href="#" class="text-xl font-bold flex items-center">
110
+ <i class="fas fa-school mr-2"></i>
111
+ <span>نظام إدارة مدرسة النور</span>
112
+ </a>
113
+ </div>
114
+
115
+ <div class="flex items-center space-x-4 space-x-reverse">
116
+ <button id="darkModeToggle" class="text-white focus:outline-none">
117
+ <i class="fas fa-moon"></i>
118
+ </button>
119
+
120
+ <div class="relative">
121
+ <button id="notificationBtn" class="text-white focus:outline-none relative">
122
+ <i class="fas fa-bell text-xl"></i>
123
+ <span class="absolute -top-1 -right-1 bg-red-500 text-white text-xs rounded-full h-5 w-5 flex items-center justify-center">3</span>
124
+ </button>
125
+ <div id="notificationDropdown" class="hidden absolute right-0 mt-2 w-72 bg-white rounded-md shadow-lg z-50 text-gray-800">
126
+ <div class="p-2 border-b">
127
+ <p class="font-bold">الإشعارات</p>
128
+ </div>
129
+ <div class="max-h-60 overflow-y-auto">
130
+ <a href="#" class="block px-4 py-2 hover:bg-gray-100 border-b notification">
131
+ <p class="text-sm">لديك اجتماع مع ولي أمر الطالب أحمد محمد</p>
132
+ <p class="text-xs text-gray-500">منذ ساعة</p>
133
+ </a>
134
+ <a href="#" class="block px-4 py-2 hover:bg-gray-100 border-b notification">
135
+ <p class="text-sm">تم تسجيل دفعة جديدة من ولي أمر الطالب يوسف</p>
136
+ <p class="text-xs text-gray-500">منذ يومين</p>
137
+ </a>
138
+ <a href="#" class="block px-4 py-2 hover:bg-gray-100 notification">
139
+ <p class="text-sm">تذكير: لديك حصة قرآن غداً في الساعة 4 مساءً</p>
140
+ <p class="text-xs text-gray-500">منذ 3 أيام</p>
141
+ </a>
142
+ </div>
143
+ <div class="p-2 border-t text-center">
144
+ <a href="#" class="text-blue-600 text-sm">عرض جميع الإشعارات</a>
145
+ </div>
146
+ </div>
147
+ </div>
148
+
149
+ <div class="relative dropdown">
150
+ <button class="flex items-center space-x-2 space-x-reverse focus:outline-none">
151
+ <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="User" class="h-8 w-8 rounded-full">
152
+ <span class="font-medium">أحمد محمد</span>
153
+ <i class="fas fa-chevron-down text-xs"></i>
154
+ </button>
155
+ <div class="dropdown-menu hidden absolute right-0 mt-2 w-48 bg-white rounded-md shadow-lg z-50 py-1 text-gray-800">
156
+ <a href="#" class="block px-4 py-2 hover:bg-gray-100"><i class="fas fa-user mr-2"></i>الملف الشخصي</a>
157
+ <a href="#" class="block px-4 py-2 hover:bg-gray-100"><i class="fas fa-cog mr-2"></i>الإعدادات</a>
158
+ <div class="border-t"></div>
159
+ <a href="#" class="block px-4 py-2 hover:bg-gray-100 text-red-500"><i class="fas fa-sign-out-alt mr-2"></i>تسجيل الخروج</a>
160
+ </div>
161
+ </div>
162
+
163
+ <button id="languageToggle" class="language-switch bg-white text-blue-600 px-2 py-1 rounded-md text-sm font-medium flex items-center">
164
+ <span class="mr-1">العربية</span>
165
+ <i class="fas fa-language"></i>
166
+ </button>
167
+ </div>
168
+ </div>
169
+ </nav>
170
+
171
+ <!-- Sidebar -->
172
+ <aside id="sidebar" class="sidebar bg-blue-800 text-white fixed top-16 right-0 bottom-0 w-64 shadow-lg overflow-y-auto transition-all duration-300">
173
+ <div class="p-4">
174
+ <div class="flex items-center space-x-3 space-x-reverse mb-6">
175
+ <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="User" class="h-10 w-10 rounded-full">
176
+ <div>
177
+ <p class="font-bold">أحمد محمد</p>
178
+ <p class="text-xs text-blue-200">مدير المدرسة</p>
179
+ </div>
180
+ </div>
181
+
182
+ <div class="mb-6">
183
+ <p class="text-xs uppercase text-blue-300 mb-2">القائمة الرئيسية</p>
184
+ <ul>
185
+ <li class="mb-1">
186
+ <a href="#" class="flex items-center px-3 py-2 rounded-md bg-blue-700">
187
+ <i class="fas fa-tachometer-alt ml-2"></i>
188
+ <span class="nav-text">لوحة التحكم</span>
189
+ </a>
190
+ </li>
191
+ </ul>
192
+ </div>
193
+
194
+ <div class="mb-6">
195
+ <p class="text-xs uppercase text-blue-300 mb-2">إدارة الطلاب</p>
196
+ <ul>
197
+ <li class="mb-1">
198
+ <a href="#" class="flex items-center px-3 py-2 rounded-md hover:bg-blue-700">
199
+ <i class="fas fa-user-graduate ml-2"></i>
200
+ <span class="nav-text">سجل الطلاب</span>
201
+ </a>
202
+ </li>
203
+ <li class="mb-1">
204
+ <a href="#" class="flex items-center px-3 py-2 rounded-md hover:bg-blue-700">
205
+ <i class="fas fa-user-plus ml-2"></i>
206
+ <span class="nav-text">تسجيل طالب جديد</span>
207
+ </a>
208
+ </li>
209
+ <li class="mb-1">
210
+ <a href="#" class="flex items-center px-3 py-2 rounded-md hover:bg-blue-700">
211
+ <i class="fas fa-calendar-check ml-2"></i>
212
+ <span class="nav-text">الحضور والغياب</span>
213
+ </a>
214
+ </li>
215
+ <li class="mb-1">
216
+ <a href="#" class="flex items-center px-3 py-2 rounded-md hover:bg-blue-700">
217
+ <i class="fas fa-chart-line ml-2"></i>
218
+ <span class="nav-text">التقارير الأكاديمية</span>
219
+ </a>
220
+ </li>
221
+ </ul>
222
+ </div>
223
+
224
+ <div class="mb-6">
225
+ <p class="text-xs uppercase text-blue-300 mb-2">إدارة المعلمين</p>
226
+ <ul>
227
+ <li class="mb-1">
228
+ <a href="#" class="flex items-center px-3 py-2 rounded-md hover:bg-blue-700">
229
+ <i class="fas fa-chalkboard-teacher ml-2"></i>
230
+ <span class="nav-text">سجل المعلمين</span>
231
+ </a>
232
+ </li>
233
+ <li class="mb-1">
234
+ <a href="#" class="flex items-center px-3 py-2 rounded-md hover:bg-blue-700">
235
+ <i class="fas fa-user-plus ml-2"></i>
236
+ <span class="nav-text">إضافة معلم جديد</span>
237
+ </a>
238
+ </li>
239
+ <li class="mb-1">
240
+ <a href="#" class="flex items-center px-3 py-2 rounded-md hover:bg-blue-700">
241
+ <i class="fas fa-calendar-alt ml-2"></i>
242
+ <span class="nav-text">جداول المعلمين</span>
243
+ </a>
244
+ </li>
245
+ </ul>
246
+ </div>
247
+
248
+ <div class="mb-6">
249
+ <p class="text-xs uppercase text-blue-300 mb-2">إدارة الدروس</p>
250
+ <ul>
251
+ <li class="mb-1">
252
+ <a href="#" class="flex items-center px-3 py-2 rounded-md hover:bg-blue-700">
253
+ <i class="fas fa-book ml-2"></i>
254
+ <span class="nav-text">المواد الدراسية</span>
255
+ </a>
256
+ </li>
257
+ <li class="mb-1">
258
+ <a href="#" class="flex items-center px-3 py-2 rounded-md hover:bg-blue-700">
259
+ <i class="fas fa-calendar ml-2"></i>
260
+ <span class="nav-text">الجدول الدراسي</span>
261
+ </a>
262
+ </li>
263
+ <li class="mb-1">
264
+ <a href="#" class="flex items-center px-3 py-2 rounded-md hover:bg-blue-700">
265
+ <i class="fas fa-file-pdf ml-2"></i>
266
+ <span class="nav-text">الموارد التعليمية</span>
267
+ </a>
268
+ </li>
269
+ </ul>
270
+ </div>
271
+
272
+ <div class="mb-6">
273
+ <p class="text-xs uppercase text-blue-300 mb-2">المالية</p>
274
+ <ul>
275
+ <li class="mb-1">
276
+ <a href="#" class="flex items-center px-3 py-2 rounded-md hover:bg-blue-700">
277
+ <i class="fas fa-money-bill-wave ml-2"></i>
278
+ <span class="nav-text">الرسوم الدراسية</span>
279
+ </a>
280
+ </li>
281
+ <li class="mb-1">
282
+ <a href="#" class="flex items-center px-3 py-2 rounded-md hover:bg-blue-700">
283
+ <i class="fas fa-credit-card ml-2"></i>
284
+ <span class="nav-text">المدفوعات</span>
285
+ </a>
286
+ </li>
287
+ </ul>
288
+ </div>
289
+
290
+ <div class="mb-6">
291
+ <p class="text-xs uppercase text-blue-300 mb-2">التواصل</p>
292
+ <ul>
293
+ <li class="mb-1">
294
+ <a href="#" class="flex items-center px-3 py-2 rounded-md hover:bg-blue-700">
295
+ <i class="fas fa-envelope ml-2"></i>
296
+ <span class="nav-text">الرسائل</span>
297
+ </a>
298
+ </li>
299
+ <li class="mb-1">
300
+ <a href="#" class="flex items-center px-3 py-2 rounded-md hover:bg-blue-700">
301
+ <i class="fas fa-bullhorn ml-2"></i>
302
+ <span class="nav-text">الإعلانات</span>
303
+ </a>
304
+ </li>
305
+ </ul>
306
+ </div>
307
+
308
+ <div class="mb-6">
309
+ <p class="text-xs uppercase text-blue-300 mb-2">الإعدادات</p>
310
+ <ul>
311
+ <li class="mb-1">
312
+ <a href="#" class="flex items-center px-3 py-2 rounded-md hover:bg-blue-700">
313
+ <i class="fas fa-users-cog ml-2"></i>
314
+ <span class="nav-text">المستخدمون والصلاحيات</span>
315
+ </a>
316
+ </li>
317
+ <li class="mb-1">
318
+ <a href="#" class="flex items-center px-3 py-2 rounded-md hover:bg-blue-700">
319
+ <i class="fas fa-database ml-2"></i>
320
+ <span class="nav-text">النسخ الاحتياطي</span>
321
+ </a>
322
+ </li>
323
+ </ul>
324
+ </div>
325
+ </div>
326
+ </aside>
327
+
328
+ <!-- Main Content -->
329
+ <main id="mainContent" class="content-area mt-16 mr-64 p-6 transition-all duration-300">
330
+ <div class="flex justify-between items-center mb-6">
331
+ <h1 class="text-2xl font-bold text-gray-800">لوحة التحكم</h1>
332
+ <div class="flex items-center space-x-2 space-x-reverse">
333
+ <span class="text-sm text-gray-600"><i class="fas fa-calendar-alt mr-1"></i> اليوم: 12 رجب 1444</span>
334
+ <span class="text-sm text-gray-600"><i class="fas fa-clock mr-1"></i> 10:30 صباحاً</span>
335
+ </div>
336
+ </div>
337
+
338
+ <!-- Stats Cards -->
339
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-6">
340
+ <div class="card bg-white rounded-lg shadow p-6 border-l-4 border-blue-500">
341
+ <div class="flex items-center justify-between">
342
+ <div>
343
+ <p class="text-gray-500">عدد الطلاب</p>
344
+ <h3 class="text-2xl font-bold">142</h3>
345
+ </div>
346
+ <div class="bg-blue-100 p-3 rounded-full">
347
+ <i class="fas fa-user-graduate text-blue-500 text-xl"></i>
348
+ </div>
349
+ </div>
350
+ <div class="mt-4">
351
+ <span class="text-green-500 text-sm"><i class="fas fa-arrow-up mr-1"></i> 12% عن الشهر الماضي</span>
352
+ </div>
353
+ </div>
354
+
355
+ <div class="card bg-white rounded-lg shadow p-6 border-l-4 border-green-500">
356
+ <div class="flex items-center justify-between">
357
+ <div>
358
+ <p class="text-gray-500">عدد المعلمين</p>
359
+ <h3 class="text-2xl font-bold">8</h3>
360
+ </div>
361
+ <div class="bg-green-100 p-3 rounded-full">
362
+ <i class="fas fa-chalkboard-teacher text-green-500 text-xl"></i>
363
+ </div>
364
+ </div>
365
+ <div class="mt-4">
366
+ <span class="text-green-500 text-sm"><i class="fas fa-arrow-up mr-1"></i> 2 معلم جديد</span>
367
+ </div>
368
+ </div>
369
+
370
+ <div class="card bg-white rounded-lg shadow p-6 border-l-4 border-yellow-500">
371
+ <div class="flex items-center justify-between">
372
+ <div>
373
+ <p class="text-gray-500">حضور اليوم</p>
374
+ <h3 class="text-2xl font-bold">87%</h3>
375
+ </div>
376
+ <div class="bg-yellow-100 p-3 rounded-full">
377
+ <i class="fas fa-calendar-check text-yellow-500 text-xl"></i>
378
+ </div>
379
+ </div>
380
+ <div class="mt-4">
381
+ <span class="text-red-500 text-sm"><i class="fas fa-arrow-down mr-1"></i> 5% عن الأمس</span>
382
+ </div>
383
+ </div>
384
+
385
+ <div class="card bg-white rounded-lg shadow p-6 border-l-4 border-purple-500">
386
+ <div class="flex items-center justify-between">
387
+ <div>
388
+ <p class="text-gray-500">المدفوعات الشهرية</p>
389
+ <h3 class="text-2xl font-bold">75%</h3>
390
+ </div>
391
+ <div class="bg-purple-100 p-3 rounded-full">
392
+ <i class="fas fa-money-bill-wave text-purple-500 text-xl"></i>
393
+ </div>
394
+ </div>
395
+ <div class="mt-4">
396
+ <span class="text-green-500 text-sm"><i class="fas fa-arrow-up mr-1"></i> 15% عن الشهر الماضي</span>
397
+ </div>
398
+ </div>
399
+ </div>
400
+
401
+ <!-- Recent Activities and Calendar -->
402
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-6">
403
+ <!-- Recent Activities -->
404
+ <div class="lg:col-span-2">
405
+ <div class="card bg-white rounded-lg shadow">
406
+ <div class="p-4 border-b">
407
+ <h3 class="font-bold text-lg">النشاطات الحديثة</h3>
408
+ </div>
409
+ <div class="p-4">
410
+ <div class="space-y-4">
411
+ <div class="flex items-start">
412
+ <div class="bg-blue-100 p-2 rounded-full mr-3">
413
+ <i class="fas fa-user-plus text-blue-500"></i>
414
+ </div>
415
+ <div>
416
+ <p class="font-medium">تم تسجيل طالب جدي��</p>
417
+ <p class="text-sm text-gray-500">الطالب محمد أحمد تم تسجيله في المستوى الثاني</p>
418
+ <p class="text-xs text-gray-400">منذ ساعتين</p>
419
+ </div>
420
+ </div>
421
+
422
+ <div class="flex items-start">
423
+ <div class="bg-green-100 p-2 rounded-full mr-3">
424
+ <i class="fas fa-money-bill-wave text-green-500"></i>
425
+ </div>
426
+ <div>
427
+ <p class="font-medium">تم تسجيل دفعة جديدة</p>
428
+ <p class="text-sm text-gray-500">ولي أمر الطالب يوسف قام بدفع الرسوم الشهرية</p>
429
+ <p class="text-xs text-gray-400">منذ 5 ساعات</p>
430
+ </div>
431
+ </div>
432
+
433
+ <div class="flex items-start">
434
+ <div class="bg-purple-100 p-2 rounded-full mr-3">
435
+ <i class="fas fa-calendar-check text-purple-500"></i>
436
+ </div>
437
+ <div>
438
+ <p class="font-medium">تم تسجيل حضور</p>
439
+ <p class="text-sm text-gray-500">المعلم خالد سجل حضور 15 طالب في حصة القرآن</p>
440
+ <p class="text-xs text-gray-400">منذ يوم</p>
441
+ </div>
442
+ </div>
443
+
444
+ <div class="flex items-start">
445
+ <div class="bg-yellow-100 p-2 rounded-full mr-3">
446
+ <i class="fas fa-file-pdf text-yellow-500"></i>
447
+ </div>
448
+ <div>
449
+ <p class="font-medium">تم رفع ملف جديد</p>
450
+ <p class="text-sm text-gray-500">المعلم علي رفع ملف PDF لدرس التربية الإسلامية</p>
451
+ <p class="text-xs text-gray-400">منذ يومين</p>
452
+ </div>
453
+ </div>
454
+ </div>
455
+
456
+ <div class="mt-4 text-center">
457
+ <a href="#" class="text-blue-600 text-sm">عرض جميع النشاطات</a>
458
+ </div>
459
+ </div>
460
+ </div>
461
+ </div>
462
+
463
+ <!-- Calendar -->
464
+ <div>
465
+ <div class="card bg-white rounded-lg shadow">
466
+ <div class="p-4 border-b">
467
+ <h3 class="font-bold text-lg">التقويم</h3>
468
+ </div>
469
+ <div class="p-4">
470
+ <div class="flex justify-between items-center mb-4">
471
+ <button class="text-gray-500 hover:text-gray-700">
472
+ <i class="fas fa-chevron-right"></i>
473
+ </button>
474
+ <span class="font-medium">رجب 1444</span>
475
+ <button class="text-gray-500 hover:text-gray-700">
476
+ <i class="fas fa-chevron-left"></i>
477
+ </button>
478
+ </div>
479
+
480
+ <div class="grid grid-cols-7 gap-1 mb-2">
481
+ <div class="text-center text-sm font-medium text-gray-500">أح</div>
482
+ <div class="text-center text-sm font-medium text-gray-500">إث</div>
483
+ <div class="text-center text-sm font-medium text-gray-500">ث</div>
484
+ <div class="text-center text-sm font-medium text-gray-500">ر</div>
485
+ <div class="text-center text-sm font-medium text-gray-500">خ</div>
486
+ <div class="text-center text-sm font-medium text-gray-500">ج</div>
487
+ <div class="text-center text-sm font-medium text-gray-500">س</div>
488
+ </div>
489
+
490
+ <div class="grid grid-cols-7 gap-1">
491
+ <div class="text-center py-2 text-sm text-gray-400">29</div>
492
+ <div class="text-center py-2 text-sm text-gray-400">30</div>
493
+ <div class="text-center py-2 text-sm">1</div>
494
+ <div class="text-center py-2 text-sm">2</div>
495
+ <div class="text-center py-2 text-sm">3</div>
496
+ <div class="text-center py-2 text-sm">4</div>
497
+ <div class="text-center py-2 text-sm">5</div>
498
+ </div>
499
+ <div class="grid grid-cols-7 gap-1">
500
+ <div class="text-center py-2 text-sm">6</div>
501
+ <div class="text-center py-2 text-sm">7</div>
502
+ <div class="text-center py-2 text-sm">8</div>
503
+ <div class="text-center py-2 text-sm">9</div>
504
+ <div class="text-center py-2 text-sm">10</div>
505
+ <div class="text-center py-2 text-sm">11</div>
506
+ <div class="text-center py-2 text-sm bg-blue-100 rounded-full font-medium">12</div>
507
+ </div>
508
+ <div class="grid grid-cols-7 gap-1">
509
+ <div class="text-center py-2 text-sm">13</div>
510
+ <div class="text-center py-2 text-sm">14</div>
511
+ <div class="text-center py-2 text-sm">15</div>
512
+ <div class="text-center py-2 text-sm bg-red-100 rounded-full">16</div>
513
+ <div class="text-center py-2 text-sm">17</div>
514
+ <div class="text-center py-2 text-sm">18</div>
515
+ <div class="text-center py-2 text-sm">19</div>
516
+ </div>
517
+ <div class="grid grid-cols-7 gap-1">
518
+ <div class="text-center py-2 text-sm">20</div>
519
+ <div class="text-center py-2 text-sm">21</div>
520
+ <div class="text-center py-2 text-sm">22</div>
521
+ <div class="text-center py-2 text-sm">23</div>
522
+ <div class="text-center py-2 text-sm">24</div>
523
+ <div class="text-center py-2 text-sm">25</div>
524
+ <div class="text-center py-2 text-sm">26</div>
525
+ </div>
526
+ <div class="grid grid-cols-7 gap-1">
527
+ <div class="text-center py-2 text-sm">27</div>
528
+ <div class="text-center py-2 text-sm">28</div>
529
+ <div class="text-center py-2 text-sm">29</div>
530
+ <div class="text-center py-2 text-sm">30</div>
531
+ <div class="text-center py-2 text-sm text-gray-400">1</div>
532
+ <div class="text-center py-2 text-sm text-gray-400">2</div>
533
+ <div class="text-center py-2 text-sm text-gray-400">3</div>
534
+ </div>
535
+
536
+ <div class="mt-4">
537
+ <div class="flex items-center mb-2">
538
+ <div class="w-3 h-3 bg-blue-500 rounded-full mr-2"></div>
539
+ <span class="text-sm">اليوم</span>
540
+ </div>
541
+ <div class="flex items-center">
542
+ <div class="w-3 h-3 bg-red-500 rounded-full mr-2"></div>
543
+ <span class="text-sm">مناسبة خاصة</span>
544
+ </div>
545
+ </div>
546
+ </div>
547
+ </div>
548
+ </div>
549
+ </div>
550
+
551
+ <!-- Upcoming Events and Recent Students -->
552
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
553
+ <!-- Upcoming Events -->
554
+ <div>
555
+ <div class="card bg-white rounded-lg shadow">
556
+ <div class="p-4 border-b">
557
+ <h3 class="font-bold text-lg">الأحداث القادمة</h3>
558
+ </div>
559
+ <div class="p-4">
560
+ <div class="space-y-4">
561
+ <div class="flex items-start">
562
+ <div class="bg-red-100 p-2 rounded-full mr-3">
563
+ <i class="fas fa-calendar-day text-red-500"></i>
564
+ </div>
565
+ <div>
566
+ <p class="font-medium">إجازة نهاية الأسبوع</p>
567
+ <p class="text-sm text-gray-500">الجمعة والسبت</p>
568
+ <p class="text-xs text-gray-400">16-17 رجب</p>
569
+ </div>
570
+ </div>
571
+
572
+ <div class="flex items-start">
573
+ <div class="bg-green-100 p-2 rounded-full mr-3">
574
+ <i class="fas fa-users text-green-500"></i>
575
+ </div>
576
+ <div>
577
+ <p class="font-medium">اجتماع أولياء الأمور</p>
578
+ <p class="text-sm text-gray-500">اجتماع مع أولياء أمور المستوى الأول</p>
579
+ <p class="text-xs text-gray-400">20 رجب - 4:30 مساءً</p>
580
+ </div>
581
+ </div>
582
+
583
+ <div class="flex items-start">
584
+ <div class="bg-purple-100 p-2 rounded-full mr-3">
585
+ <i class="fas fa-award text-purple-500"></i>
586
+ </div>
587
+ <div>
588
+ <p class="font-medium">حفل التكريم</p>
589
+ <p class="text-sm text-gray-500">تكريم الطلاب المتفوقين في الفصل الأول</p>
590
+ <p class="text-xs text-gray-400">25 رجب - 5:00 مساءً</p>
591
+ </div>
592
+ </div>
593
+ </div>
594
+
595
+ <div class="mt-4 text-center">
596
+ <a href="#" class="text-blue-600 text-sm">عرض جميع الأحداث</a>
597
+ </div>
598
+ </div>
599
+ </div>
600
+ </div>
601
+
602
+ <!-- Recent Students -->
603
+ <div class="lg:col-span-2">
604
+ <div class="card bg-white rounded-lg shadow">
605
+ <div class="p-4 border-b">
606
+ <div class="flex justify-between items-center">
607
+ <h3 class="font-bold text-lg">أحدث الطلاب المسجلين</h3>
608
+ <a href="#" class="text-blue-600 text-sm">عرض الكل</a>
609
+ </div>
610
+ </div>
611
+ <div class="p-4 overflow-x-auto">
612
+ <table class="min-w-full divide-y divide-gray-200">
613
+ <thead class="bg-gray-50">
614
+ <tr>
615
+ <th class="px-4 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">الاسم</th>
616
+ <th class="px-4 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">المستوى</th>
617
+ <th class="px-4 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">ولي الأمر</th>
618
+ <th class="px-4 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">تاريخ التسجيل</th>
619
+ <th class="px-4 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">الحالة</th>
620
+ <th class="px-4 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">إجراءات</th>
621
+ </tr>
622
+ </thead>
623
+ <tbody class="bg-white divide-y divide-gray-200">
624
+ <tr>
625
+ <td class="px-4 py-4 whitespace-nowrap">
626
+ <div class="flex items-center">
627
+ <div class="flex-shrink-0 h-10 w-10">
628
+ <img class="h-10 w-10 rounded-full" src="https://randomuser.me/api/portraits/boys/1.jpg" alt="">
629
+ </div>
630
+ <div class="mr-4">
631
+ <div class="text-sm font-medium text-gray-900">محمد أحمد</div>
632
+ <div class="text-sm text-gray-500">ID: #STU001</div>
633
+ </div>
634
+ </div>
635
+ </td>
636
+ <td class="px-4 py-4 whitespace-nowrap">
637
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-blue-100 text-blue-800">المستوى الثاني</span>
638
+ </td>
639
+ <td class="px-4 py-4 whitespace-nowrap text-sm text-gray-500">أحمد محمد</td>
640
+ <td class="px-4 py-4 whitespace-nowrap text-sm text-gray-500">10 رجب 1444</td>
641
+ <td class="px-4 py-4 whitespace-nowrap">
642
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">نشط</span>
643
+ </td>
644
+ <td class="px-4 py-4 whitespace-nowrap text-sm font-medium">
645
+ <a href="#" class="text-blue-600 hover:text-blue-900 mr-3"><i class="fas fa-eye"></i></a>
646
+ <a href="#" class="text-yellow-600 hover:text-yellow-900 mr-3"><i class="fas fa-edit"></i></a>
647
+ <a href="#" class="text-red-600 hover:text-red-900"><i class="fas fa-trash"></i></a>
648
+ </td>
649
+ </tr>
650
+
651
+ <tr>
652
+ <td class="px-4 py-4 whitespace-nowrap">
653
+ <div class="flex items-center">
654
+ <div class="flex-shrink-0 h-10 w-10">
655
+ <img class="h-10 w-10 rounded-full" src="https://randomuser.me/api/portraits/girls/2.jpg" alt="">
656
+ </div>
657
+ <div class="mr-4">
658
+ <div class="text-sm font-medium text-gray-900">سارة خالد</div>
659
+ <div class="text-sm text-gray-500">ID: #STU002</div>
660
+ </div>
661
+ </div>
662
+ </td>
663
+ <td class="px-4 py-4 whitespace-nowrap">
664
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-purple-100 text-purple-800">المستوى الأول</span>
665
+ </td>
666
+ <td class="px-4 py-4 whitespace-nowrap text-sm text-gray-500">خالد إبراهيم</td>
667
+ <td class="px-4 py-4 whitespace-nowrap text-sm text-gray-500">8 رجب 1444</td>
668
+ <td class="px-4 py-4 whitespace-nowrap">
669
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">نشط</span>
670
+ </td>
671
+ <td class="px-4 py-4 whitespace-nowrap text-sm font-medium">
672
+ <a href="#" class="text-blue-600 hover:text-blue-900 mr-3"><i class="fas fa-eye"></i></a>
673
+ <a href="#" class="text-yellow-600 hover:text-yellow-900 mr-3"><i class="fas fa-edit"></i></a>
674
+ <a href="#" class="text-red-600 hover:text-red-900"><i class="fas fa-trash"></i></a>
675
+ </td>
676
+ </tr>
677
+
678
+ <tr>
679
+ <td class="px-4 py-4 whitespace-nowrap">
680
+ <div class="flex items-center">
681
+ <div class="flex-shrink-0 h-10 w-10">
682
+ <img class="h-10 w-10 rounded-full" src="https://randomuser.me/api/portraits/boys/3.jpg" alt="">
683
+ </div>
684
+ <div class="mr-4">
685
+ <div class="text-sm font-medium text-gray-900">يوسف علي</div>
686
+ <div class="text-sm text-gray-500">ID: #STU003</div>
687
+ </div>
688
+ </div>
689
+ </td>
690
+ <td class="px-4 py-4 whitespace-nowrap">
691
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-yellow-100 text-yellow-800">المستوى الثالث</span>
692
+ </td>
693
+ <td class="px-4 py-4 whitespace-nowrap text-sm text-gray-500">علي محمود</td>
694
+ <td class="px-4 py-4 whitespace-nowrap text-sm text-gray-500">5 رجب 1444</td>
695
+ <td class="px-4 py-4 whitespace-nowrap">
696
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800">غير نشط</span>
697
+ </td>
698
+ <td class="px-4 py-4 whitespace-nowrap text-sm font-medium">
699
+ <a href="#" class="text-blue-600 hover:text-blue-900 mr-3"><i class="fas fa-eye"></i></a>
700
+ <a href="#" class="text-yellow-600 hover:text-yellow-900 mr-3"><i class="fas fa-edit"></i></a>
701
+ <a href="#" class="text-red-600 hover:text-red-900"><i class="fas fa-trash"></i></a>
702
+ </td>
703
+ </tr>
704
+ </tbody>
705
+ </table>
706
+ </div>
707
+ </div>
708
+ </div>
709
+ </div>
710
+ </main>
711
+
712
+ <!-- Mobile Bottom Navigation -->
713
+ <div class="lg:hidden fixed bottom-0 left-0 right-0 bg-white shadow-lg border-t z-50">
714
+ <div class="flex justify-around">
715
+ <a href="#" class="flex flex-col items-center justify-center p-3 text-blue-600">
716
+ <i class="fas fa-tachometer-alt text-xl"></i>
717
+ <span class="text-xs mt-1">الرئيسية</span>
718
+ </a>
719
+ <a href="#" class="flex flex-col items-center justify-center p-3 text-gray-500">
720
+ <i class="fas fa-user-graduate text-xl"></i>
721
+ <span class="text-xs mt-1">الطلاب</span>
722
+ </a>
723
+ <a href="#" class="flex flex-col items-center justify-center p-3 text-gray-500">
724
+ <i class="fas fa-chalkboard-teacher text-xl"></i>
725
+ <span class="text-xs mt-1">المعلمون</span>
726
+ </a>
727
+ <a href="#" class="flex flex-col items-center justify-center p-3 text-gray-500">
728
+ <i class="fas fa-calendar-alt text-xl"></i>
729
+ <span class="text-xs mt-1">الجدول</span>
730
+ </a>
731
+ <a href="#" class="flex flex-col items-center justify-center p-3 text-gray-500">
732
+ <i class="fas fa-cog text-xl"></i>
733
+ <span class="text-xs mt-1">الإعدادات</span>
734
+ </a>
735
+ </div>
736
+ </div>
737
+
738
+ <script>
739
+ // Toggle Sidebar
740
+ const sidebarToggle = document.getElementById('sidebarToggle');
741
+ const sidebar = document.getElementById('sidebar');
742
+ const mainContent = document.getElementById('mainContent');
743
+ let isSidebarMini = false;
744
+
745
+ sidebarToggle.addEventListener('click', () => {
746
+ isSidebarMini = !isSidebarMini;
747
+
748
+ if (isSidebarMini) {
749
+ sidebar.classList.add('sidebar-mini');
750
+ mainContent.classList.remove('content-expand');
751
+ mainContent.classList.add('content-mini');
752
+ } else {
753
+ sidebar.classList.remove('sidebar-mini');
754
+ mainContent.classList.remove('content-mini');
755
+ mainContent.classList.add('content-expand');
756
+ }
757
+ });
758
+
759
+ // Toggle Dark Mode
760
+ const darkModeToggle = document.getElementById('darkModeToggle');
761
+ let isDarkMode = false;
762
+
763
+ darkModeToggle.addEventListener('click', () => {
764
+ isDarkMode = !isDarkMode;
765
+
766
+ if (isDarkMode) {
767
+ document.body.classList.add('dark-mode');
768
+ darkModeToggle.innerHTML = '<i class="fas fa-sun"></i>';
769
+ } else {
770
+ document.body.classList.remove('dark-mode');
771
+ darkModeToggle.innerHTML = '<i class="fas fa-moon"></i>';
772
+ }
773
+ });
774
+
775
+ // Toggle Language
776
+ const languageToggle = document.getElementById('languageToggle');
777
+ let isArabic = true;
778
+
779
+ languageToggle.addEventListener('click', () => {
780
+ isArabic = !isArabic;
781
+
782
+ if (isArabic) {
783
+ document.body.classList.add('rtl');
784
+ document.body.classList.remove('ltr');
785
+ languageToggle.innerHTML = '<span class="mr-1">العربية</span><i class="fas fa-language"></i>';
786
+ document.title = 'نظام إدارة مدرسة النور';
787
+ } else {
788
+ document.body.classList.add('ltr');
789
+ document.body.classList.remove('rtl');
790
+ languageToggle.innerHTML = '<span class="mr-1">Español</span><i class="fas fa-language"></i>';
791
+ document.title = 'Sistema de Gestión Escolar Noor';
792
+ }
793
+ });
794
+
795
+ // Toggle Notifications
796
+ const notificationBtn = document.getElementById('notificationBtn');
797
+ const notificationDropdown = document.getElementById('notificationDropdown');
798
+
799
+ notificationBtn.addEventListener('click', () => {
800
+ notificationDropdown.classList.toggle('hidden');
801
+ });
802
+
803
+ // Close dropdown when clicking outside
804
+ document.addEventListener('click', (e) => {
805
+ if (!notificationBtn.contains(e.target) && !notificationDropdown.contains(e.target)) {
806
+ notificationDropdown.classList.add('hidden');
807
+ }
808
+ });
809
+
810
+ // Responsive adjustments
811
+ function handleResponsive() {
812
+ if (window.innerWidth < 1024) {
813
+ sidebar.classList.add('hidden');
814
+ mainContent.classList.remove('content-expand', 'content-mini');
815
+ mainContent.classList.add('ml-0');
816
+ } else {
817
+ sidebar.classList.remove('hidden');
818
+ if (isSidebarMini) {
819
+ mainContent.classList.add('content-mini');
820
+ mainContent.classList.remove('content-expand');
821
+ } else {
822
+ mainContent.classList.add('content-expand');
823
+ mainContent.classList.remove('content-mini');
824
+ }
825
+ }
826
+ }
827
+
828
+ window.addEventListener('resize', handleResponsive);
829
+ handleResponsive();
830
+ </script>
831
+ <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=mdtm/madrassa" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
832
+ </html>
prompts.txt ADDED
File without changes