Hugging Face's logo

Spaces:
methodya
/
quizz-state-full
Running

App Files Community
methodya commited on
Commit
87d7bf3
·
verified ·
1 Parent(s): bed8ff3

Add 2 files

Browse files
Files changed (2) hide show
  1. README.md +6 -4
  2. index.html +2013 -18
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Quizz State Full
3
- emoji: 📉
4
- colorFrom: blue
5
  colorTo: purple
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: quizz-state-full
3
+ emoji: 🐳
4
+ colorFrom: pink
5
  colorTo: purple
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,2014 @@
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
9
+ rel="stylesheet"
10
+ href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
11
+ />
12
+ <style>
13
+ @import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;900&display=swap");
14
+
15
+ body {
16
+ font-family: "Tajawal", sans-serif;
17
+ background-color: #f0fdfa; /* teal-50 for background */
18
+ }
19
+
20
+ .quiz-container {
21
+ background-color: #ffffff;
22
+ padding: 2rem;
23
+ border-radius: 0.75rem;
24
+ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08),
25
+ 0 4px 6px rgba(0, 0, 0, 0.05);
26
+ margin: 2rem auto;
27
+ max-width: 5xl; /* Equivalent to max-w-5xl */
28
+ }
29
+ .quiz-header {
30
+ text-align: center;
31
+ margin-bottom: 2.5rem;
32
+ border-bottom: 3px solid #0d9488; /* teal-600 */
33
+ padding-bottom: 1rem;
34
+ }
35
+ .quiz-header h1 {
36
+ font-size: 2.25rem; /* text-4xl */
37
+ font-weight: 700;
38
+ color: #1f2937; /* gray-800 */
39
+ margin-bottom: 0.5rem;
40
+ }
41
+ .quiz-header p {
42
+ font-size: 1.125rem; /* text-lg */
43
+ color: #4b5563; /* gray-600 */
44
+ }
45
+
46
+ .quiz-question {
47
+ border: 1px solid #e5e7eb; /* gray-200 */
48
+ border-radius: 0.5rem;
49
+ padding: 1.5rem;
50
+ margin-bottom: 1.5rem;
51
+ background-color: #f9fafb; /* gray-50 */
52
+ }
53
+ .quiz-question h4 {
54
+ font-weight: 600;
55
+ font-size: 1.125rem; /* text-lg */
56
+ margin-bottom: 1rem;
57
+ color: #111827; /* gray-900 */
58
+ }
59
+ .quiz-question .space-y-2 label {
60
+ display: block;
61
+ padding: 0.75rem 1rem;
62
+ border: 1px solid #d1d5db; /* gray-300 */
63
+ border-radius: 0.375rem;
64
+ cursor: pointer;
65
+ transition: background-color 0.2s ease, border-color 0.2s ease;
66
+ }
67
+ .quiz-question .space-y-2 label:hover {
68
+ background-color: #f3f4f6; /* gray-100 */
69
+ }
70
+ .quiz-question .space-y-2 input[type="radio"]:checked + span {
71
+ font-weight: 600;
72
+ } /* Highlight text of selected answer slightly */
73
+
74
+ /* Result Styles */
75
+ #quizResult {
76
+ margin-top: 2rem;
77
+ padding: 1.5rem;
78
+ border-radius: 0.5rem;
79
+ font-size: 1.125rem;
80
+ text-align: center;
81
+ }
82
+ #quizResult h4 {
83
+ font-size: 1.5rem;
84
+ font-weight: 700;
85
+ margin-bottom: 0.75rem;
86
+ }
87
+
88
+ /* Feedback Styles (applied by JS) */
89
+ .correct-answer-label {
90
+ background-color: #dcfce7 !important; /* green-100 */
91
+ border-color: #86efac !important; /* green-300 */
92
+ color: #166534 !important; /* green-800 */
93
+ font-weight: 600;
94
+ }
95
+ .incorrect-answer-label {
96
+ background-color: #fee2e2 !important; /* red-100 */
97
+ border-color: #fca5a5 !important; /* red-300 */
98
+ color: #991b1b !important; /* red-800 */
99
+ font-weight: 600;
100
+ }
101
+ .unanswered-question h4 {
102
+ color: #ca8a04 !important; /* yellow-600 */
103
+ font-style: italic;
104
+ }
105
+
106
+ /* Floating Button Style */
107
+ .floating-btn {
108
+ position: fixed;
109
+ bottom: 20px;
110
+ left: 20px;
111
+ z-index: 10;
112
+ transition: transform 0.3s ease;
113
+ }
114
+ .floating-btn:hover {
115
+ transform: scale(1.1);
116
+ }
117
+
118
+ /* Fade-in Animation */
119
+ @keyframes fadeIn {
120
+ from {
121
+ opacity: 0;
122
+ transform: translateY(10px);
123
+ }
124
+ to {
125
+ opacity: 1;
126
+ transform: translateY(0);
127
+ }
128
+ }
129
+ .fade-in {
130
+ animation: fadeIn 0.8s ease-out forwards;
131
+ }
132
+ </style>
133
+ </head>
134
+ <body class="bg-teal-50 fade-in">
135
+ <div class="quiz-container">
136
+ <header class="quiz-header">
137
+ <h1>
138
+ <i class="fas fa-landmark text-teal-600"></i> اختبار شامل: درس الدولة
139
+ <i class="fas fa-balance-scale text-teal-600"></i>
140
+ </h1>
141
+ <p>
142
+ قيّم فهمك لمشروعية الدولة وغاياتها، طبيعة السلطة السياسية، والعلاقة
143
+ بين الدولة والحق والعنف.
144
+ </p>
145
+ </header>
146
+
147
+ <form id="comprehensiveQuizForm">
148
+ <div class="space-y-6">
149
+ <!-- المحور الأول: مشروعية الدولة وغايتها -->
150
+ <h3
151
+ class="text-xl font-bold text-teal-700 border-b-2 border-teal-200 pb-2 mb-4"
152
+ >
153
+ المحور الأول: مشروعية الدولة وغايتها
154
+ </h3>
155
+
156
+ <div class="quiz-question" id="q1-container">
157
+ <h4 class="flex items-center">
158
+ <span
159
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
160
+ >1</span
161
+ >
162
+ ما المقصود بـ "مشروعية الدولة" حسب التمهيد للمحور الأول؟
163
+ </h4>
164
+ <div class="space-y-2">
165
+ <label
166
+ ><input type="radio" name="q1" value="a" class="mr-2" /><span
167
+ class="ml-2"
168
+ >طريقة ممارسة الدولة لسلطتها.</span
169
+ ></label
170
+ >
171
+ <label
172
+ ><input
173
+ type="radio"
174
+ name="q1"
175
+ value="b"
176
+ data-correct="true"
177
+ class="mr-2"
178
+ /><span class="ml-2"
179
+ >المقومات والأسس والتوافقات التي تبرر قيام الدولة.</span
180
+ ></label
181
+ >
182
+ <label
183
+ ><input type="radio" name="q1" value="c" class="mr-2" /><span
184
+ class="ml-2"
185
+ >العنف الذي تمارسه الدولة باسم القانون.</span
186
+ ></label
187
+ >
188
+ <label
189
+ ><input type="radio" name="q1" value="d" class="mr-2" /><span
190
+ class="ml-2"
191
+ >العلاقة بين الحاكم والمحكومين.</span
192
+ ></label
193
+ >
194
+ </div>
195
+ </div>
196
+
197
+ <div class="quiz-question" id="q2-container">
198
+ <h4 class="flex items-center">
199
+ <span
200
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
201
+ >2</span
202
+ >
203
+ ما هي الفكرة التي دارت حولها فكرة الدولة في العصر الحديث حسب
204
+ التمهيد؟
205
+ </h4>
206
+ <div class="space-y-2">
207
+ <label
208
+ ><input type="radio" name="q2" value="a" class="mr-2" /><span
209
+ class="ml-2"
210
+ >الديمقراطية المباشرة كما عند الإغريق.</span
211
+ ></label
212
+ >
213
+ <label
214
+ ><input type="radio" name="q2" value="b" class="mr-2" /><span
215
+ class="ml-2"
216
+ >السلطة المطلقة للملوك.</span
217
+ ></label
218
+ >
219
+ <label
220
+ ><input
221
+ type="radio"
222
+ name="q2"
223
+ value="c"
224
+ data-correct="true"
225
+ class="mr-2"
226
+ /><span class="ml-2">فكرة التعاقد الاجتماعي.</span></label
227
+ >
228
+ <label
229
+ ><input type="radio" name="q2" value="d" class="mr-2" /><span
230
+ class="ml-2"
231
+ >سيادة القانون الطبيعي.</span
232
+ ></label
233
+ >
234
+ </div>
235
+ </div>
236
+
237
+ <div class="quiz-question" id="q3-container">
238
+ <h4 class="flex items-center">
239
+ <span
240
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
241
+ >3</span
242
+ >
243
+ وفقًا للتعاقد الاجتماعي المذكور في التمهيد، يتخلى الناس عن حرياتهم
244
+ الطبيعية مقابل ماذا؟
245
+ </h4>
246
+ <div class="space-y-2">
247
+ <label
248
+ ><input type="radio" name="q3" value="a" class="mr-2" /><span
249
+ class="ml-2"
250
+ >الثروة والممتلكات.</span
251
+ ></label
252
+ >
253
+ <label
254
+ ><input
255
+ type="radio"
256
+ name="q3"
257
+ value="b"
258
+ data-correct="true"
259
+ class="mr-2"
260
+ /><span class="ml-2"
261
+ >السلم والحرية والحقوق المكفولة قانونًا في الدولة
262
+ المدنية.</span
263
+ ></label
264
+ >
265
+ <label
266
+ ><input type="radio" name="q3" value="c" class="mr-2" /><span
267
+ class="ml-2"
268
+ >الخضوع الكامل لإرادة الحاكم.</span
269
+ ></label
270
+ >
271
+ <label
272
+ ><input type="radio" name="q3" value="d" class="mr-2" /><span
273
+ class="ml-2"
274
+ >القوة العسكرية للدولة.</span
275
+ ></label
276
+ >
277
+ </div>
278
+ </div>
279
+
280
+ <div class="quiz-question" id="q4-container">
281
+ <h4 class="flex items-center">
282
+ <span
283
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
284
+ >4</span
285
+ >
286
+ ما هي الغاية الأساسية للدولة حسب باروخ اسبينوزا؟
287
+ </h4>
288
+ <div class="space-y-2">
289
+ <label
290
+ ><input type="radio" name="q4" value="a" class="mr-2" /><span
291
+ class="ml-2"
292
+ >فرض النظام بالقوة والإرهاب.</span
293
+ ></label
294
+ >
295
+ <label
296
+ ><input
297
+ type="radio"
298
+ name="q4"
299
+ value="b"
300
+ data-correct="true"
301
+ class="mr-2"
302
+ /><span class="ml-2"
303
+ >تحقيق الحرية والديمقراطية وتحرير المواطنين من الخوف.</span
304
+ ></label
305
+ >
306
+ <label
307
+ ><input type="radio" name="q4" value="c" class="mr-2" /><span
308
+ class="ml-2"
309
+ >جمع الثروات وتوسيع النفوذ.</span
310
+ ></label
311
+ >
312
+ <label
313
+ ><input type="radio" name="q4" value="d" class="mr-2" /><span
314
+ class="ml-2"
315
+ >الحفاظ على الوضع القائم ومنع التغيير.</span
316
+ ></label
317
+ >
318
+ </div>
319
+ </div>
320
+
321
+ <div class="quiz-question" id="q5-container">
322
+ <h4 class="flex items-center">
323
+ <span
324
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
325
+ >5</span
326
+ >
327
+ كيف تستمد الدولة مشروعيتها عند اسبينوزا؟
328
+ </h4>
329
+ <div class="space-y-2">
330
+ <label
331
+ ><input type="radio" name="q5" value="a" class="mr-2" /><span
332
+ class="ml-2"
333
+ >من خلال القهر والتسلط على الأفراد.</span
334
+ ></label
335
+ >
336
+ <label
337
+ ><input
338
+ type="radio"
339
+ name="q5"
340
+ value="b"
341
+ data-correct="true"
342
+ class="mr-2"
343
+ /><span class="ml-2"
344
+ >من كون غايتها ضمان الحريات والحقوق وتحرير الإنسان.</span
345
+ ></label
346
+ >
347
+ <label
348
+ ><input type="radio" name="q5" value="c" class="mr-2" /><span
349
+ class="ml-2"
350
+ >من العادات والتقاليد المتوارثة.</span
351
+ ></label
352
+ >
353
+ <label
354
+ ><input type="radio" name="q5" value="d" class="mr-2" /><span
355
+ class="ml-2"
356
+ >من القوة العسكرية التي تمتلكها.</span
357
+ ></label
358
+ >
359
+ </div>
360
+ </div>
361
+
362
+ <div class="quiz-question" id="q6-container">
363
+ <h4 class="flex items-center">
364
+ <span
365
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
366
+ >6</span
367
+ >
368
+ ما الذي يجب على الدولة تجنبه في علاقتها بالمواطنين حسب اسبينوزا؟
369
+ </h4>
370
+ <div class="space-y-2">
371
+ <label
372
+ ><input
373
+ type="radio"
374
+ name="q6"
375
+ value="a"
376
+ data-correct="true"
377
+ class="mr-2"
378
+ /><span class="ml-2"
379
+ >جعلهم آلات صماء والاعتماد على الخداع والحقد.</span
380
+ ></label
381
+ >
382
+ <label
383
+ ><input type="radio" name="q6" value="b" class="mr-2" /><span
384
+ class="ml-2"
385
+ >تمكينهم من ممارسة حقوقهم المدنية.</span
386
+ ></label
387
+ >
388
+ <label
389
+ ><input type="radio" name="q6" value="c" class="mr-2" /><span
390
+ class="ml-2"
391
+ >ضمان أمنهم وتحريرهم من الخوف.</span
392
+ ></label
393
+ >
394
+ <label
395
+ ><input type="radio" name="q6" value="d" class="mr-2" /><span
396
+ class="ml-2"
397
+ >الاعتماد على العقل وحده في الحكم.</span
398
+ ></label
399
+ >
400
+ </div>
401
+ </div>
402
+
403
+ <div class="quiz-question" id="q7-container">
404
+ <h4 class="flex items-center">
405
+ <span
406
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
407
+ >7</span
408
+ >
409
+ من أين تستمد الدولة مشروعيتها حسب مونتسكيو؟
410
+ </h4>
411
+ <div class="space-y-2">
412
+ <label
413
+ ><input type="radio" name="q7" value="a" class="mr-2" /><span
414
+ class="ml-2"
415
+ >من إرادة الحاكم المطلقة.</span
416
+ ></label
417
+ >
418
+ <label
419
+ ><input type="radio" name="q7" value="b" class="mr-2" /><span
420
+ class="ml-2"
421
+ >من تحقيق الحرية فقط كما يرى اسبينوزا.</span
422
+ ></label
423
+ >
424
+ <label
425
+ ><input
426
+ type="radio"
427
+ name="q7"
428
+ value="c"
429
+ data-correct="true"
430
+ class="mr-2"
431
+ /><span class="ml-2"
432
+ >من سيادة روح القوانين وفصل السلطات.</span
433
+ ></label
434
+ >
435
+ <label
436
+ ><input type="radio" name="q7" value="d" class="mr-2" /><span
437
+ class="ml-2"
438
+ >من القوة العسكرية والعنف المشروع.</span
439
+ ></label
440
+ >
441
+ </div>
442
+ </div>
443
+
444
+ <div class="quiz-question" id="q8-container">
445
+ <h4 class="flex items-center">
446
+ <span
447
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
448
+ >8</span
449
+ >
450
+ ما هي السلطات الثلاث التي يجب الفصل بينها حسب مونتسكيو؟
451
+ </h4>
452
+ <div class="space-y-2">
453
+ <label
454
+ ><input type="radio" name="q8" value="a" class="mr-2" /><span
455
+ class="ml-2"
456
+ >السلطة الدينية، السلطة العسكرية، السلطة المدنية.</span
457
+ ></label
458
+ >
459
+ <label
460
+ ><input
461
+ type="radio"
462
+ name="q8"
463
+ value="b"
464
+ data-correct="true"
465
+ class="mr-2"
466
+ /><span class="ml-2"
467
+ >السلطة التشريعية، السلطة التنفيذية، السلطة القضائية.</span
468
+ ></label
469
+ >
470
+ <label
471
+ ><input type="radio" name="q8" value="c" class="mr-2" /><span
472
+ class="ml-2"
473
+ >سلطة الملك، سلطة النبلاء، سلطة الشعب.</span
474
+ ></label
475
+ >
476
+ <label
477
+ ><input type="radio" name="q8" value="d" class="mr-2" /><span
478
+ class="ml-2"
479
+ >السلطة الاقتصادية، السلطة السياسية، السلطة الاجتماعية.</span
480
+ ></label
481
+ >
482
+ </div>
483
+ </div>
484
+
485
+ <div class="quiz-question" id="q9-container">
486
+ <h4 class="flex items-center">
487
+ <span
488
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
489
+ >9</span
490
+ >
491
+ ما هي الغاية من فصل السلطات عند مونتسكيو؟
492
+ </h4>
493
+ <div class="space-y-2">
494
+ <label
495
+ ><input type="radio" name="q9" value="a" class="mr-2" /><span
496
+ class="ml-2"
497
+ >إضعاف الدولة وتقليل فعاليتها.</span
498
+ ></label
499
+ >
500
+ <label
501
+ ><input type="radio" name="q9" value="b" class="mr-2" /><span
502
+ class="ml-2"
503
+ >تركيز السلطة في يد القضاء.</span
504
+ ></label
505
+ >
506
+ <label
507
+ ><input
508
+ type="radio"
509
+ name="q9"
510
+ value="c"
511
+ data-correct="true"
512
+ class="mr-2"
513
+ /><span class="ml-2"
514
+ >ضمان سيادة القانون وحماية حقوق الأفراد وملكياتهم.</span
515
+ ></label
516
+ >
517
+ <label
518
+ ><input type="radio" name="q9" value="d" class="mr-2" /><span
519
+ class="ml-2"
520
+ >تسهيل عملية سن القوانين بسرعة.</span
521
+ ></label
522
+ >
523
+ </div>
524
+ </div>
525
+
526
+ <div class="quiz-question" id="q10-container">
527
+ <h4 class="flex items-center">
528
+ <span
529
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
530
+ >10</span
531
+ >
532
+ وفقًا للتركيب بين اسبينوزا ومونتسكيو، ما الذي يضيفه تصور مونتسكيو
533
+ على تصور اسبينوزا؟
534
+ </h4>
535
+ <div class="space-y-2">
536
+ <label
537
+ ><input type="radio" name="q10" value="a" class="mr-2" /><span
538
+ class="ml-2"
539
+ >التركيز على أهمية الحرية الفردية.</span
540
+ ></label
541
+ >
542
+ <label
543
+ ><input
544
+ type="radio"
545
+ name="q10"
546
+ value="b"
547
+ data-correct="true"
548
+ class="mr-2"
549
+ /><span class="ml-2"
550
+ >التأكيد على أن ضمان مكتسبات المواطن يتطلب سيادة القانون وفصل
551
+ السلط.</span
552
+ ></label
553
+ >
554
+ <label
555
+ ><input type="radio" name="q10" value="c" class="mr-2" /><span
556
+ class="ml-2"
557
+ >رفض فكرة التعاقد الاجتماعي.</span
558
+ ></label
559
+ >
560
+ <label
561
+ ><input type="radio" name="q10" value="d" class="mr-2" /><span
562
+ class="ml-2"
563
+ >الدعوة إلى دولة دينية.</span
564
+ ></label
565
+ >
566
+ </div>
567
+ </div>
568
+
569
+ <!-- المحور الثاني: طبيعة السلطة السياسية -->
570
+ <h3
571
+ class="text-xl font-bold text-teal-700 border-b-2 border-teal-200 pb-2 mb-4 mt-8"
572
+ >
573
+ المحور الثاني: طبيعة السلطة السياسية
574
+ </h3>
575
+
576
+ <div class="quiz-question" id="q11-container">
577
+ <h4 class="flex items-center">
578
+ <span
579
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
580
+ >11</span
581
+ >
582
+ ماذا تعني "طبيعة السلطة السياسية" كما ورد في بداية المحور الثاني؟
583
+ </h4>
584
+ <div class="space-y-2">
585
+ <label
586
+ ><input type="radio" name="q11" value="a" class="mr-2" /><span
587
+ class="ml-2"
588
+ >الأسس التي تقوم عليها مشروعية الدولة.</span
589
+ ></label
590
+ >
591
+ <label
592
+ ><input
593
+ type="radio"
594
+ name="q11"
595
+ value="b"
596
+ data-correct="true"
597
+ class="mr-2"
598
+ /><span class="ml-2"
599
+ >الصورة التي تظهر بها الممارسة السياسية للدولة على الشعب
600
+ وأسلوب إدارتها.</span
601
+ ></label
602
+ >
603
+ <label
604
+ ><input type="radio" name="q11" value="c" class="mr-2" /><span
605
+ class="ml-2"
606
+ >العلاقة بين الدولة والحق والعنف.</span
607
+ ></label
608
+ >
609
+ <label
610
+ ><input type="radio" name="q11" value="d" class="mr-2" /><span
611
+ class="ml-2"
612
+ >غاية وجود الدولة بالنسبة للأفراد.</span
613
+ ></label
614
+ >
615
+ </div>
616
+ </div>
617
+
618
+ <div class="quiz-question" id="q12-container">
619
+ <h4 class="flex items-center">
620
+ <span
621
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
622
+ >12</span
623
+ >
624
+ ما هي الأساليب المتأرجحة التي قد تمارس بها الدولة سلطتها حسب
625
+ المحور الثاني؟
626
+ </h4>
627
+ <div class="space-y-2">
628
+ <label
629
+ ><input type="radio" name="q12" value="a" class="mr-2" /><span
630
+ class="ml-2"
631
+ >القانون والديمقراطية فقط.</span
632
+ ></label
633
+ >
634
+ <label
635
+ ><input type="radio" name="q12" value="b" class="mr-2" /><span
636
+ class="ml-2"
637
+ >الرفق واللين فقط.</span
638
+ ></label
639
+ >
640
+ <label
641
+ ><input
642
+ type="radio"
643
+ name="q12"
644
+ value="c"
645
+ data-correct="true"
646
+ class="mr-2"
647
+ /><span class="ml-2"
648
+ >بين القوة والعنف والخداع والمكر، وبين الرفق والذكاء
649
+ والاعتدال.</span
650
+ ></label
651
+ >
652
+ <label
653
+ ><input type="radio" name="q12" value="d" class="mr-2" /><span
654
+ class="ml-2"
655
+ >التشريع والتنفيذ والقضاء فقط.</span
656
+ ></label
657
+ >
658
+ </div>
659
+ </div>
660
+
661
+ <div class="quiz-question" id="q13-container">
662
+ <h4 class="flex items-center">
663
+ <span
664
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
665
+ >13</span
666
+ >
667
+ ما هو الشعار أو القاعدة السياسية التي ترتبط عادة بنيقولاي
668
+ ماكيافيللي؟
669
+ </h4>
670
+ <div class="space-y-2">
671
+ <label
672
+ ><input type="radio" name="q13" value="a" class="mr-2" /><span
673
+ class="ml-2"
674
+ >"فرق تسد".</span
675
+ ></label
676
+ >
677
+ <label
678
+ ><input
679
+ type="radio"
680
+ name="q13"
681
+ value="b"
682
+ data-correct="true"
683
+ class="mr-2"
684
+ /><span class="ml-2">"الغاية تبرر الوسيلة".</span></label
685
+ >
686
+ <label
687
+ ><input type="radio" name="q13" value="c" class="mr-2" /><span
688
+ class="ml-2"
689
+ >"القانون فوق الجميع".</span
690
+ ></label
691
+ >
692
+ <label
693
+ ><input type="radio" name="q13" value="d" class="mr-2" /><span
694
+ class="ml-2"
695
+ >"اعرف نفسك".</span
696
+ ></label
697
+ >
698
+ </div>
699
+ </div>
700
+
701
+ <div class="quiz-question" id="q14-container">
702
+ <h4 class="flex items-center">
703
+ <span
704
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
705
+ >14</span
706
+ >
707
+ كيف يرى ماكيافيللي مجال الممارسة السياسية؟
708
+ </h4>
709
+ <div class="space-y-2">
710
+ <label
711
+ ><input type="radio" name="q14" value="a" class="mr-2" /><span
712
+ class="ml-2"
713
+ >مجال للتعاون والتوافق.</span
714
+ ></label
715
+ >
716
+ <label
717
+ ><input type="radio" name="q14" value="b" class="mr-2" /><span
718
+ class="ml-2"
719
+ >مجال لتحقيق العدالة المطلقة.</span
720
+ ></label
721
+ >
722
+ <label
723
+ ><input
724
+ type="radio"
725
+ name="q14"
726
+ value="c"
727
+ data-correct="true"
728
+ class="mr-2"
729
+ /><span class="ml-2">مجال صراع للمصالح المتعارضة.</span></label
730
+ >
731
+ <label
732
+ ><input type="radio" name="q14" value="d" class="mr-2" /><span
733
+ class="ml-2"
734
+ >مجال لتطبيق الأخلاق المثالية.</span
735
+ ></label
736
+ >
737
+ </div>
738
+ </div>
739
+
740
+ <div class="quiz-question" id="q15-container">
741
+ <h4 class="flex items-center">
742
+ <span
743
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
744
+ >15</span
745
+ >
746
+ ما الصفات التي يجب أن يمزج بينها الأمير الناجح حسب ماكيافيللي؟
747
+ </h4>
748
+ <div class="space-y-2">
749
+ <label
750
+ ><input type="radio" name="q15" value="a" class="mr-2" /><span
751
+ class="ml-2"
752
+ >الصدق والأمانة فقط.</span
753
+ ></label
754
+ >
755
+ <label
756
+ ><input
757
+ type="radio"
758
+ name="q15"
759
+ value="b"
760
+ data-correct="true"
761
+ class="mr-2"
762
+ /><span class="ml-2"
763
+ >القانون والمكر والخداع والقوة (أن يكون أسداً وثعلباً).</span
764
+ ></label
765
+ >
766
+ <label
767
+ ><input type="radio" name="q15" value="c" class="mr-2" /><span
768
+ class="ml-2"
769
+ >الرحمة والتسامح فقط.</span
770
+ ></label
771
+ >
772
+ <label
773
+ ><input type="radio" name="q15" value="d" class="mr-2" /><span
774
+ class="ml-2"
775
+ >الذكاء والحكمة فقط.</span
776
+ ></label
777
+ >
778
+ </div>
779
+ </div>
780
+
781
+ <div class="quiz-question" id="q16-container">
782
+ <h4 class="flex items-center">
783
+ <span
784
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
785
+ >16</span
786
+ >
787
+ لماذا قد يحتاج الأمير إلى إخفاء صفة القوة والمكر حسب ماكيافيللي؟
788
+ </h4>
789
+ <div class="space-y-2">
790
+ <label
791
+ ><input type="radio" name="q16" value="a" class="mr-2" /><span
792
+ class="ml-2"
793
+ >لأنه يخشى من شعبه.</span
794
+ ></label
795
+ >
796
+ <label
797
+ ><input type="radio" name="q16" value="b" class="mr-2" /><span
798
+ class="ml-2"
799
+ >لأن القانون يمنع ذلك.</span
800
+ ></label
801
+ >
802
+ <label
803
+ ><input
804
+ type="radio"
805
+ name="q16"
806
+ value="c"
807
+ data-correct="true"
808
+ class="mr-2"
809
+ /><span class="ml-2"
810
+ >للعب على وتر القانون ومصلحة الجماعة والحفاظ على مظهره.</span
811
+ ></label
812
+ >
813
+ <label
814
+ ><input type="radio" name="q16" value="d" class="mr-2" /><span
815
+ class="ml-2"
816
+ >لأنه لا يحتاج إليها في الواقع.</span
817
+ ></label
818
+ >
819
+ </div>
820
+ </div>
821
+
822
+ <div class="quiz-question" id="q17-container">
823
+ <h4 class="flex items-center">
824
+ <span
825
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
826
+ >17</span
827
+ >
828
+ ما هو المبدأ الأساسي الذي يجب أن تقوم عليه ممارسة السلطة حسب عبد
829
+ الرحمن ابن خلدون؟
830
+ </h4>
831
+ <div class="space-y-2">
832
+ <label
833
+ ><input type="radio" name="q17" value="a" class="mr-2" /><span
834
+ class="ml-2"
835
+ >القوة المطلقة والخداع.</span
836
+ ></label
837
+ >
838
+ <label
839
+ ><input
840
+ type="radio"
841
+ name="q17"
842
+ value="b"
843
+ data-correct="true"
844
+ class="mr-2"
845
+ /><span class="ml-2"
846
+ >الاعتدال والرفق والحكمة بين القوة واللين (الكيس).</span
847
+ ></label
848
+ >
849
+ <label
850
+ ><input type="radio" name="q17" value="c" class="mr-2" /><span
851
+ class="ml-2"
852
+ >الاعتماد الكلي على القانون المكتوب.</span
853
+ ></label
854
+ >
855
+ <label
856
+ ><input type="radio" name="q17" value="d" class="mr-2" /><span
857
+ class="ml-2"
858
+ >تحقيق المصلحة الشخصية للحاكم.</span
859
+ ></label
860
+ >
861
+ </div>
862
+ </div>
863
+
864
+ <div class="quiz-question" id="q18-container">
865
+ <h4 class="flex items-center">
866
+ <span
867
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
868
+ >18</span
869
+ >
870
+ كيف تؤثر علاقة القرب والرفق بين السلطان والرعية حسب ابن خلدون؟
871
+ </h4>
872
+ <div class="space-y-2">
873
+ <label
874
+ ><input type="radio" name="q18" value="a" class="mr-2" /><span
875
+ class="ml-2"
876
+ >تؤدي إلى ضعف السلطان.</span
877
+ ></label
878
+ >
879
+ <label
880
+ ><input
881
+ type="radio"
882
+ name="q18"
883
+ value="b"
884
+ data-correct="true"
885
+ class="mr-2"
886
+ /><span class="ml-2"
887
+ >تُشرِب الرعية محبة السلطان وتزيد ولاءها.</span
888
+ ></label
889
+ >
890
+ <label
891
+ ><input type="radio" name="q18" value="c" class="mr-2" /><span
892
+ class="ml-2"
893
+ >تؤدي إلى فساد أخلاق الرعية.</span
894
+ ></label
895
+ >
896
+ <label
897
+ ><input type="radio" name="q18" value="d" class="mr-2" /><span
898
+ class="ml-2"
899
+ >لا تؤثر على الإطلاق.</span
900
+ ></label
901
+ >
902
+ </div>
903
+ </div>
904
+
905
+ <div class="quiz-question" id="q19-container">
906
+ <h4 class="flex items-center">
907
+ <span
908
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
909
+ >19</span
910
+ >
911
+ ما نتيجة التعسف والإفراط في القوة حسب ابن خلدون؟
912
+ </h4>
913
+ <div class="space-y-2">
914
+ <label
915
+ ><input type="radio" name="q19" value="a" class="mr-2" /><span
916
+ class="ml-2"
917
+ >زيادة هيبة السلطان.</span
918
+ ></label
919
+ >
920
+ <label
921
+ ><input type="radio" name="q19" value="b" class="mr-2" /><span
922
+ class="ml-2"
923
+ >تحقيق العدالة بسرعة.</span
924
+ ></label
925
+ >
926
+ <label
927
+ ><input
928
+ type="radio"
929
+ name="q19"
930
+ value="c"
931
+ data-correct="true"
932
+ class="mr-2"
933
+ /><span class="ml-2"
934
+ >فساد أخلاق الرعية وخذلانها للسلطان في النزاعات.</span
935
+ ></label
936
+ >
937
+ <label
938
+ ><input type="radio" name="q19" value="d" class="mr-2" /><span
939
+ class="ml-2"
940
+ >تحسين الاقتصاد.</span
941
+ ></label
942
+ >
943
+ </div>
944
+ </div>
945
+
946
+ <div class="quiz-question" id="q20-container">
947
+ <h4 class="flex items-center">
948
+ <span
949
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
950
+ >20</span
951
+ >
952
+ ماذا يعتبر ابن خلدون الإسراف في الرفق؟
953
+ </h4>
954
+ <div class="space-y-2">
955
+ <label
956
+ ><input type="radio" name="q20" value="a" class="mr-2" /><span
957
+ class="ml-2"
958
+ >فضيلة مطلقة.</span
959
+ ></label
960
+ >
961
+ <label
962
+ ><input
963
+ type="radio"
964
+ name="q20"
965
+ value="b"
966
+ data-correct="true"
967
+ class="mr-2"
968
+ /><span class="ml-2">غفلة (غفل).</span></label
969
+ >
970
+ <label
971
+ ><input type="radio" name="q20" value="c" class="mr-2" /><span
972
+ class="ml-2"
973
+ >غبناً للرعية.</span
974
+ ></label
975
+ >
976
+ <label
977
+ ><input type="radio" name="q20" value="d" class="mr-2" /><span
978
+ class="ml-2"
979
+ >حكمة سياسية.</span
980
+ ></label
981
+ >
982
+ </div>
983
+ </div>
984
+
985
+ <div class="quiz-question" id="q21-container">
986
+ <h4 class="flex items-center">
987
+ <span
988
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
989
+ >21</span
990
+ >
991
+ ما المنظور الثالث لطبيعة السلطة السياسية الذي يمكن إضافته لمناقشة
992
+ ماكيافيللي وابن خلدون؟
993
+ </h4>
994
+ <div class="space-y-2">
995
+ <label
996
+ ><input type="radio" name="q21" value="a" class="mr-2" /><span
997
+ class="ml-2"
998
+ >السلطة الدينية المطلقة.</span
999
+ ></label
1000
+ >
1001
+ <label
1002
+ ><input type="radio" name="q21" value="b" class="mr-2" /><span
1003
+ class="ml-2"
1004
+ >السلطة القائمة على العنف المشروع فقط (فيبر).</span
1005
+ ></label
1006
+ >
1007
+ <label
1008
+ ><input
1009
+ type="radio"
1010
+ name="q21"
1011
+ value="c"
1012
+ data-correct="true"
1013
+ class="mr-2"
1014
+ /><span class="ml-2"
1015
+ >السلطة القائمة على الديمقراطية وسيادة القانون (مثل
1016
+ مونتسكيو).</span
1017
+ ></label
1018
+ >
1019
+ <label
1020
+ ><input type="radio" name="q21" value="d" class="mr-2" /><span
1021
+ class="ml-2"
1022
+ >السلطة القائمة على الكاريزما الشخصية.</span
1023
+ ></label
1024
+ >
1025
+ </div>
1026
+ </div>
1027
+
1028
+ <!-- المحور الثالث: الدولة بين الحق والعنف -->
1029
+ <h3
1030
+ class="text-xl font-bold text-teal-700 border-b-2 border-teal-200 pb-2 mb-4 mt-8"
1031
+ >
1032
+ المحور الثالث: الدولة بين الحق والعنف
1033
+ </h3>
1034
+
1035
+ <div class="quiz-question" id="q22-container">
1036
+ <h4 class="flex items-center">
1037
+ <span
1038
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
1039
+ >22</span
1040
+ >
1041
+ ما الإشكالية الرئيسية التي يطرحها المحور الثالث؟
1042
+ </h4>
1043
+ <div class="space-y-2">
1044
+ <label
1045
+ ><input type="radio" name="q22" value="a" class="mr-2" /><span
1046
+ class="ml-2"
1047
+ >كيف نشأت الدولة تاريخياً؟</span
1048
+ ></label
1049
+ >
1050
+ <label
1051
+ ><input type="radio" name="q22" value="b" class="mr-2" /><span
1052
+ class="ml-2"
1053
+ >ما هي أفضل أشكال الحكم؟</span
1054
+ ></label
1055
+ >
1056
+ <label
1057
+ ><input
1058
+ type="radio"
1059
+ name="q22"
1060
+ value="c"
1061
+ data-correct="true"
1062
+ class="mr-2"
1063
+ /><span class="ml-2"
1064
+ >هل تمارس الدولة سلطتها بالقوة والعنف أم بالحق والقانون؟ وهل
1065
+ يمكن للدولة أن تكون دولة حق وتمارس العنف؟</span
1066
+ ></label
1067
+ >
1068
+ <label
1069
+ ><input type="radio" name="q22" value="d" class="mr-2" /><span
1070
+ class="ml-2"
1071
+ >ما هي واجبات المواطن تجاه الدولة؟</span
1072
+ ></label
1073
+ >
1074
+ </div>
1075
+ </div>
1076
+
1077
+ <div class="quiz-question" id="q23-container">
1078
+ <h4 class="flex items-center">
1079
+ <span
1080
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
1081
+ >23</span
1082
+ >
1083
+ حسب مقدمة المحور الثالث، هل الدول الديمقراطية الحديثة لا تمارس
1084
+ العنف؟
1085
+ </h4>
1086
+ <div class="space-y-2">
1087
+ <label
1088
+ ><input type="radio" name="q23" value="a" class="mr-2" /><span
1089
+ class="ml-2"
1090
+ >نعم، هي دول حق فقط ولا تمارس العنف.</span
1091
+ ></label
1092
+ >
1093
+ <label
1094
+ ><input
1095
+ type="radio"
1096
+ name="q23"
1097
+ value="b"
1098
+ data-correct="true"
1099
+ class="mr-2"
1100
+ /><span class="ml-2"
1101
+ >لا، حتى الدول الديمقراطية تمتلك أجهزة قمعية وقد تمارس
1102
+ العنف.</span
1103
+ ></label
1104
+ >
1105
+ <label
1106
+ ><input type="radio" name="q23" value="c" class="mr-2" /><span
1107
+ class="ml-2"
1108
+ >العنف يمارسه الأفراد فقط وليس الدول.</span
1109
+ ></label
1110
+ >
1111
+ <label
1112
+ ><input type="radio" name="q23" value="d" class="mr-2" /><span
1113
+ class="ml-2"
1114
+ >الديمقراطية تلغي الحاجة لأي شكل من أشكال القوة.</span
1115
+ ></label
1116
+ >
1117
+ </div>
1118
+ </div>
1119
+
1120
+ <div class="quiz-question" id="q24-container">
1121
+ <h4 class="flex items-center">
1122
+ <span
1123
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
1124
+ >24</span
1125
+ >
1126
+ ما هو المفهوم المركزي في موقف ماكس فيبر حول علاقة الدولة بالعنف؟
1127
+ </h4>
1128
+ <div class="space-y-2">
1129
+ <label
1130
+ ><input type="radio" name="q24" value="a" class="mr-2" /><span
1131
+ class="ml-2"
1132
+ >العنف العشوائي.</span
1133
+ ></label
1134
+ >
1135
+ <label
1136
+ ><input
1137
+ type="radio"
1138
+ name="q24"
1139
+ value="b"
1140
+ data-correct="true"
1141
+ class="mr-2"
1142
+ /><span class="ml-2"
1143
+ >العنف المشروع (La violence Légitime).</span
1144
+ ></label
1145
+ >
1146
+ <label
1147
+ ><input type="radio" name="q24" value="c" class="mr-2" /><span
1148
+ class="ml-2"
1149
+ >رفض العنف بشكل مطلق.</span
1150
+ ></label
1151
+ >
1152
+ <label
1153
+ ><input type="radio" name="q24" value="d" class="mr-2" /><span
1154
+ class="ml-2"
1155
+ >الحق الطبيعي في العنف.</span
1156
+ ></label
1157
+ >
1158
+ </div>
1159
+ </div>
1160
+
1161
+ <div class="quiz-question" id="q25-container">
1162
+ <h4 class="flex items-center">
1163
+ <span
1164
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
1165
+ >25</span
1166
+ >
1167
+ لماذا يعتبر ماكس فيبر "العنف المشروع" وسيلة الدولة المفضلة وحقها؟
1168
+ </h4>
1169
+ <div class="space-y-2">
1170
+ <label
1171
+ ><input type="radio" name="q25" value="a" class="mr-2" /><span
1172
+ class="ml-2"
1173
+ >لأنه أسهل طريقة للحكم.</span
1174
+ ></label
1175
+ >
1176
+ <label
1177
+ ><input
1178
+ type="radio"
1179
+ name="q25"
1180
+ value="b"
1181
+ data-correct="true"
1182
+ class="mr-2"
1183
+ /><span class="ml-2"
1184
+ >لضمان استمرارية الدولة وتماسكها وخضوع الأفراد ومنع
1185
+ الفوضى.</span
1186
+ ></label
1187
+ >
1188
+ <label
1189
+ ><input type="radio" name="q25" value="c" class="mr-2" /><span
1190
+ class="ml-2"
1191
+ >لتحقيق رغبات الحاكم الشخصية.</span
1192
+ ></label
1193
+ >
1194
+ <label
1195
+ ><input type="radio" name="q25" value="d" class="mr-2" /><span
1196
+ class="ml-2"
1197
+ >لأنه يرضي جميع المواطنين.</span
1198
+ ></label
1199
+ >
1200
+ </div>
1201
+ </div>
1202
+
1203
+ <div class="quiz-question" id="q26-container">
1204
+ <h4 class="flex items-center">
1205
+ <span
1206
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
1207
+ >26</span
1208
+ >
1209
+ من له الحق في ممارسة العنف حسب ماكس فيبر؟
1210
+ </h4>
1211
+ <div class="space-y-2">
1212
+ <label
1213
+ ><input type="radio" name="q26" value="a" class="mr-2" /><span
1214
+ class="ml-2"
1215
+ >أي فرد أو جماعة للدفاع عن النفس.</span
1216
+ ></label
1217
+ >
1218
+ <label
1219
+ ><input type="radio" name="q26" value="b" class="mr-2" /><span
1220
+ class="ml-2"
1221
+ >الجيش والشرطة فقط.</span
1222
+ ></label
1223
+ >
1224
+ <label
1225
+ ><input
1226
+ type="radio"
1227
+ name="q26"
1228
+ value="c"
1229
+ data-correct="true"
1230
+ class="mr-2"
1231
+ /><span class="ml-2"
1232
+ >الدولة وحدها، أو من تفوضه الدولة.</span
1233
+ ></label
1234
+ >
1235
+ <label
1236
+ ><input type="radio" name="q26" value="d" class="mr-2" /><span
1237
+ class="ml-2"
1238
+ >المؤسسات الدينية.</span
1239
+ ></label
1240
+ >
1241
+ </div>
1242
+ </div>
1243
+
1244
+ <div class="quiz-question" id="q27-container">
1245
+ <h4 class="flex items-center">
1246
+ <span
1247
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
1248
+ >27</span
1249
+ >
1250
+ ما هو الموقف الأساسي لجاكلين روس من علاقة الدولة بالعنف؟
1251
+ </h4>
1252
+ <div class="space-y-2">
1253
+ <label
1254
+ ><input type="radio" name="q27" value="a" class="mr-2" /><span
1255
+ class="ml-2"
1256
+ >الدولة يجب أن تعتمد كلياً على العنف المشروع.</span
1257
+ ></label
1258
+ >
1259
+ <label
1260
+ ><input
1261
+ type="radio"
1262
+ name="q27"
1263
+ value="b"
1264
+ data-correct="true"
1265
+ class="mr-2"
1266
+ /><span class="ml-2"
1267
+ >الدولة يجب أن تكون دولة حق تحترم الشخص والكرامة وتتجنب
1268
+ العنف.</span
1269
+ ></label
1270
+ >
1271
+ <label
1272
+ ><input type="radio" name="q27" value="c" class="mr-2" /><span
1273
+ class="ml-2"
1274
+ >العنف ضروري لتحقيق الحق.</span
1275
+ ></label
1276
+ >
1277
+ <label
1278
+ ><input type="radio" name="q27" value="d" class="mr-2" /><span
1279
+ class="ml-2"
1280
+ >لا فرق بين دولة الحق ودولة العنف.</span
1281
+ ></label
1282
+ >
1283
+ </div>
1284
+ </div>
1285
+
1286
+ <div class="quiz-question" id="q28-container">
1287
+ <h4 class="flex items-center">
1288
+ <span
1289
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
1290
+ >28</span
1291
+ >
1292
+ ما الذي يجب على الدولة أن تتجنبه حسب جاكلين روس؟
1293
+ </h4>
1294
+ <div class="space-y-2">
1295
+ <label
1296
+ ><input type="radio" name="q28" value="a" class="mr-2" /><span
1297
+ class="ml-2"
1298
+ >ضمان حريات المواطنين.</span
1299
+ ></label
1300
+ >
1301
+ <label
1302
+ ><input type="radio" name="q28" value="b" class="mr-2" /><span
1303
+ class="ml-2"
1304
+ >مراعاة الكرامة الإنسانية.</span
1305
+ ></label
1306
+ >
1307
+ <label
1308
+ ><input
1309
+ type="radio"
1310
+ name="q28"
1311
+ value="c"
1312
+ data-correct="true"
1313
+ class="mr-2"
1314
+ /><span class="ml-2"
1315
+ >الظلم والطغيان والتعسف والعنف باسم القانون.</span
1316
+ ></label
1317
+ >
1318
+ <label
1319
+ ><input type="radio" name="q28" value="d" class="mr-2" /><span
1320
+ class="ml-2"
1321
+ >فصل السلطات.</span
1322
+ ></label
1323
+ >
1324
+ </div>
1325
+ </div>
1326
+
1327
+ <div class="quiz-question" id="q29-container">
1328
+ <h4 class="flex items-center">
1329
+ <span
1330
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
1331
+ >29</span
1332
+ >
1333
+ كيف يمكن للدولة أن تجسد نموذج دولة الحق وتتجنب استغلال السلطة حسب
1334
+ جاكلين روس؟
1335
+ </h4>
1336
+ <div class="space-y-2">
1337
+ <label
1338
+ ><input type="radio" name="q29" value="a" class="mr-2" /><span
1339
+ class="ml-2"
1340
+ >عن طريق تركيز السلطة في يد شخص واحد.</span
1341
+ ></label
1342
+ >
1343
+ <label
1344
+ ><input
1345
+ type="radio"
1346
+ name="q29"
1347
+ value="b"
1348
+ data-correct="true"
1349
+ class="mr-2"
1350
+ /><span class="ml-2"
1351
+ >عن طريق الحرص على فصل السلطات.</span
1352
+ ></label
1353
+ >
1354
+ <label
1355
+ ><input type="radio" name="q29" value="c" class="mr-2" /><span
1356
+ class="ml-2"
1357
+ >عن طريق زيادة استخدام العنف المشروع.</span
1358
+ ></label
1359
+ >
1360
+ <label
1361
+ ><input type="radio" name="q29" value="d" class="mr-2" /><span
1362
+ class="ml-2"
1363
+ >عن طريق تجاهل حقوق المواطنين.</span
1364
+ ></label
1365
+ >
1366
+ </div>
1367
+ </div>
1368
+
1369
+ <div class="quiz-question" id="q30-container">
1370
+ <h4 class="flex items-center">
1371
+ <span
1372
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
1373
+ >30</span
1374
+ >
1375
+ ما هي النقطة الرئيسية التي يركز عليها ماكس فيبر في الخلاصة
1376
+ التركيبية للمحور الثالث؟
1377
+ </h4>
1378
+ <div class="space-y-2">
1379
+ <label
1380
+ ><input type="radio" name="q30" value="a" class="mr-2" /><span
1381
+ class="ml-2"
1382
+ >أهمية الديمقراطية.</span
1383
+ ></label
1384
+ >
1385
+ <label
1386
+ ><input
1387
+ type="radio"
1388
+ name="q30"
1389
+ value="b"
1390
+ data-correct="true"
1391
+ class="mr-2"
1392
+ /><span class="ml-2"
1393
+ >أن خاصية الدولة الأساسية هي العنف المشروع وأن غيابه يؤدي
1394
+ للفوضى.</span
1395
+ ></label
1396
+ >
1397
+ <label
1398
+ ><input type="radio" name="q30" value="c" class="mr-2" /><span
1399
+ class="ml-2"
1400
+ >ضرورة تجنب الدولة للعنف.</span
1401
+ ></label
1402
+ >
1403
+ <label
1404
+ ><input type="radio" name="q30" value="d" class="mr-2" /><span
1405
+ class="ml-2"
1406
+ >أهمية فصل السلطات.</span
1407
+ ></label
1408
+ >
1409
+ </div>
1410
+ </div>
1411
+
1412
+ <div class="quiz-question" id="q31-container">
1413
+ <h4 class="flex items-center">
1414
+ <span
1415
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
1416
+ >31</span
1417
+ >
1418
+ ما هي النقطة الرئيسية التي تركز عليها جاكلين روس في الخلاصة
1419
+ التركيبية للمحور الثالث؟
1420
+ </h4>
1421
+ <div class="space-y-2">
1422
+ <label
1423
+ ><input type="radio" name="q31" value="a" class="mr-2" /><span
1424
+ class="ml-2"
1425
+ >أن العنف المشروع ضروري للدولة.</span
1426
+ ></label
1427
+ >
1428
+ <label
1429
+ ><input type="radio" name="q31" value="b" class="mr-2" /><span
1430
+ class="ml-2"
1431
+ >أن الدولة لا تحتاج إلى سلطات.</span
1432
+ ></label
1433
+ >
1434
+ <label
1435
+ ><input
1436
+ type="radio"
1437
+ name="q31"
1438
+ value="c"
1439
+ data-correct="true"
1440
+ class="mr-2"
1441
+ /><span class="ml-2"
1442
+ >أن الدولة مطالبة بتجنب العنف وتجسيد نموذج دولة الحق وفصل
1443
+ السلطات.</span
1444
+ ></label
1445
+ >
1446
+ <label
1447
+ ><input type="radio" name="q31" value="d" class="mr-2" /><span
1448
+ class="ml-2"
1449
+ >أن الفوضى أفضل من الدولة.</span
1450
+ ></label
1451
+ >
1452
+ </div>
1453
+ </div>
1454
+
1455
+ <!-- أسئلة إضافية للتغطية الشاملة والوصول إلى 40 سؤال -->
1456
+
1457
+ <div class="quiz-question" id="q32-container">
1458
+ <h4 class="flex items-center">
1459
+ <span
1460
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
1461
+ >32</span
1462
+ >
1463
+ أي فيلسوف يرى أن غاية الدولة هي تمكين الأفراد من استخدام قواهم
1464
+ الطبيعية والمدنية بحرية؟
1465
+ </h4>
1466
+ <div class="space-y-2">
1467
+ <label
1468
+ ><input
1469
+ type="radio"
1470
+ name="q32"
1471
+ value="a"
1472
+ data-correct="true"
1473
+ class="mr-2"
1474
+ /><span class="ml-2">باروخ اسبينوزا</span></label
1475
+ >
1476
+ <label
1477
+ ><input type="radio" name="q32" value="b" class="mr-2" /><span
1478
+ class="ml-2"
1479
+ >مونتسكيو</span
1480
+ ></label
1481
+ >
1482
+ <label
1483
+ ><input type="radio" name="q32" value="c" class="mr-2" /><span
1484
+ class="ml-2"
1485
+ >ماكيافيللي</span
1486
+ ></label
1487
+ >
1488
+ <label
1489
+ ><input type="radio" name="q32" value="d" class="mr-2" /><span
1490
+ class="ml-2"
1491
+ >ماكس فيبر</span
1492
+ ></label
1493
+ >
1494
+ </div>
1495
+ </div>
1496
+
1497
+ <div class="quiz-question" id="q33-container">
1498
+ <h4 class="flex items-center">
1499
+ <span
1500
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
1501
+ >33</span
1502
+ >
1503
+ "روح القوانين" هو مفهوم أساسي في فكر أي فيلسوف تم تقديمه؟
1504
+ </h4>
1505
+ <div class="space-y-2">
1506
+ <label
1507
+ ><input type="radio" name="q33" value="a" class="mr-2" /><span
1508
+ class="ml-2"
1509
+ >اسبينوزا</span
1510
+ ></label
1511
+ >
1512
+ <label
1513
+ ><input
1514
+ type="radio"
1515
+ name="q33"
1516
+ value="b"
1517
+ data-correct="true"
1518
+ class="mr-2"
1519
+ /><span class="ml-2">مونتسكيو</span></label
1520
+ >
1521
+ <label
1522
+ ><input type="radio" name="q33" value="c" class="mr-2" /><span
1523
+ class="ml-2"
1524
+ >ابن خلدون</span
1525
+ ></label
1526
+ >
1527
+ <label
1528
+ ><input type="radio" name="q33" value="d" class="mr-2" /><span
1529
+ class="ml-2"
1530
+ >جاكلين روس</span
1531
+ ></label
1532
+ >
1533
+ </div>
1534
+ </div>
1535
+
1536
+ <div class="quiz-question" id="q34-container">
1537
+ <h4 class="flex items-center">
1538
+ <span
1539
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
1540
+ >34</span
1541
+ >
1542
+ مفهوم "الواقعية السياسية" يرتبط بشكل وثيق بأفكار من؟
1543
+ </h4>
1544
+ <div class="space-y-2">
1545
+ <label
1546
+ ><input type="radio" name="q34" value="a" class="mr-2" /><span
1547
+ class="ml-2"
1548
+ >ابن خلدون</span
1549
+ ></label
1550
+ >
1551
+ <label
1552
+ ><input type="radio" name="q34" value="b" class="mr-2" /><span
1553
+ class="ml-2"
1554
+ >مونتسكيو</span
1555
+ ></label
1556
+ >
1557
+ <label
1558
+ ><input
1559
+ type="radio"
1560
+ name="q34"
1561
+ value="c"
1562
+ data-correct="true"
1563
+ class="mr-2"
1564
+ /><span class="ml-2">نيقولاي ماكيافيللي</span></label
1565
+ >
1566
+ <label
1567
+ ><input type="radio" name="q34" value="d" class="mr-2" /><span
1568
+ class="ml-2"
1569
+ >جاكلين روس</span
1570
+ ></label
1571
+ >
1572
+ </div>
1573
+ </div>
1574
+
1575
+ <div class="quiz-question" id="q35-container">
1576
+ <h4 class="flex items-center">
1577
+ <span
1578
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
1579
+ >35</span
1580
+ >
1581
+ أي مفكر يشدد على أهمية "الرفق" و"الكيس" (الذكاء والحكمة) في ممارسة
1582
+ السلطة؟
1583
+ </h4>
1584
+ <div class="space-y-2">
1585
+ <label
1586
+ ><input type="radio" name="q35" value="a" class="mr-2" /><span
1587
+ class="ml-2"
1588
+ >ماكيافيللي</span
1589
+ ></label
1590
+ >
1591
+ <label
1592
+ ><input
1593
+ type="radio"
1594
+ name="q35"
1595
+ value="b"
1596
+ data-correct="true"
1597
+ class="mr-2"
1598
+ /><span class="ml-2">عبد الرحمن ابن خلدون</span></label
1599
+ >
1600
+ <label
1601
+ ><input type="radio" name="q35" value="c" class="mr-2" /><span
1602
+ class="ml-2"
1603
+ >ماكس فيبر</span
1604
+ ></label
1605
+ >
1606
+ <label
1607
+ ><input type="radio" name="q35" value="d" class="mr-2" /><span
1608
+ class="ml-2"
1609
+ >اسبينوزا</span
1610
+ ></label
1611
+ >
1612
+ </div>
1613
+ </div>
1614
+
1615
+ <div class="quiz-question" id="q36-container">
1616
+ <h4 class="flex items-center">
1617
+ <span
1618
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
1619
+ >36</span
1620
+ >
1621
+ من يرى أن الدولة تحتكر استخدام العنف "المشروع"؟
1622
+ </h4>
1623
+ <div class="space-y-2">
1624
+ <label
1625
+ ><input type="radio" name="q36" value="a" class="mr-2" /><span
1626
+ class="ml-2"
1627
+ >جاكلين روس</span
1628
+ ></label
1629
+ >
1630
+ <label
1631
+ ><input type="radio" name="q36" value="b" class="mr-2" /><span
1632
+ class="ml-2"
1633
+ >ابن خلدون</span
1634
+ ></label
1635
+ >
1636
+ <label
1637
+ ><input
1638
+ type="radio"
1639
+ name="q36"
1640
+ value="c"
1641
+ data-correct="true"
1642
+ class="mr-2"
1643
+ /><span class="ml-2">ماكس فيبر</span></label
1644
+ >
1645
+ <label
1646
+ ><input type="radio" name="q36" value="d" class="mr-2" /><span
1647
+ class="ml-2"
1648
+ >مونتسكيو</span
1649
+ ></label
1650
+ >
1651
+ </div>
1652
+ </div>
1653
+
1654
+ <div class="quiz-question" id="q37-container">
1655
+ <h4 class="flex items-center">
1656
+ <span
1657
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
1658
+ >37</span
1659
+ >
1660
+ أي موقف يمثل النقيض لفكرة أن الدولة يجب أن تكون دولة حق في المقام
1661
+ الأول؟
1662
+ </h4>
1663
+ <div class="space-y-2">
1664
+ <label
1665
+ ><input type="radio" name="q37" value="a" class="mr-2" /><span
1666
+ class="ml-2"
1667
+ >موقف جاكلين روس.</span
1668
+ ></label
1669
+ >
1670
+ <label
1671
+ ><input
1672
+ type="radio"
1673
+ name="q37"
1674
+ value="b"
1675
+ data-correct="true"
1676
+ class="mr-2"
1677
+ /><span class="ml-2"
1678
+ >موقف ماكيافيللي (الغاية تبرر الوسيلة).</span
1679
+ ></label
1680
+ >
1681
+ <label
1682
+ ><input type="radio" name="q37" value="c" class="mr-2" /><span
1683
+ class="ml-2"
1684
+ >موقف اسبينوزا (الغاية هي الحرية).</span
1685
+ ></label
1686
+ >
1687
+ <label
1688
+ ><input type="radio" name="q37" value="d" class="mr-2" /><span
1689
+ class="ml-2"
1690
+ >موقف ابن خلدون (الاعتدال والرفق).</span
1691
+ ></label
1692
+ >
1693
+ </div>
1694
+ </div>
1695
+
1696
+ <div class="quiz-question" id="q38-container">
1697
+ <h4 class="flex items-center">
1698
+ <span
1699
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
1700
+ >38</span
1701
+ >
1702
+ فكرة الانتقال من "حالة الطبيعة" (اللادولة) إلى "حالة الدولة
1703
+ المدنية" ترتبط بمفهوم ماذا؟
1704
+ </h4>
1705
+ <div class="space-y-2">
1706
+ <label
1707
+ ><input type="radio" name="q38" value="a" class="mr-2" /><span
1708
+ class="ml-2"
1709
+ >العنف المشروع.</span
1710
+ ></label
1711
+ >
1712
+ <label
1713
+ ><input type="radio" name="q38" value="b" class="mr-2" /><span
1714
+ class="ml-2"
1715
+ >فصل السلطات.</span
1716
+ ></label
1717
+ >
1718
+ <label
1719
+ ><input
1720
+ type="radio"
1721
+ name="q38"
1722
+ value="c"
1723
+ data-correct="true"
1724
+ class="mr-2"
1725
+ /><span class="ml-2">التعاقد الاجتماعي.</span></label
1726
+ >
1727
+ <label
1728
+ ><input type="radio" name="q38" value="d" class="mr-2" /><span
1729
+ class="ml-2"
1730
+ >الواقعية السياسية.</span
1731
+ ></label
1732
+ >
1733
+ </div>
1734
+ </div>
1735
+
1736
+ <div class="quiz-question" id="q39-container">
1737
+ <h4 class="flex items-center">
1738
+ <span
1739
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
1740
+ >39</span
1741
+ >
1742
+ من هو المفكر الذي يرى أن على الحاكم أن يكون "أسداً ليخيف الذئاب
1743
+ وثعلباً ليتجنب الفخاخ" (بمعنى القوة والمكر)؟
1744
+ </h4>
1745
+ <div class="space-y-2">
1746
+ <label
1747
+ ><input type="radio" name="q39" value="a" class="mr-2" /><span
1748
+ class="ml-2"
1749
+ >اسبينوزا</span
1750
+ ></label
1751
+ >
1752
+ <label
1753
+ ><input type="radio" name="q39" value="b" class="mr-2" /><span
1754
+ class="ml-2"
1755
+ >ابن خلدون</span
1756
+ ></label
1757
+ >
1758
+ <label
1759
+ ><input
1760
+ type="radio"
1761
+ name="q39"
1762
+ value="c"
1763
+ data-correct="true"
1764
+ class="mr-2"
1765
+ /><span class="ml-2">ماكيافيللي</span></label
1766
+ >
1767
+ <label
1768
+ ><input type="radio" name="q39" value="d" class="mr-2" /><span
1769
+ class="ml-2"
1770
+ >مونتسكيو</span
1771
+ ></label
1772
+ >
1773
+ </div>
1774
+ </div>
1775
+
1776
+ <div class="quiz-question" id="q40-container">
1777
+ <h4 class="flex items-center">
1778
+ <span
1779
+ class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm"
1780
+ >40</span
1781
+ >
1782
+ أي مفهوم يعبر عن الدولة التي تحترم كرامة الإنسان وحرياته وتتجنب
1783
+ الطغيان والتعسف؟
1784
+ </h4>
1785
+ <div class="space-y-2">
1786
+ <label
1787
+ ><input type="radio" name="q40" value="a" class="mr-2" /><span
1788
+ class="ml-2"
1789
+ >الدولة الثيوقراطية.</span
1790
+ ></label
1791
+ >
1792
+ <label
1793
+ ><input
1794
+ type="radio"
1795
+ name="q40"
1796
+ value="b"
1797
+ data-correct="true"
1798
+ class="mr-2"
1799
+ /><span class="ml-2"
1800
+ >دولة الحق (كما تراها جاكلين روس).</span
1801
+ ></label
1802
+ >
1803
+ <label
1804
+ ><input type="radio" name="q40" value="c" class="mr-2" /><span
1805
+ class="ml-2"
1806
+ >الدولة القائمة على العنف المشروع (فيبر).</span
1807
+ ></label
1808
+ >
1809
+ <label
1810
+ ><input type="radio" name="q40" value="d" class="mr-2" /><span
1811
+ class="ml-2"
1812
+ >الدولة في حالة الطبيعة.</span
1813
+ ></label
1814
+ >
1815
+ </div>
1816
+ </div>
1817
+ </div>
1818
+ <!-- End of questions container -->
1819
+
1820
+ <button
1821
+ type="button"
1822
+ id="submitQuizBtn"
1823
+ class="mt-10 w-full bg-teal-600 text-white py-4 px-8 rounded-lg font-bold text-xl hover:bg-teal-700 transition duration-300 shadow-md flex items-center justify-center"
1824
+ >
1825
+ <svg
1826
+ xmlns="http://www.w3.org/2000/svg"
1827
+ class="w-6 h-6 ml-2"
1828
+ viewBox="0 0 24 24"
1829
+ fill="currentColor"
1830
+ >
1831
+ <path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z" />
1832
+ </svg>
1833
+ إرسال الإجابات
1834
+ </button>
1835
+
1836
+ <div id="quizResult" class="mt-6"></div>
1837
+ </form>
1838
+ </div>
1839
+ <!-- End of quiz-container -->
1840
+
1841
+ <a
1842
+ href="#"
1843
+ onclick="event.preventDefault(); scrollToElement('body');"
1844
+ class="floating-btn bg-teal-600 text-white w-14 h-14 rounded-full flex items-center justify-center shadow-lg hover:bg-teal-700"
1845
+ >
1846
+ <i class="fas fa-arrow-up text-xl" aria-hidden="true"></i>
1847
+ <span class="sr-only">الصعود للأعلى</span>
1848
+ </a>
1849
+
1850
+ <script>
1851
+ // --- نفس كود الجافاسكربت الموجود في النموذج الأصلي ---
1852
+ // --- يتم نسخه ولصقه هنا بالكامل دون تغيير ---
1853
+ document.addEventListener("DOMContentLoaded", () => {
1854
+ document.body.classList.add("fade-in");
1855
+ const submitButton = document.getElementById("submitQuizBtn");
1856
+ if (submitButton) {
1857
+ submitButton.addEventListener("click", submitComprehensiveQuiz);
1858
+ }
1859
+ });
1860
+
1861
+ function submitComprehensiveQuiz() {
1862
+ const form = document.getElementById("comprehensiveQuizForm");
1863
+ const resultDiv = document.getElementById("quizResult");
1864
+ const questions = form.querySelectorAll(".quiz-question");
1865
+ const totalQuestions = questions.length;
1866
+ let score = 0;
1867
+
1868
+ resultDiv.innerHTML = ""; // Clear previous results
1869
+ clearQuizFormatting(form); // Clear previous formatting
1870
+
1871
+ questions.forEach((questionDiv, index) => {
1872
+ const questionId = questionDiv.id.replace("-container", ""); // e.g., 'q1'
1873
+ const selectedAnswerInput = questionDiv.querySelector(
1874
+ `input[name="${questionId}"]:checked`
1875
+ );
1876
+ const correctAnswerInput = questionDiv.querySelector(
1877
+ `input[name="${questionId}"][data-correct="true"]`
1878
+ );
1879
+ const questionContainer = document.getElementById(questionDiv.id); // Get the container div
1880
+
1881
+ // Highlight the correct answer label
1882
+ if (correctAnswerInput) {
1883
+ correctAnswerInput
1884
+ .closest("label")
1885
+ .classList.add("correct-answer-label");
1886
+ } else {
1887
+ console.warn(
1888
+ `No correct answer defined for question ${questionId}`
1889
+ );
1890
+ }
1891
+
1892
+ if (selectedAnswerInput) {
1893
+ if (selectedAnswerInput.hasAttribute("data-correct")) {
1894
+ score++;
1895
+ } else {
1896
+ // Highlight the incorrectly selected answer label
1897
+ selectedAnswerInput
1898
+ .closest("label")
1899
+ .classList.add("incorrect-answer-label");
1900
+ }
1901
+ } else {
1902
+ // Highlight unanswered questions container
1903
+ if (questionContainer)
1904
+ questionContainer.classList.add("unanswered-question");
1905
+ }
1906
+
1907
+ // Disable inputs after submission
1908
+ const radios = questionDiv.querySelectorAll(
1909
+ `input[name="${questionId}"]`
1910
+ );
1911
+ radios.forEach((radio) => (radio.disabled = true));
1912
+ });
1913
+
1914
+ // Disable submit button after submission
1915
+ const submitBtn = document.getElementById("submitQuizBtn");
1916
+ if (submitBtn) {
1917
+ submitBtn.disabled = true;
1918
+ submitBtn.classList.add("opacity-50", "cursor-not-allowed");
1919
+ }
1920
+
1921
+ const percentage =
1922
+ totalQuestions > 0 ? Math.round((score / totalQuestions) * 100) : 0;
1923
+ let feedbackMessage = "";
1924
+ let resultClass = "";
1925
+
1926
+ // Generate feedback message and result div class based on score
1927
+ if (percentage >= 80) {
1928
+ feedbackMessage = `ممتاز! لقد أجبت بشكل صحيح على ${score} من ${totalQuestions} سؤالًا.`;
1929
+ resultClass = "bg-green-100 text-green-800 border border-green-300";
1930
+ } else if (percentage >= 50) {
1931
+ feedbackMessage = `جيد! لقد أجبت بشكل صحيح على ${score} من ${totalQuestions} سؤالًا. راجع الأسئلة المميزة لمزيد من الفهم.`;
1932
+ resultClass =
1933
+ "bg-yellow-100 text-yellow-800 border border-yellow-300";
1934
+ } else {
1935
+ feedbackMessage = `تحتاج إلى مراجعة الدرس. لقد أجبت بشكل صحيح على ${score} من ${totalQuestions} سؤالًا.`; // Adjusted feedback
1936
+ resultClass = "bg-red-100 text-red-800 border border-red-300";
1937
+ }
1938
+
1939
+ // Display the result with feedback and retry button
1940
+ resultDiv.className = `mt-8 p-6 rounded-lg shadow-md text-center ${resultClass}`;
1941
+ resultDiv.innerHTML = `
1942
+ <h4 class="font-bold text-2xl mb-3">النتيجة النهائية: ${percentage}%</h4>
1943
+ <p class="mb-5 text-lg">${feedbackMessage}</p>
1944
+ <button onclick="retryQuiz()" class="bg-teal-600 hover:bg-teal-700 text-white py-2 px-6 rounded-lg font-semibold transition duration-300 text-lg">
1945
+ إعادة الاختبار <i class="fas fa-redo ml-2"></i>
1946
+ </button>
1947
+ `;
1948
+
1949
+ // Scroll result into view smoothly
1950
+ resultDiv.scrollIntoView({ behavior: "smooth", block: "center" });
1951
+ }
1952
+
1953
+ // Function to clear quiz formatting
1954
+ function clearQuizFormatting(form) {
1955
+ const labels = form.querySelectorAll("label");
1956
+ labels.forEach((label) => {
1957
+ label.classList.remove(
1958
+ "correct-answer-label",
1959
+ "incorrect-answer-label"
1960
+ );
1961
+ });
1962
+ const questionContainers = form.querySelectorAll(".quiz-question");
1963
+ questionContainers.forEach((container) => {
1964
+ container.classList.remove("unanswered-question");
1965
+ // Re-enable radio buttons if needed for retry
1966
+ const radios = container.querySelectorAll('input[type="radio"]');
1967
+ radios.forEach((radio) => (radio.disabled = false));
1968
+ });
1969
+
1970
+ // Re-enable submit button
1971
+ const submitButton = document.getElementById("submitQuizBtn");
1972
+ if (submitButton) {
1973
+ submitButton.disabled = false;
1974
+ submitButton.classList.remove("opacity-50", "cursor-not-allowed");
1975
+ }
1976
+ }
1977
+
1978
+ // Retry function for the comprehensive quiz
1979
+ function retryQuiz() {
1980
+ const form = document.getElementById("comprehensiveQuizForm");
1981
+ const resultDiv = document.getElementById("quizResult");
1982
+
1983
+ if (form && resultDiv) {
1984
+ // Clear radio buttons
1985
+ const radioButtons = form.querySelectorAll('input[type="radio"]');
1986
+ radioButtons.forEach((rb) => (rb.checked = false));
1987
+
1988
+ // Clear result div
1989
+ resultDiv.innerHTML = "";
1990
+ resultDiv.className = "mt-6"; // Reset result div style
1991
+
1992
+ // Clear formatting and re-enable inputs/button
1993
+ clearQuizFormatting(form);
1994
+
1995
+ // Scroll to the top of the quiz
1996
+ scrollToElement(".quiz-container"); // Scroll to the container start
1997
+ } else {
1998
+ console.error("Could not find form or result div to retry.");
1999
+ }
2000
+ }
2001
+
2002
+ // Generic smooth scroll function
2003
+ function scrollToElement(selector) {
2004
+ const element = document.querySelector(selector);
2005
+ if (element) {
2006
+ element.scrollIntoView({ behavior: "smooth", block: "start" });
2007
+ } else {
2008
+ // Fallback for 'body' or other top-level elements
2009
+ window.scrollTo({ top: 0, behavior: "smooth" });
2010
+ }
2011
+ }
2012
+ </script>
2013
+ <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=methodya/quizz-state-full" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
2014
  </html>