Hugging Face's logo

Spaces:
Alinadi98
/
web2
Running

App Files Community
Alinadi98 commited on
Commit
6c50a4d
·
verified ·
1 Parent(s): b5a9946

Add 2 files

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +1277 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Web2
3
- emoji: 🌍
4
- colorFrom: purple
5
- colorTo: red
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: web2
3
+ emoji: 🐳
4
+ colorFrom: yellow
5
+ colorTo: pink
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,1277 @@
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="fa" 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=Noto+Naskh+Arabic:wght@400;500;600;700&display=swap');
11
+
12
+ body {
13
+ font-family: 'Noto Naskh Arabic', serif;
14
+ }
15
+
16
+ .gradient-bg {
17
+ background: linear-gradient(135deg, #4f6bdd 0%, #3a56c8 100%);
18
+ }
19
+
20
+ .health-record-icon {
21
+ transition: all 0.3s ease;
22
+ }
23
+
24
+ .health-record-icon:hover {
25
+ transform: translateY(-5px);
26
+ box-shadow: 0 10px 20px rgba(0,0,0,0.1);
27
+ }
28
+
29
+ .lab-test-card {
30
+ transition: all 0.3s ease;
31
+ }
32
+
33
+ .lab-test-card:hover {
34
+ transform: scale(1.03);
35
+ }
36
+
37
+ .normal-range {
38
+ background-color: #d1fae5;
39
+ color: #065f46;
40
+ }
41
+
42
+ .warning-range {
43
+ background-color: #fef3c7;
44
+ color: #92400e;
45
+ }
46
+
47
+ .danger-range {
48
+ background-color: #fee2e2;
49
+ color: #991b1b;
50
+ }
51
+
52
+ .risk-low {
53
+ background-color: #d1fae5;
54
+ color: #065f46;
55
+ }
56
+
57
+ .risk-moderate {
58
+ background-color: #fef3c7;
59
+ color: #92400e;
60
+ }
61
+
62
+ .risk-high {
63
+ background-color: #fee2e2;
64
+ color: #991b1b;
65
+ }
66
+
67
+ .risk-very-high {
68
+ background-color: #fee2e2;
69
+ color: #7f1d1d;
70
+ }
71
+ </style>
72
+ </head>
73
+ <body class="bg-gray-50">
74
+ <!-- Login/Signup Modal -->
75
+ <div id="authModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
76
+ <div class="bg-white rounded-lg shadow-xl w-full max-w-md">
77
+ <div class="p-6">
78
+ <div class="flex justify-between items-center mb-6">
79
+ <h3 class="text-xl font-bold text-gray-800" id="authModalTitle">ورود به سیستم</h3>
80
+ <button onclick="toggleAuthModal()" class="text-gray-500 hover:text-gray-700">
81
+ <i class="fas fa-times"></i>
82
+ </button>
83
+ </div>
84
+
85
+ <div id="loginForm">
86
+ <div class="mb-4">
87
+ <label for="nationalCode" class="block text-sm font-medium text-gray-700 mb-1">کد ملی</label>
88
+ <input type="text" id="nationalCode" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" placeholder="کد ملی">
89
+ </div>
90
+ <div class="mb-4">
91
+ <label for="password" class="block text-sm font-medium text-gray-700 mb-1">رمز عبور</label>
92
+ <input type="password" id="password" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" placeholder="رمز عبور">
93
+ </div>
94
+ <div class="mb-4 flex items-center justify-between">
95
+ <div class="flex items-center">
96
+ <input type="checkbox" id="rememberMe" class="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded">
97
+ <label for="rememberMe" class="mr-2 block text-sm text-gray-700">مرا به خاطر بسپار</label>
98
+ </div>
99
+ <a href="#" class="text-sm text-blue-600 hover:text-blue-800">فراموشی رمز عبور</a>
100
+ </div>
101
+ <button onclick="login()" class="w-full gradient-bg text-white py-2 px-4 rounded-md hover:opacity-90 transition duration-300">
102
+ ورود
103
+ </button>
104
+ <div class="mt-4 text-center">
105
+ <span class="text-sm text-gray-600">حساب کاربری ندارید؟</span>
106
+ <a href="#" onclick="showSignupForm()" class="text-sm text-blue-600 hover:text-blue-800 mr-1">ثبت نام کنید</a>
107
+ </div>
108
+ </div>
109
+
110
+ <div id="signupForm" class="hidden">
111
+ <div class="mb-4">
112
+ <label for="fullName" class="block text-sm font-medium text-gray-700 mb-1">نام و نام خانوادگی</label>
113
+ <input type="text" id="fullName" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" placeholder="نام و نام خانوادگی">
114
+ </div>
115
+ <div class="mb-4">
116
+ <label for="signupNationalCode" class="block text-sm font-medium text-gray-700 mb-1">کد ملی</label>
117
+ <input type="text" id="signupNationalCode" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" placeholder="کد ملی">
118
+ </div>
119
+ <div class="mb-4">
120
+ <label for="mobile" class="block text-sm font-medium text-gray-700 mb-1">شماره همراه</label>
121
+ <input type="text" id="mobile" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" placeholder="شماره همراه">
122
+ </div>
123
+ <div class="mb-4">
124
+ <label for="birthDate" class="block text-sm font-medium text-gray-700 mb-1">تاریخ تولد</label>
125
+ <input type="text" id="birthDate" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" placeholder="تاریخ تولد">
126
+ </div>
127
+ <div class="mb-4">
128
+ <label for="job" class="block text-sm font-medium text-gray-700 mb-1">شغل</label>
129
+ <input type="text" id="job" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" placeholder="شغل">
130
+ </div>
131
+ <div class="mb-4">
132
+ <label for="signupPassword" class="block text-sm font-medium text-gray-700 mb-1">رمز عبور</label>
133
+ <input type="password" id="signupPassword" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" placeholder="رمز عبور">
134
+ </div>
135
+ <div class="mb-4">
136
+ <label for="confirmPassword" class="block text-sm font-medium text-gray-700 mb-1">تکرار رمز عبور</label>
137
+ <input type="password" id="confirmPassword" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" placeholder="تکرار رمز عبور">
138
+ </div>
139
+ <button onclick="sendOTP()" class="w-full gradient-bg text-white py-2 px-4 rounded-md hover:opacity-90 transition duration-300">
140
+ ارسال کد تایید
141
+ </button>
142
+ <div class="mt-4 text-center">
143
+ <span class="text-sm text-gray-600">حساب کاربری دارید؟</span>
144
+ <a href="#" onclick="showLoginForm()" class="text-sm text-blue-600 hover:text-blue-800 mr-1">وارد شوید</a>
145
+ </div>
146
+ </div>
147
+
148
+ <div id="otpForm" class="hidden">
149
+ <div class="mb-4 text-center">
150
+ <p class="text-gray-700">کد تایید به شماره <span id="mobileNumberDisplay" class="font-bold">0912****345</span> ارسال شد</p>
151
+ </div>
152
+ <div class="mb-4">
153
+ <label for="otpCode" class="block text-sm font-medium text-gray-700 mb-1">کد تایید</label>
154
+ <input type="text" id="otpCode" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" placeholder="کد تایید">
155
+ </div>
156
+ <button onclick="verifyOTP()" class="w-full gradient-bg text-white py-2 px-4 rounded-md hover:opacity-90 transition duration-300">
157
+ تایید و ثبت نام
158
+ </button>
159
+ <div class="mt-4 text-center">
160
+ <a href="#" onclick="resendOTP()" class="text-sm text-blue-600 hover:text-blue-800">ارسال مجدد کد</a>
161
+ </div>
162
+ </div>
163
+ </div>
164
+ </div>
165
+ </div>
166
+
167
+ <!-- Main App Container -->
168
+ <div id="appContainer" class="hidden">
169
+ <!-- Header -->
170
+ <header class="gradient-bg text-white shadow-md">
171
+ <div class="container mx-auto px-4 py-3 flex justify-between items-center">
172
+ <div class="flex items-center">
173
+ <img src="https://via.placeholder.com/40" alt="Logo" class="h-10 w-10 rounded-full">
174
+ <h1 class="mr-3 text-xl font-bold">سیستم مدیریت سلامت</h1>
175
+ </div>
176
+ <div class="flex items-center">
177
+ <div class="mr-4 text-right hidden md:block">
178
+ <p class="font-medium">محمد رضایی</p>
179
+ <p class="text-sm opacity-80">کد پرسنلی: 123456</p>
180
+ </div>
181
+ <div class="relative">
182
+ <img src="https://via.placeholder.com/40" alt="Profile" class="h-10 w-10 rounded-full cursor-pointer" id="profileDropdownBtn">
183
+ <div id="profileDropdown" class="hidden absolute left-0 mt-2 w-48 bg-white rounded-md shadow-lg z-10">
184
+ <div class="py-1">
185
+ <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">پروفایل</a>
186
+ <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">تنظیمات</a>
187
+ <a href="#" onclick="logout()" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">خروج</a>
188
+ </div>
189
+ </div>
190
+ </div>
191
+ </div>
192
+ </div>
193
+ </header>
194
+
195
+ <!-- Main Content -->
196
+ <main class="container mx-auto px-4 py-6">
197
+ <!-- Demographic Info -->
198
+ <div class="bg-white rounded-lg shadow-md p-6 mb-6">
199
+ <div class="flex justify-between items-center mb-4">
200
+ <h2 class="text-lg font-bold text-gray-800">اطلاعات دموگرافیک</h2>
201
+ <button class="text-blue-600 hover:text-blue-800 text-sm">
202
+ <i class="fas fa-edit ml-1"></i> ویرایش
203
+ </button>
204
+ </div>
205
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
206
+ <div>
207
+ <p class="text-sm text-gray-500">نام و نام خانوادگی</p>
208
+ <p class="font-medium">محمد رضایی</p>
209
+ </div>
210
+ <div>
211
+ <p class="text-sm text-gray-500">کد ملی</p>
212
+ <p class="font-medium">1234567890</p>
213
+ </div>
214
+ <div>
215
+ <p class="text-sm text-gray-500">تاریخ تولد</p>
216
+ <p class="font-medium">1365/05/12 (38 سال)</p>
217
+ </div>
218
+ <div>
219
+ <p class="text-sm text-gray-500">شغل</p>
220
+ <p class="font-medium">مهندس نرم افزار</p>
221
+ </div>
222
+ <div>
223
+ <p class="text-sm text-gray-500">پوزیشن شغلی</p>
224
+ <p class="font-medium">توسعه دهنده ارشد</p>
225
+ </div>
226
+ <div>
227
+ <p class="text-sm text-gray-500">محل کار</p>
228
+ <p class="font-medium">پلنت تهران</p>
229
+ </div>
230
+ </div>
231
+ </div>
232
+
233
+ <!-- Health Records Section -->
234
+ <div class="mb-6">
235
+ <h2 class="text-lg font-bold text-gray-800 mb-4">پرونده سلامت</h2>
236
+ <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
237
+ <div class="health-record-icon bg-white rounded-lg shadow-md p-6 cursor-pointer" onclick="showOccupationalHealth()">
238
+ <div class="flex items-center">
239
+ <div class="bg-blue-100 p-3 rounded-full text-blue-600 mr-3">
240
+ <i class="fas fa-briefcase-medical text-xl"></i>
241
+ </div>
242
+ <div>
243
+ <h3 class="font-bold">پرونده طب کار</h3>
244
+ <p class="text-sm text-gray-500">اطلاعات پزشکی شغلی</p>
245
+ </div>
246
+ </div>
247
+ </div>
248
+ <div class="health-record-icon bg-white rounded-lg shadow-md p-6 cursor-pointer" onclick="showLabTests()">
249
+ <div class="flex items-center">
250
+ <div class="bg-green-100 p-3 rounded-full text-green-600 mr-3">
251
+ <i class="fas fa-flask text-xl"></i>
252
+ </div>
253
+ <div>
254
+ <h3 class="font-bold">آزمایشات</h3>
255
+ <p class="text-sm text-gray-500">نتایج آزمایشگاهی</p>
256
+ </div>
257
+ </div>
258
+ </div>
259
+ <div class="health-record-icon bg-white rounded-lg shadow-md p-6 cursor-pointer" onclick="showDiseaseRisks()">
260
+ <div class="flex items-center">
261
+ <div class="bg-purple-100 p-3 rounded-full text-purple-600 mr-3">
262
+ <i class="fas fa-heartbeat text-xl"></i>
263
+ </div>
264
+ <div>
265
+ <h3 class="font-bold">ریسک بیماری ها</h3>
266
+ <p class="text-sm text-gray-500">ارزیابی خطر بیماری ها</p>
267
+ </div>
268
+ </div>
269
+ </div>
270
+ </div>
271
+ </div>
272
+
273
+ <!-- Occupational Health Modal -->
274
+ <div id="occupationalHealthModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden">
275
+ <div class="bg-white rounded-lg shadow-xl w-full max-w-4xl max-h-screen overflow-y-auto">
276
+ <div class="p-6">
277
+ <div class="flex justify-between items-center mb-6">
278
+ <h3 class="text-xl font-bold text-gray-800">پرونده طب کار</h3>
279
+ <button onclick="hideOccupationalHealth()" class="text-gray-500 hover:text-gray-700">
280
+ <i class="fas fa-times"></i>
281
+ </button>
282
+ </div>
283
+
284
+ <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
285
+ <div class="health-record-icon bg-white border border-gray-200 rounded-lg p-4 cursor-pointer" onclick="showMedicalHistory()">
286
+ <div class="flex items-center">
287
+ <div class="bg-blue-100 p-2 rounded-full text-blue-600 mr-2">
288
+ <i class="fas fa-history"></i>
289
+ </div>
290
+ <div>
291
+ <h4 class="font-medium">سوابق پزشکی شغلی و شخصی</h4>
292
+ </div>
293
+ </div>
294
+ </div>
295
+ <div class="health-record-icon bg-white border border-gray-200 rounded-lg p-4 cursor-pointer" onclick="showClinicalExams()">
296
+ <div class="flex items-center">
297
+ <div class="bg-green-100 p-2 rounded-full text-green-600 mr-2">
298
+ <i class="fas fa-stethoscope"></i>
299
+ </div>
300
+ <div>
301
+ <h4 class="font-medium">معاینات بالینی</h4>
302
+ </div>
303
+ </div>
304
+ </div>
305
+ <div class="health-record-icon bg-white border border-gray-200 rounded-lg p-4 cursor-pointer" onclick="showVisionStatus()">
306
+ <div class="flex items-center">
307
+ <div class="bg-purple-100 p-2 rounded-full text-purple-600 mr-2">
308
+ <i class="fas fa-eye"></i>
309
+ </div>
310
+ <div>
311
+ <h4 class="font-medium">وضعیت بینایی</h4>
312
+ </div>
313
+ </div>
314
+ </div>
315
+ <div class="health-record-icon bg-white border border-gray-200 rounded-lg p-4 cursor-pointer" onclick="showHearingStatus()">
316
+ <div class="flex items-center">
317
+ <div class="bg-yellow-100 p-2 rounded-full text-yellow-600 mr-2">
318
+ <i class="fas fa-ear-listen"></i>
319
+ </div>
320
+ <div>
321
+ <h4 class="font-medium">وضعیت شنوایی</h4>
322
+ </div>
323
+ </div>
324
+ </div>
325
+ <div class="health-record-icon bg-white border border-gray-200 rounded-lg p-4 cursor-pointer" onclick="showRespiratoryStatus()">
326
+ <div class="flex items-center">
327
+ <div class="bg-red-100 p-2 rounded-full text-red-600 mr-2">
328
+ <i class="fas fa-lungs"></i>
329
+ </div>
330
+ <div>
331
+ <h4 class="font-medium">وضعیت تنفسی</h4>
332
+ </div>
333
+ </div>
334
+ </div>
335
+ <div class="health-record-icon bg-white border border-gray-200 rounded-lg p-4 cursor-pointer" onclick="showCardiovascularStatus()">
336
+ <div class="flex items-center">
337
+ <div class="bg-pink-100 p-2 rounded-full text-pink-600 mr-2">
338
+ <i class="fas fa-heart"></i>
339
+ </div>
340
+ <div>
341
+ <h4 class="font-medium">وضعیت قلب و عروق</h4>
342
+ </div>
343
+ </div>
344
+ </div>
345
+ <div class="health-record-icon bg-white border border-gray-200 rounded-lg p-4 cursor-pointer" onclick="showActivityConditions()">
346
+ <div class="flex items-center">
347
+ <div class="bg-indigo-100 p-2 rounded-full text-indigo-600 mr-2">
348
+ <i class="fas fa-clipboard-check"></i>
349
+ </div>
350
+ <div>
351
+ <h4 class="font-medium">شروط برای ادامه فعالیت</h4>
352
+ </div>
353
+ </div>
354
+ </div>
355
+ <div class="health-record-icon bg-white border border-gray-200 rounded-lg p-4 cursor-pointer" onclick="showDoctorRecommendations()">
356
+ <div class="flex items-center">
357
+ <div class="bg-teal-100 p-2 rounded-full text-teal-600 mr-2">
358
+ <i class="fas fa-user-md"></i>
359
+ </div>
360
+ <div>
361
+ <h4 class="font-medium">توصیه پزشک طب کار</h4>
362
+ </div>
363
+ </div>
364
+ </div>
365
+ <div class="health-record-icon bg-white border border-gray-200 rounded-lg p-4 cursor-pointer" onclick="showOccupationalDiseases()">
366
+ <div class="flex items-center">
367
+ <div class="bg-orange-100 p-2 rounded-full text-orange-600 mr-2">
368
+ <i class="fas fa-disease"></i>
369
+ </div>
370
+ <div>
371
+ <h4 class="font-medium">بیماری های شغلی و غیر شغلی</h4>
372
+ </div>
373
+ </div>
374
+ </div>
375
+ </div>
376
+ </div>
377
+ </div>
378
+ </div>
379
+
380
+ <!-- Medical History Modal -->
381
+ <div id="medicalHistoryModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden">
382
+ <div class="bg-white rounded-lg shadow-xl w-full max-w-2xl max-h-screen overflow-y-auto">
383
+ <div class="p-6">
384
+ <div class="flex justify-between items-center mb-6">
385
+ <h3 class="text-xl font-bold text-gray-800">سوابق پزشکی شغلی و شخصی</h3>
386
+ <button onclick="hideMedicalHistory()" class="text-gray-500 hover:text-gray-700">
387
+ <i class="fas fa-times"></i>
388
+ </button>
389
+ </div>
390
+
391
+ <div class="space-y-4">
392
+ <div>
393
+ <h4 class="font-medium text-gray-700 mb-2">سابقه بیماری:</h4>
394
+ <p class="bg-gray-50 p-3 rounded">جراحی فتق چپ در تاریخ 1399/04 و جراحی فتق راست در تاریخ 1387/01</p>
395
+ </div>
396
+ <div>
397
+ <h4 class="font-medium text-gray-700 mb-2">حساسیت به غذا، دارو یا ماده خاص:</h4>
398
+ <p class="bg-gray-50 p-3 rounded">اطلاعات ناقص</p>
399
+ </div>
400
+ <div>
401
+ <h4 class="font-medium text-gray-700 mb-2">سابقه بستری:</h4>
402
+ <p class="bg-gray-50 p-3 rounded">اطلاعات ناقص</p>
403
+ </div>
404
+ <div>
405
+ <h4 class="font-medium text-gray-700 mb-2">سابقه عمل جراحی:</h4>
406
+ <p class="bg-gray-50 p-3 rounded">جراحی فتق</p>
407
+ </div>
408
+ <div>
409
+ <h4 class="font-medium text-gray-700 mb-2">سابقه بیماری مزمن در فامیل:</h4>
410
+ <p class="bg-gray-50 p-3 rounded">اطلاعات ناقص</p>
411
+ </div>
412
+ <div>
413
+ <h4 class="font-medium text-gray-700 mb-2">مصرف دارو:</h4>
414
+ <p class="bg-gray-50 p-3 rounded">اطلاعات ناقص</p>
415
+ </div>
416
+ <div>
417
+ <h4 class="font-medium text-gray-700 mb-2">مصرف سیگار:</h4>
418
+ <p class="bg-gray-50 p-3 rounded">اطلاعات ناقص</p>
419
+ </div>
420
+ <div>
421
+ <h4 class="font-medium text-gray-700 mb-2">وزن:</h4>
422
+ <p class="bg-gray-50 p-3 rounded">82 کیلوگرم</p>
423
+ </div>
424
+ <div>
425
+ <h4 class="font-medium text-gray-700 mb-2">قد:</h4>
426
+ <p class="bg-gray-50 p-3 rounded">174 سانتی‌متر</p>
427
+ </div>
428
+ <div>
429
+ <h4 class="font-medium text-gray-700 mb-2">BMI:</h4>
430
+ <p class="bg-gray-50 p-3 rounded">27.1</p>
431
+ </div>
432
+ <div>
433
+ <h4 class="font-medium text-gray-700 mb-2">فشارخون سیستولیک:</h4>
434
+ <p class="bg-gray-50 p-3 rounded">125</p>
435
+ </div>
436
+ <div>
437
+ <h4 class="font-medium text-gray-700 mb-2">فشارخون دیاستولیک:</h4>
438
+ <p class="bg-gray-50 p-3 rounded">80</p>
439
+ </div>
440
+ </div>
441
+ </div>
442
+ </div>
443
+ </div>
444
+
445
+ <!-- Clinical Exams Modal -->
446
+ <div id="clinicalExamsModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden">
447
+ <div class="bg-white rounded-lg shadow-xl w-full max-w-2xl max-h-screen overflow-y-auto">
448
+ <div class="p-6">
449
+ <div class="flex justify-between items-center mb-6">
450
+ <h3 class="text-xl font-bold text-gray-800">معاینات بالینی</h3>
451
+ <button onclick="hideClinicalExams()" class="text-gray-500 hover:text-gray-700">
452
+ <i class="fas fa-times"></i>
453
+ </button>
454
+ </div>
455
+
456
+ <div class="space-y-3">
457
+ <div class="bg-gray-50 p-3 rounded">
458
+ <p class="font-medium">اختلال در خواب</p>
459
+ </div>
460
+ <div class="bg-gray-50 p-3 rounded">
461
+ <p class="font-medium">کاهش حدت بینایی</p>
462
+ </div>
463
+ <div class="bg-gray-50 p-3 rounded">
464
+ <p class="font-medium">واریس اندام تحتانی</p>
465
+ </div>
466
+ </div>
467
+ </div>
468
+ </div>
469
+ </div>
470
+
471
+ <!-- Vision Status Modal -->
472
+ <div id="visionStatusModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden">
473
+ <div class="bg-white rounded-lg shadow-xl w-full max-w-2xl max-h-screen overflow-y-auto">
474
+ <div class="p-6">
475
+ <div class="flex justify-between items-center mb-6">
476
+ <h3 class="text-xl font-bold text-gray-800">وضعیت بینایی</h3>
477
+ <button onclick="hideVisionStatus()" class="text-gray-500 hover:text-gray-700">
478
+ <i class="fas fa-times"></i>
479
+ </button>
480
+ </div>
481
+
482
+ <div class="space-y-4">
483
+ <div>
484
+ <h4 class="font-medium text-gray-700 mb-2">حدت بینایی دور:</h4>
485
+ <div class="bg-gray-50 p-3 rounded space-y-2">
486
+ <p>چشم راست (R) - بدون اصلاح: 2/10</p>
487
+ <p>چشم چپ (L) - بدون اصلاح: 2/10</p>
488
+ <p>هر دو چشم - بدون اصلاح: 4/10</p>
489
+ <p>چشم راست (R) - با اصلاح: 10/10</p>
490
+ <p>چشم چپ (L) - با اصلاح: 10/10</p>
491
+ <p>هر دو چشم - با اصلاح: 10/10</p>
492
+ </div>
493
+ </div>
494
+ <div>
495
+ <h4 class="font-medium text-gray-700 mb-2">حدت بینایی نزدیک:</h4>
496
+ <div class="bg-gray-50 p-3 rounded space-y-2">
497
+ <p>چشم راست (R) - بدون اصلاح: 5/10</p>
498
+ <p>چشم چپ (L) - بدون اصلاح: 5/10</p>
499
+ <p>هر دو چشم - بدون اصلاح: 10/10</p>
500
+ <p>چشم راست (R) - با اصلاح: (10/10)</p>
501
+ <p>چشم چپ (L) - با اصلاح: (10/10)</p>
502
+ <p>هر دو چشم - با اصلاح: (10/10)</p>
503
+ </div>
504
+ </div>
505
+ <div>
506
+ <h4 class="font-medium text-gray-700 mb-2">دید رنگی:</h4>
507
+ <div class="bg-gray-50 p-3 rounded space-y-2">
508
+ <p>چشم راست (R): طبیعی</p>
509
+ <p>چشم چپ (L): طبیعی</p>
510
+ </div>
511
+ </div>
512
+ <div>
513
+ <h4 class="font-medium text-gray-700 mb-2">عمق دید:</h4>
514
+ <div class="bg-gray-50 p-3 rounded">
515
+ <p>ثبت نشده</p>
516
+ </div>
517
+ </div>
518
+ </div>
519
+ </div>
520
+ </div>
521
+ </div>
522
+
523
+ <!-- Hearing Status Modal -->
524
+ <div id="hearingStatusModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden">
525
+ <div class="bg-white rounded-lg shadow-xl w-full max-w-2xl max-h-screen overflow-y-auto">
526
+ <div class="p-6">
527
+ <div class="flex justify-between items-center mb-6">
528
+ <h3 class="text-xl font-bold text-gray-800">وضعیت شنوایی</h3>
529
+ <button onclick="hideHearingStatus()" class="text-gray-500 hover:text-gray-700">
530
+ <i class="fas fa-times"></i>
531
+ </button>
532
+ </div>
533
+
534
+ <div class="bg-gray-50 p-3 rounded space-y-2">
535
+ <p>گوش سمت راست: طبیعی</p>
536
+ <p>گوش سمت چپ: طبیعی</p>
537
+ </div>
538
+ </div>
539
+ </div>
540
+ </div>
541
+
542
+ <!-- Respiratory Status Modal -->
543
+ <div id="respiratoryStatusModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden">
544
+ <div class="bg-white rounded-lg shadow-xl w-full max-w-2xl max-h-screen overflow-y-auto">
545
+ <div class="p-6">
546
+ <div class="flex justify-between items-center mb-6">
547
+ <h3 class="text-xl font-bold text-gray-800">وضعیت تنفسی</h3>
548
+ <button onclick="hideRespiratoryStatus()" class="text-gray-500 hover:text-gray-700">
549
+ <i class="fas fa-times"></i>
550
+ </button>
551
+ </div>
552
+
553
+ <div class="bg-gray-50 p-3 rounded">
554
+ <p>وضعیت طبیعی</p>
555
+ </div>
556
+ </div>
557
+ </div>
558
+ </div>
559
+
560
+ <!-- Cardiovascular Status Modal -->
561
+ <div id="cardiovascularStatusModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden">
562
+ <div class="bg-white rounded-lg shadow-xl w-full max-w-2xl max-h-screen overflow-y-auto">
563
+ <div class="p-6">
564
+ <div class="flex justify-between items-center mb-6">
565
+ <h3 class="text-xl font-bold text-gray-800">وضعیت قلب و عروق</h3>
566
+ <button onclick="hideCardiovascularStatus()" class="text-gray-500 hover:text-gray-700">
567
+ <i class="fas fa-times"></i>
568
+ </button>
569
+ </div>
570
+
571
+ <div class="bg-gray-50 p-3 rounded">
572
+ <p>طبیعی بدون یافته ی خاص</p>
573
+ </div>
574
+ </div>
575
+ </div>
576
+ </div>
577
+
578
+ <!-- Activity Conditions Modal -->
579
+ <div id="activityConditionsModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden">
580
+ <div class="bg-white rounded-lg shadow-xl w-full max-w-2xl max-h-screen overflow-y-auto">
581
+ <div class="p-6">
582
+ <div class="flex justify-between items-center mb-6">
583
+ <h3 class="text-xl font-bold text-gray-800">شروط برای ادامه فعالیت</h3>
584
+ <button onclick="hideActivityConditions()" class="text-gray-500 hover:text-gray-700">
585
+ <i class="fas fa-times"></i>
586
+ </button>
587
+ </div>
588
+
589
+ <div class="bg-gray-50 p-3 rounded space-y-2">
590
+ <p>استفاده از عینک طبی در محیط کار</p>
591
+ <p>تکرار آزمایش FBS و پیگیری تحت نظر متخصص داخلی.</p>
592
+ <p>رعایت رژیم غذایی کم کالری و افزایش فعالیت بدنی به صورت منظم.</p>
593
+ </div>
594
+ </div>
595
+ </div>
596
+ </div>
597
+
598
+ <!-- Doctor Recommendations Modal -->
599
+ <div id="doctorRecommendationsModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden">
600
+ <div class="bg-white rounded-lg shadow-xl w-full max-w-2xl max-h-screen overflow-y-auto">
601
+ <div class="p-6">
602
+ <div class="flex justify-between items-center mb-6">
603
+ <h3 class="text-xl font-bold text-gray-800">توصیه پزشک طب کار</h3>
604
+ <button onclick="hideDoctorRecommendations()" class="text-gray-500 hover:text-gray-700">
605
+ <i class="fas fa-times"></i>
606
+ </button>
607
+ </div>
608
+
609
+ <div class="bg-gray-50 p-3 rounded space-y-2">
610
+ <p>تکرار آزمایش FBS و پیگیری تحت نظر متخصص داخلی.</p>
611
+ <p>رعایت رژیم غذایی کم کالری و افزایش فعالیت بدنی به صورت منظم.</p>
612
+ </div>
613
+ </div>
614
+ </div>
615
+ </div>
616
+
617
+ <!-- Occupational Diseases Modal -->
618
+ <div id="occupationalDiseasesModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden">
619
+ <div class="bg-white rounded-lg shadow-xl w-full max-w-2xl max-h-screen overflow-y-auto">
620
+ <div class="p-6">
621
+ <div class="flex justify-between items-center mb-6">
622
+ <h3 class="text-xl font-bold text-gray-800">بیماری های شغلی و غیر شغلی</h3>
623
+ <button onclick="hideOccupationalDiseases()" class="text-gray-500 hover:text-gray-700">
624
+ <i class="fas fa-times"></i>
625
+ </button>
626
+ </div>
627
+
628
+ <div class="space-y-4">
629
+ <div>
630
+ <h4 class="font-medium text-gray-700 mb-2">بیماری‌های غیر شغلی جدید:</h4>
631
+ <div class="bg-gray-50 p-3 rounded">
632
+ <p>عیوب انکساری (H52)</p>
633
+ </div>
634
+ </div>
635
+ <div>
636
+ <h4 class="font-medium text-gray-700 mb-2">بیماری‌های غیر شغلی شناخته شده:</h4>
637
+ <div class="bg-gray-50 p-3 rounded">
638
+ <p>اضافه وزن (E669)</p>
639
+ </div>
640
+ </div>
641
+ <div>
642
+ <h4 class="font-medium text-gray-700 mb-2">بیماری‌های شغلی جدید:</h4>
643
+ <div class="bg-gray-50 p-3 rounded">
644
+ <p>اطلاعات ناقص</p>
645
+ </div>
646
+ </div>
647
+ <div>
648
+ <h4 class="font-medium text-gray-700 mb-2">بیماری‌های شغلی شناخته شده:</h4>
649
+ <div class="bg-gray-50 p-3 rounded">
650
+ <p>اطلاعات ناقص</p>
651
+ </div>
652
+ </div>
653
+ </div>
654
+ </div>
655
+ </div>
656
+ </div>
657
+
658
+ <!-- Lab Tests Modal -->
659
+ <div id="labTestsModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden">
660
+ <div class="bg-white rounded-lg shadow-xl w-full max-w-4xl max-h-screen overflow-y-auto">
661
+ <div class="p-6">
662
+ <div class="flex justify-between items-center mb-6">
663
+ <h3 class="text-xl font-bold text-gray-800">آزمایشات</h3>
664
+ <button onclick="hideLabTests()" class="text-gray-500 hover:text-gray-700">
665
+ <i class="fas fa-times"></i>
666
+ </button>
667
+ </div>
668
+
669
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
670
+ <div class="lab-test-card bg-white border border-gray-200 rounded-lg p-4 cursor-pointer" onclick="showTestDetails('lipidPanel')">
671
+ <div class="flex items-center">
672
+ <div class="bg-blue-100 p-2 rounded-full text-blue-600 mr-2">
673
+ <i class="fas fa-vial"></i>
674
+ </div>
675
+ <div>
676
+ <h4 class="font-medium">پنل لیپیدی</h4>
677
+ <p class="text-sm text-gray-500">Chol, TG, HDL, VLDL, Chol/HDL</p>
678
+ </div>
679
+ </div>
680
+ </div>
681
+ <div class="lab-test-card bg-white border border-gray-200 rounded-lg p-4 cursor-pointer" onclick="showTestDetails('diabetesScreening')">
682
+ <div class="flex items-center">
683
+ <div class="bg-green-100 p-2 rounded-full text-green-600 mr-2">
684
+ <i class="fas fa-vial"></i>
685
+ </div>
686
+ <div>
687
+ <h4 class="font-medium">غربالگری دیابت</h4>
688
+ <p class="text-sm text-gray-500">FBS</p>
689
+ </div>
690
+ </div>
691
+ </div>
692
+ <div class="lab-test-card bg-white border border-gray-200 rounded-lg p-4 cursor-pointer" onclick="showTestDetails('kidneyFunction')">
693
+ <div class="flex items-center">
694
+ <div class="bg-purple-100 p-2 rounded-full text-purple-600 mr-2">
695
+ <i class="fas fa-vial"></i>
696
+ </div>
697
+ <div>
698
+ <h4 class="font-medium">عملکرد کلیه</h4>
699
+ <p class="text-sm text-gray-500">BUN, Creat, Urea, BUN/Cr</p>
700
+ </div>
701
+ </div>
702
+ </div>
703
+ <div class="lab-test-card bg-white border border-gray-200 rounded-lg p-4 cursor-pointer" onclick="showTestDetails('cbc')">
704
+ <div class="flex items-center">
705
+ <div class="bg-yellow-100 p-2 rounded-full text-yellow-600 mr-2">
706
+ <i class="fas fa-vial"></i>
707
+ </div>
708
+ <div>
709
+ <h4 class="font-medium">CBC</h4>
710
+ <p class="text-sm text-gray-500">RBC, WBC, Hb, Hct, Plt, MCV, MCH, MCHC</p>
711
+ </div>
712
+ </div>
713
+ </div>
714
+ <div class="lab-test-card bg-white border border-gray-200 rounded-lg p-4 cursor-pointer" onclick="showTestDetails('liverFunction')">
715
+ <div class="flex items-center">
716
+ <div class="bg-red-100 p-2 rounded-full text-red-600 mr-2">
717
+ <i class="fas fa-vial"></i>
718
+ </div>
719
+ <div>
720
+ <h4 class="font-medium">عملکرد کبد</h4>
721
+ <p class="text-sm text-gray-500">ALT, AST</p>
722
+ </div>
723
+ </div>
724
+ </div>
725
+ <div class="lab-test-card bg-white border border-gray-200 rounded-lg p-4 cursor-pointer" onclick="showTestDetails('urinanalysis')">
726
+ <div class="flex items-center">
727
+ <div class="bg-indigo-100 p-2 rounded-full text-indigo-600 mr-2">
728
+ <i class="fas fa-vial"></i>
729
+ </div>
730
+ <div>
731
+ <h4 class="font-medium">آنالیز ادرار</h4>
732
+ <p class="text-sm text-gray-500">Urine Protein, Glucose, WBC, RBC, Bacteria</p>
733
+ </div>
734
+ </div>
735
+ </div>
736
+ </div>
737
+ </div>
738
+ </div>
739
+ </div>
740
+
741
+ <!-- Test Details Modal -->
742
+ <div id="testDetailsModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden">
743
+ <div class="bg-white rounded-lg shadow-xl w-full max-w-3xl max-h-screen overflow-y-auto">
744
+ <div class="p-6">
745
+ <div class="flex justify-between items-center mb-6">
746
+ <h3 class="text-xl font-bold text-gray-800" id="testDetailsTitle">جزئیات آزمایش</h3>
747
+ <button onclick="hideTestDetails()" class="text-gray-500 hover:text-gray-700">
748
+ <i class="fas fa-times"></i>
749
+ </button>
750
+ </div>
751
+
752
+ <div class="mb-6">
753
+ <div class="flex justify-between items-center mb-2">
754
+ <h4 class="font-medium text-gray-700">تاریخ انجام آزمایش:</h4>
755
+ <span class="font-medium">1402/05/15</span>
756
+ </div>
757
+ <div class="flex justify-between items-center mb-2">
758
+ <h4 class="font-medium text-gray-700">آزمایشگاه:</h4>
759
+ <span class="font-medium">پاتوبیولوژی تهران</span>
760
+ </div>
761
+ </div>
762
+
763
+ <div class="overflow-x-auto">
764
+ <table class="min-w-full divide-y divide-gray-200">
765
+ <thead class="bg-gray-50">
766
+ <tr>
767
+ <th scope="col" class="px-4 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">پارامتر</th>
768
+ <th scope="col" class="px-4 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">مقدار</th>
769
+ <th scope="col" class="px-4 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">واحد</th>
770
+ <th scope="col" class="px-4 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">محدوده نرمال</th>
771
+ <th scope="col" class="px-4 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">وضعیت</th>
772
+ </tr>
773
+ </thead>
774
+ <tbody class="bg-white divide-y divide-gray-200" id="testDetailsBody">
775
+ <!-- Will be filled by JavaScript -->
776
+ </tbody>
777
+ </table>
778
+ </div>
779
+
780
+ <div class="mt-6">
781
+ <h4 class="font-medium text-gray-700 mb-2">تفسیر پزشک:</h4>
782
+ <div class="bg-gray-50 p-3 rounded">
783
+ <p id="doctorInterpretation">نتایج آزمایش در محدوده طبیعی قرار دارد. در صورت نیاز به پیگیری با پزشک معالج خود مشورت نمایید.</p>
784
+ </div>
785
+ </div>
786
+ </div>
787
+ </div>
788
+ </div>
789
+
790
+ <!-- Disease Risks Modal -->
791
+ <div id="diseaseRisksModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden">
792
+ <div class="bg-white rounded-lg shadow-xl w-full max-w-3xl max-h-screen overflow-y-auto">
793
+ <div class="p-6">
794
+ <div class="flex justify-between items-center mb-6">
795
+ <h3 class="text-xl font-bold text-gray-800">ریسک بیماری ها</h3>
796
+ <button onclick="hideDiseaseRisks()" class="text-gray-500 hover:text-gray-700">
797
+ <i class="fas fa-times"></i>
798
+ </button>
799
+ </div>
800
+
801
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
802
+ <div class="health-record-icon bg-white border border-gray-200 rounded-lg p-4 cursor-pointer" onclick="showDiabetesRisk()">
803
+ <div class="flex items-center">
804
+ <div class="bg-blue-100 p-2 rounded-full text-blue-600 mr-2">
805
+ <i class="fas fa-bolt"></i>
806
+ </div>
807
+ <div>
808
+ <h4 class="font-medium">ریسک ابتلا به دیابت</h4>
809
+ </div>
810
+ </div>
811
+ </div>
812
+ <div class="health-record-icon bg-white border border-gray-200 rounded-lg p-4 cursor-pointer" onclick="showAlzheimerRisk()">
813
+ <div class="flex items-center">
814
+ <div class="bg-green-100 p-2 rounded-full text-green-600 mr-2">
815
+ <i class="fas fa-brain"></i>
816
+ </div>
817
+ <div>
818
+ <h4 class="font-medium">ریسک ابتلا به آلزایمر</h4>
819
+ </div>
820
+ </div>
821
+ </div>
822
+ <div class="health-record-icon bg-white border border-gray-200 rounded-lg p-4 cursor-pointer" onclick="showCardiovascularRisk()">
823
+ <div class="flex items-center">
824
+ <div class="bg-purple-100 p-2 rounded-full text-purple-600 mr-2">
825
+ <i class="fas fa-heart"></i>
826
+ </div>
827
+ <div>
828
+ <h4 class="font-medium">ریسک ابتلا به بیماری قلبی عروقی</h4>
829
+ </div>
830
+ </div>
831
+ </div>
832
+ </div>
833
+ </div>
834
+ </div>
835
+ </div>
836
+
837
+ <!-- Diabetes Risk Modal -->
838
+ <div id="diabetesRiskModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden">
839
+ <div class="bg-white rounded-lg shadow-xl w-full max-w-2xl max-h-screen overflow-y-auto">
840
+ <div class="p-6">
841
+ <div class="flex justify-between items-center mb-6">
842
+ <h3 class="text-xl font-bold text-gray-800">ریسک ابتلا به دیابت</h3>
843
+ <button onclick="hideDiabetesRisk()" class="text-gray-500 hover:text-gray-700">
844
+ <i class="fas fa-times"></i>
845
+ </button>
846
+ </div>
847
+
848
+ <div class="mb-6">
849
+ <div class="flex justify-center mb-4">
850
+ <div class="w-32 h-32 rounded-full flex items-center justify-center text-4xl font-bold risk-high">
851
+ 8
852
+ </div>
853
+ </div>
854
+ <div class="text-center">
855
+ <h4 class="font-medium text-lg mb-2">ریسک متوسط</h4>
856
+ <p class="text-gray-700">وضعیت خوبه فقط قند کمتر بخور</p>
857
+ </div>
858
+ </div>
859
+
860
+ <div class="bg-gray-50 p-4 rounded-lg">
861
+ <h4 class="font-medium text-gray-700 mb-2">راهکارهای کاهش ریسک:</h4>
862
+ <ul class="list-disc list-inside space-y-1">
863
+ <li>کاهش مصرف قند و شیرینی‌جات</li>
864
+ <li>افزایش فعالیت بدنی روزانه</li>
865
+ <li>کنترل وزن در محدوده طبیعی</li>
866
+ <li>مصرف بیشتر سبزیجات و میوه‌جات</li>
867
+ <li>پرهیز از مصرف دخانیات</li>
868
+ </ul>
869
+ </div>
870
+ </div>
871
+ </div>
872
+ </div>
873
+
874
+ <!-- Alzheimer Risk Modal -->
875
+ <div id="alzheimerRiskModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden">
876
+ <div class="bg-white rounded-lg shadow-xl w-full max-w-2xl max-h-screen overflow-y-auto">
877
+ <div class="p-6">
878
+ <div class="flex justify-between items-center mb-6">
879
+ <h3 class="text-xl font-bold text-gray-800">ریسک ابتلا به آلزایمر</h3>
880
+ <button onclick="hideAlzheimerRisk()" class="text-gray-500 hover:text-gray-700">
881
+ <i class="fas fa-times"></i>
882
+ </button>
883
+ </div>
884
+
885
+ <div class="mb-6">
886
+ <div class="flex justify-center mb-4">
887
+ <div class="w-32 h-32 rounded-full flex items-center justify-center text-4xl font-bold risk-low">
888
+ 4
889
+ </div>
890
+ </div>
891
+ <div class="text-center">
892
+ <h4 class="font-medium text-lg mb-2">ریسک پایین (5%)</h4>
893
+ <p class="text-gray-700">وضعیت خوبه ، ورزش را فراموش نکن</p>
894
+ </div>
895
+ </div>
896
+
897
+ <div class="bg-gray-50 p-4 rounded-lg">
898
+ <h4 class="font-medium text-gray-700 mb-2">راهکارهای کاهش ریسک:</h4>
899
+ <ul class="list-disc list-inside space-y-1">
900
+ <li>انجام فعالیت‌های ذهنی مانند مطالعه و حل جدول</li>
901
+ <li>حفظ روابط اجتماعی فعال</li>
902
+ <li>ورزش منظم</li>
903
+ <li>رژیم غذایی مدیترانه‌ای</li>
904
+ <li>کنترل فشار خون و دیابت</li>
905
+ </ul>
906
+ </div>
907
+ </div>
908
+ </div>
909
+ </div>
910
+
911
+ <!-- Cardiovascular Risk Modal -->
912
+ <div id="cardiovascularRiskModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden">
913
+ <div class="bg-white rounded-lg shadow-xl w-full max-w-2xl max-h-screen overflow-y-auto">
914
+ <div class="p-6">
915
+ <div class="flex justify-between items-center mb-6">
916
+ <h3 class="text-xl font-bold text-gray-800">ریسک ابتلا به بیماری قلبی عروقی</h3>
917
+ <button onclick="hideCardiovascularRisk()" class="text-gray-500 hover:text-gray-700">
918
+ <i class="fas fa-times"></i>
919
+ </button>
920
+ </div>
921
+
922
+ <div class="mb-6">
923
+ <div class="flex justify-center mb-4">
924
+ <div class="w-32 h-32 rounded-full flex items-center justify-center text-4xl font-bold risk-moderate">
925
+ 7
926
+ </div>
927
+ </div>
928
+ <div class="text-center">
929
+ <h4 class="font-medium text-lg mb-2">ریسک متوسط (8%)</h4>
930
+ <p class="text-gray-700">وضعیت خوبه ، ورزش را فراموش نکن</p>
931
+ </div>
932
+ </div>
933
+
934
+ <div class="bg-gray-50 p-4 rounded-lg">
935
+ <h4 class="font-medium text-gray-700 mb-2">راهکارهای کاهش ریسک:</h4>
936
+ <ul class="list-disc list-inside space-y-1">
937
+ <li>ترک سیگار و دوری از دود سیگار</li>
938
+ <li>رژیم غذایی کم چرب و کم نمک</li>
939
+ <li>ورزش منظم حداقل 30 دقیقه در روز</li>
940
+ <li>کنترل فشار خون</li>
941
+ <li>کنترل سطح کلسترول و قند خون</li>
942
+ </ul>
943
+ </div>
944
+ </div>
945
+ </div>
946
+ </div>
947
+ </main>
948
+
949
+ <!-- Footer -->
950
+ <footer class="bg-gray-100 border-t border-gray-200 py-4">
951
+ <div class="container mx-auto px-4">
952
+ <div class="flex flex-col md:flex-row justify-between items-center">
953
+ <div class="mb-4 md:mb-0">
954
+ <p class="text-sm text-gray-600">© 1402 سیستم مدیریت سلامت. تمام حقوق محفوظ است.</p>
955
+ </div>
956
+ <div class="flex space-x-4 space-x-reverse">
957
+ <a href="#" class="text-gray-600 hover:text-gray-800">
958
+ <i class="fas fa-question-circle"></i>
959
+ </a>
960
+ <a href="#" class="text-gray-600 hover:text-gray-800">
961
+ <i class="fas fa-envelope"></i>
962
+ </a>
963
+ <a href="#" class="text-gray-600 hover:text-gray-800">
964
+ <i class="fas fa-shield-alt"></i>
965
+ </a>
966
+ </div>
967
+ </div>
968
+ </div>
969
+ </footer>
970
+ </div>
971
+
972
+ <script>
973
+ // Authentication functions
974
+ function toggleAuthModal() {
975
+ const modal = document.getElementById('authModal');
976
+ modal.classList.toggle('hidden');
977
+ }
978
+
979
+ function showSignupForm() {
980
+ document.getElementById('loginForm').classList.add('hidden');
981
+ document.getElementById('signupForm').classList.remove('hidden');
982
+ document.getElementById('otpForm').classList.add('hidden');
983
+ document.getElementById('authModalTitle').textContent = 'ثبت نام';
984
+ }
985
+
986
+ function showLoginForm() {
987
+ document.getElementById('loginForm').classList.remove('hidden');
988
+ document.getElementById('signupForm').classList.add('hidden');
989
+ document.getElementById('otpForm').classList.add('hidden');
990
+ document.getElementById('authModalTitle').textContent = 'ورود به سیستم';
991
+ }
992
+
993
+ function sendOTP() {
994
+ const mobile = document.getElementById('mobile').value;
995
+ document.getElementById('mobileNumberDisplay').textContent = mobile.substring(0, 4) + '****' + mobile.substring(8);
996
+
997
+ document.getElementById('signupForm').classList.add('hidden');
998
+ document.getElementById('otpForm').classList.remove('hidden');
999
+ }
1000
+
1001
+ function resendOTP() {
1002
+ alert('کد تایید جدید ارسال شد');
1003
+ }
1004
+
1005
+ function verifyOTP() {
1006
+ alert('ثبت نام با موفقیت انجام شد');
1007
+ toggleAuthModal();
1008
+ login();
1009
+ }
1010
+
1011
+ function login() {
1012
+ document.getElementById('authModal').classList.add('hidden');
1013
+ document.getElementById('appContainer').classList.remove('hidden');
1014
+ }
1015
+
1016
+ function logout() {
1017
+ document.getElementById('appContainer').classList.add('hidden');
1018
+ document.getElementById('authModal').classList.remove('hidden');
1019
+ showLoginForm();
1020
+ }
1021
+
1022
+ // Profile dropdown
1023
+ document.getElementById('profileDropdownBtn').addEventListener('click', function() {
1024
+ document.getElementById('profileDropdown').classList.toggle('hidden');
1025
+ });
1026
+
1027
+ // Close dropdown when clicking outside
1028
+ window.addEventListener('click', function(e) {
1029
+ if (!e.target.matches('#profileDropdownBtn')) {
1030
+ const dropdown = document.getElementById('profileDropdown');
1031
+ if (!dropdown.classList.contains('hidden')) {
1032
+ dropdown.classList.add('hidden');
1033
+ }
1034
+ }
1035
+ });
1036
+
1037
+ // Occupational Health functions
1038
+ function showOccupationalHealth() {
1039
+ document.getElementById('occupationalHealthModal').classList.remove('hidden');
1040
+ }
1041
+
1042
+ function hideOccupationalHealth() {
1043
+ document.getElementById('occupationalHealthModal').classList.add('hidden');
1044
+ }
1045
+
1046
+ function showMedicalHistory() {
1047
+ document.getElementById('medicalHistoryModal').classList.remove('hidden');
1048
+ }
1049
+
1050
+ function hideMedicalHistory() {
1051
+ document.getElementById('medicalHistoryModal').classList.add('hidden');
1052
+ }
1053
+
1054
+ function showClinicalExams() {
1055
+ document.getElementById('clinicalExamsModal').classList.remove('hidden');
1056
+ }
1057
+
1058
+ function hideClinicalExams() {
1059
+ document.getElementById('clinicalExamsModal').classList.add('hidden');
1060
+ }
1061
+
1062
+ function showVisionStatus() {
1063
+ document.getElementById('visionStatusModal').classList.remove('hidden');
1064
+ }
1065
+
1066
+ function hideVisionStatus() {
1067
+ document.getElementById('visionStatusModal').classList.add('hidden');
1068
+ }
1069
+
1070
+ function showHearingStatus() {
1071
+ document.getElementById('hearingStatusModal').classList.remove('hidden');
1072
+ }
1073
+
1074
+ function hideHearingStatus() {
1075
+ document.getElementById('hearingStatusModal').classList.add('hidden');
1076
+ }
1077
+
1078
+ function showRespiratoryStatus() {
1079
+ document.getElementById('respiratoryStatusModal').classList.remove('hidden');
1080
+ }
1081
+
1082
+ function hideRespiratoryStatus() {
1083
+ document.getElementById('respiratoryStatusModal').classList.add('hidden');
1084
+ }
1085
+
1086
+ function showCardiovascularStatus() {
1087
+ document.getElementById('cardiovascularStatusModal').classList.remove('hidden');
1088
+ }
1089
+
1090
+ function hideCardiovascularStatus() {
1091
+ document.getElementById('cardiovascularStatusModal').classList.add('hidden');
1092
+ }
1093
+
1094
+ function showActivityConditions() {
1095
+ document.getElementById('activityConditionsModal').classList.remove('hidden');
1096
+ }
1097
+
1098
+ function hideActivityConditions() {
1099
+ document.getElementById('activityConditionsModal').classList.add('hidden');
1100
+ }
1101
+
1102
+ function showDoctorRecommendations() {
1103
+ document.getElementById('doctorRecommendationsModal').classList.remove('hidden');
1104
+ }
1105
+
1106
+ function hideDoctorRecommendations() {
1107
+ document.getElementById('doctorRecommendationsModal').classList.add('hidden');
1108
+ }
1109
+
1110
+ function showOccupationalDiseases() {
1111
+ document.getElementById('occupationalDiseasesModal').classList.remove('hidden');
1112
+ }
1113
+
1114
+ function hideOccupationalDiseases() {
1115
+ document.getElementById('occupationalDiseasesModal').classList.add('hidden');
1116
+ }
1117
+
1118
+ // Lab Tests functions
1119
+ function showLabTests() {
1120
+ document.getElementById('labTestsModal').classList.remove('hidden');
1121
+ }
1122
+
1123
+ function hideLabTests() {
1124
+ document.getElementById('labTestsModal').classList.add('hidden');
1125
+ }
1126
+
1127
+ function showTestDetails(testType) {
1128
+ const testDetailsBody = document.getElementById('testDetailsBody');
1129
+ testDetailsBody.innerHTML = '';
1130
+
1131
+ let testData = [];
1132
+ let testTitle = '';
1133
+ let interpretation = '';
1134
+
1135
+ switch(testType) {
1136
+ case 'lipidPanel':
1137
+ testTitle = 'پنل لیپیدی';
1138
+ interpretation = 'سطح کلسترول شما کمی بالاتر از حد نرمال است. توصیه می‌شود رژیم غذایی کم چرب داشته باشید و فعالیت بدنی خود را افزایش دهید.';
1139
+ testData = [
1140
+ { parameter: 'کلسترول (Chol)', value: '210', unit: 'mg/dl', range: 'کمتر از 200', status: 'warning' },
1141
+ { parameter: 'تری گلیسیرید (TG)', value: '180', unit: 'mg/dl', range: 'زیر 150', status: 'warning' },
1142
+ { parameter: 'HDL-C', value: '45', unit: 'mg/dl', range: '40-60', status: 'normal' },
1143
+ { parameter: 'VLDL', value: '36', unit: 'mg/dl', range: '5-40', status: 'normal' },
1144
+ { parameter: 'Chol/HDL', value: '4.6', unit: 'ratio', range: 'کمتر از 5', status: 'normal' }
1145
+ ];
1146
+ break;
1147
+
1148
+ case 'diabetesScreening':
1149
+ testTitle = 'غربالگری دیابت';
1150
+ interpretation = 'سطح قند خون ناشتای شما در محدوده طبیعی است.';
1151
+ testData = [
1152
+ { parameter: 'قند خون ناشتا (FBS)', value: '92', unit: 'mg/dl', range: 'کمتر از 99', status: 'normal' },
1153
+ { parameter: 'هموگلوبین گلوکوزیله (HbA1C)', value: '5.4', unit: '%', range: 'کمتر از 5.7', status: 'normal' }
1154
+ ];
1155
+ break;
1156
+
1157
+ case 'kidneyFunction':
1158
+ testTitle = 'عملکرد کلیه';
1159
+ interpretation = 'کلیه‌های شما عملکرد طبیعی دارند.';
1160
+ testData = [
1161
+ { parameter: 'اوره خون (BUN)', value: '18', unit: 'mg/dl', range: '6-20', status: 'normal' },
1162
+ { parameter: 'کراتینین (Cr)', value: '0.9', unit: 'mg/dl', range: '0.6-1.2', status: 'normal' },
1163
+ { parameter: 'اوره (Urea)', value: '28', unit: 'mg/dl', range: '15-40', status: 'normal' },
1164
+ { parameter: 'BUN/Cr', value: '20', unit: 'ratio', range: '10-20', status: 'normal' }
1165
+ ];
1166
+ break;
1167
+
1168
+ case 'cbc':
1169
+ testTitle = 'CBC (شمارش کامل خون)';
1170
+ interpretation = 'نتایج آزمایش خون شما در محدوده طبیعی است.';
1171
+ testData = [
1172
+ { parameter: 'گلبول قرمز (RBC)', value: '4.8', unit: '*10⁶/μl', range: '4.35-5.65', status: 'normal' },
1173
+ { parameter: 'هموگلوبین (Hb)', value: '14.5', unit: 'g/dl', range: '13.2-17.7', status: 'normal' },
1174
+ { parameter: 'هماتوکریت (HCT)', value: '44', unit: '%', range: '41-50', status: 'normal' },
1175
+ { parameter: 'گلبول سفید (WBC)', value: '6.2', unit: '*10³/μl', range: '4.5-11', status: 'normal' },
1176
+ { parameter: 'پلاکت (Plt)', value: '220', unit: '*10³/μl', range: '150-450', status: 'normal' },
1177
+ { parameter: 'MCV', value: '88', unit: 'fl', range: '80-96', status: 'normal' },
1178
+ { parameter: 'MCH', value: '30', unit: 'pg', range: '27.5-33.2', status: 'normal' },
1179
+ { parameter: 'MCHC', value: '34', unit: '%', range: '32-36', status: 'normal' }
1180
+ ];
1181
+ break;
1182
+
1183
+ case 'liverFunction':
1184
+ testTitle = 'عملکرد کبد';
1185
+ interpretation = 'آنزیم‌های کبدی شما در محدوده طبیعی هستند.';
1186
+ testData = [
1187
+ { parameter: 'ALT', value: '32', unit: 'U/L', range: '7-55', status: 'normal' },
1188
+ { parameter: 'AST', value: '28', unit: 'U/L', range: '8-48', status: 'normal' }
1189
+ ];
1190
+ break;
1191
+
1192
+ case 'urinanalysis':
1193
+ testTitle = 'آنالیز ادرار';
1194
+ interpretation = 'ادرار شما طبیعی است. هیچ نشانه‌ای از عفونت یا مشکل کلیوی مشاهده نمی‌شود.';
1195
+ testData = [
1196
+ { parameter: 'رنگ (Color)', value: 'زرد روشن', unit: '', range: 'زرد روشن تا کهربایی', status: 'normal' },
1197
+ { parameter: 'شفافیت (Clarity)', value: 'شفاف', unit: '', range: 'شفاف', status: 'normal' },
1198
+ { parameter: 'pH', value: '6.5', unit: '', range: '4.5-8', status: 'normal' },
1199
+ { parameter: 'گلوکز (Glucose)', value: 'منفی', unit: '', range: 'منفی', status: 'normal' },
1200
+ { parameter: 'پروتئین (Protein)', value: 'منفی', unit: '', range: 'منفی', status: 'normal' },
1201
+ { parameter: 'گلبول سفید (WBC)', value: '2', unit: 'در میدان', range: '0-5', status: 'normal' },
1202
+ { parameter: 'گلبول قرمز (RBC)', value: '1', unit: 'در میدان', range: '0-2', status: 'normal' }
1203
+ ];
1204
+ break;
1205
+ }
1206
+
1207
+ document.getElementById('testDetailsTitle').textContent = testTitle;
1208
+ document.getElementById('doctorInterpretation').textContent = interpretation;
1209
+
1210
+ testData.forEach(item => {
1211
+ const row = document.createElement('tr');
1212
+
1213
+ const statusClass = item.status === 'normal' ? 'normal-range' :
1214
+ item.status === 'warning' ? 'warning-range' : 'danger-range';
1215
+
1216
+ row.innerHTML = `
1217
+ <td class="px-4 py-2 whitespace-nowrap text-sm font-medium text-gray-900">${item.parameter}</td>
1218
+ <td class="px-4 py-2 whitespace-nowrap text-sm ${item.status === 'normal' ? 'text-gray-500' : 'font-bold'}">${item.value}</td>
1219
+ <td class="px-4 py-2 whitespace-nowrap text-sm text-gray-500">${item.unit}</td>
1220
+ <td class="px-4 py-2 whitespace-nowrap text-sm text-gray-500">${item.range}</td>
1221
+ <td class="px-4 py-2 whitespace-nowrap">
1222
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full ${statusClass}">
1223
+ ${item.status === 'normal' ? 'نرمال' : item.status === 'warning' ? 'هشدار' : 'خطر'}
1224
+ </span>
1225
+ </td>
1226
+ `;
1227
+
1228
+ testDetailsBody.appendChild(row);
1229
+ });
1230
+
1231
+ document.getElementById('testDetailsModal').classList.remove('hidden');
1232
+ }
1233
+
1234
+ function hideTestDetails() {
1235
+ document.getElementById('testDetailsModal').classList.add('hidden');
1236
+ }
1237
+
1238
+ // Disease Risks functions
1239
+ function showDiseaseRisks() {
1240
+ document.getElementById('diseaseRisksModal').classList.remove('hidden');
1241
+ }
1242
+
1243
+ function hideDiseaseRisks() {
1244
+ document.getElementById('diseaseRisksModal').classList.add('hidden');
1245
+ }
1246
+
1247
+ function showDiabetesRisk() {
1248
+ document.getElementById('diabetesRiskModal').classList.remove('hidden');
1249
+ }
1250
+
1251
+ function hideDiabetesRisk() {
1252
+ document.getElementById('diabetesRiskModal').classList.add('hidden');
1253
+ }
1254
+
1255
+ function showAlzheimerRisk() {
1256
+ document.getElementById('alzheimerRiskModal').classList.remove('hidden');
1257
+ }
1258
+
1259
+ function hideAlzheimerRisk() {
1260
+ document.getElementById('alzheimerRiskModal').classList.add('hidden');
1261
+ }
1262
+
1263
+ function showCardiovascularRisk() {
1264
+ document.getElementById('cardiovascularRiskModal').classList.remove('hidden');
1265
+ }
1266
+
1267
+ function hideCardiovascularRisk() {
1268
+ document.getElementById('cardiovascularRiskModal').classList.add('hidden');
1269
+ }
1270
+
1271
+ // Initialize the app
1272
+ document.addEventListener('DOMContentLoaded', function() {
1273
+ toggleAuthModal();
1274
+ });
1275
+ </script>
1276
+ <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=Alinadi98/web2" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
1277
+ </html>