diff --git a/.gitattributes b/.gitattributes
index a6344aac8c09253b3b630fb776ae94478aa0275b..34fe3e6d0cfd7e3fafde21fd894b94aeeaeb782f 100644
--- a/.gitattributes
+++ b/.gitattributes
@@ -33,3 +33,29 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+FINAL/literary_studies_2007/page_0001.png filter=lfs diff=lfs merge=lfs -text
+FINAL/literary_studies_2007/page_0002.png filter=lfs diff=lfs merge=lfs -text
+FINAL/literary_studies_2007/page_0003.png filter=lfs diff=lfs merge=lfs -text
+FINAL/literary_studies_2007/page_0004.png filter=lfs diff=lfs merge=lfs -text
+FINAL/literary_studies_2007/page_0005.png filter=lfs diff=lfs merge=lfs -text
+FINAL/literary_studies_2007/page_0006.png filter=lfs diff=lfs merge=lfs -text
+FINAL/literary_studies_2007/page_0007.png filter=lfs diff=lfs merge=lfs -text
+FINAL/literary_studies_2007/page_0008.png filter=lfs diff=lfs merge=lfs -text
+static/audio/voice_2bb5d17d5601.mp3 filter=lfs diff=lfs merge=lfs -text
+static/audio/voice_2d9d103aab0a.mp3 filter=lfs diff=lfs merge=lfs -text
+static/audio/voice_34d88cdb4b92.mp3 filter=lfs diff=lfs merge=lfs -text
+static/audio/voice_655c86563efc.mp3 filter=lfs diff=lfs merge=lfs -text
+static/audio/voice_7ce607589c2c.mp3 filter=lfs diff=lfs merge=lfs -text
+static/audio/voice_918f32635636.mp3 filter=lfs diff=lfs merge=lfs -text
+static/audio/voice_94d62e7239e9.mp3 filter=lfs diff=lfs merge=lfs -text
+static/audio/voice_9749ec6e0bf4.mp3 filter=lfs diff=lfs merge=lfs -text
+static/audio/voice_9769d2ebd905.mp3 filter=lfs diff=lfs merge=lfs -text
+static/audio/voice_a29b2f9e805c.mp3 filter=lfs diff=lfs merge=lfs -text
+static/audio/voice_a31899eb0351.mp3 filter=lfs diff=lfs merge=lfs -text
+static/audio/voice_a9e67f679652.mp3 filter=lfs diff=lfs merge=lfs -text
+static/audio/voice_bcd76332724e.mp3 filter=lfs diff=lfs merge=lfs -text
+static/audio/voice_c9d854703f35.mp3 filter=lfs diff=lfs merge=lfs -text
+static/audio/voice_df8cdbf8bd84.mp3 filter=lfs diff=lfs merge=lfs -text
+static/audio/voice_e364309dbee2.mp3 filter=lfs diff=lfs merge=lfs -text
+static/audio/voice_e3b02a4b2432.mp3 filter=lfs diff=lfs merge=lfs -text
+static/audio/voice_fdc7f7d43420.mp3 filter=lfs diff=lfs merge=lfs -text
diff --git a/FINAL/it.txt b/FINAL/it.txt
new file mode 100644
index 0000000000000000000000000000000000000000..ab2f3f7f27746b0923cc60e8f4cf56f02ae7a2ff
--- /dev/null
+++ b/FINAL/it.txt
@@ -0,0 +1,1082 @@
+# أسئلة امتحان مادة تقنية المعلومات
+### الدور الأول للعام الدراسي 2022 - 2023
+
+---
+
+## أولاً: أسئلة الصواب أو الخطأ
+
+**س1:** عند كتابة الإجراء الفرعي في الجزء (General) بذلك يمكن استدعاؤه من أي أداة على النموذج.
+
+**س2:** يمكن ضبط خصائص الأدوات أثناء تشغيل البرنامج.
+
+**س3:** أدوات التحكم هي برامج جاهزة معدة مسبقاً من قبل المبرمجين لتوفير الوقت والجهد.
+
+**س4:** يجب أن يكون عدد المعاملات في جملة الإعلان عن الدالة هو نفس عدد المعاملات في جملة استدعائها.
+
+**س5:** يعد فيروس الحاسوب من البرمجيات.
+
+**س6:** تشفير المعلومات هو تحوير البيانات الأصلية قبل إرسالها عبر شبكات المعلومات بطريقة مشفرة وغير مفهومة لمستلم هذه البيانات.
+
+**س7:** يُعد التواصل الشخصي مع أنظمة الحكومة الإلكترونية هو الوسيلة الوحيدة لإنجاز الأعمال والحصول على الخدمات الحكومية.
+
+**س8:** يتم إزالة أي نموذج من المشروع من خلال نافذة شكل النموذج.
+
+**س9:** يتم استدعاء الإجراء الفرعي الخاص بالحدث Dblclick عندما ينقر المستخدم نقراً مزدوجاً فوق الأداة.
+
+**س10:** الحدث LostFocus يجبر المؤشر على البقاء داخل صندوق النص Text إذا كان الصندوق فارغاً.
+
+**س11:** الحكومة الإلكترونية تستلزم توفر بنية تحتية متقدمة لتقنيات المعلومات والاتصالات الوطنية.
+
+**س12:** تتكون دوال المستخدم من مجموعة من الجمل المكتوبة بلغة البيسك المرئي وتؤدي وظيفة محددة.
+
+---
+
+## ثانياً: أسئلة الاختيار من متعدد
+
+**س13:** في حالة اختيار أكثر من أداة من نفس النوع فإن نافذة الخصائص تعرض:
+- أ) الخصائص بترتيب معين
+- ب) خصائص الأداة الأخيرة
+- ج) الخصائص المشتركة فيما بينها
+- د) خصائص الأداة الأولى
+
+---
+
+**س14:** قيام شخص باستخدام الحاسوب في مهام غير المنصوص عليها ضمن اختصاصه الوظيفي يعد من جرائم الحاسوب وتسمى:
+- أ) الاستغلال الخاطئ
+- ب) العمل عن بعد
+- ج) سرقة الوظيفة
+- د) سرقة وقت الحاسوب
+
+---
+
+**س15:** من مزايا الخدمات الإلكترونية:
+- أ) السفر إلى مسافات بعيدة
+- ب) رفع معدلات أمية الحاسوب
+- ج) ارتفاع تكاليف إنجاز الخدمات
+- د) رفع معدل رفاهية المواطنين
+
+---
+
+**س16:** لتخزين المشروع في لغة البيسك المرئي فإننا نقوم بـ:
+- أ) النقر على زر Save Project من القائمة ملف File
+- ب) النقر على زر Save من القائمة المشروع Project
+- ج) تنفيذ البرنامج كإجراء كامل
+- د) تنفيذ البرنامج خطوة خطوة
+
+---
+
+**س17:** تستطيع وضع أي أداة من أدوات التحكم على نافذة النموذج عن طريق:
+- أ) القائمة عرض View ثم نختار الأداة المطلوبة
+- ب) النقر المزدوج على الأداة المطلوبة من شريط أدوات التحكم
+- ج) النقر المزدوج على الأداة المطلوبة من نافذة النموذج
+- د) القائمة إدراج Insert ثم النقر على الأداة المطلوبة
+
+---
+
+**س18:** تتم إضافة البرامج الفرعية والدوال في بيئة البيسك المرئي من شريط القوائم خلال قائمة:
+- أ) المشروع Project
+- ب) الإضافات Add Ins
+- ج) ملف File
+- د) الأدوات Tools
+
+---
+
+**س19:** عند وضع أول صندوق نص على نافذة النموذج يكون تلقائياً اسمه البرمجي:
+- أ) Text1
+- ب) Command1
+- ج) Label1
+- د) TextBox1
+
+---
+
+**س20:** تستخدم الدالة Str في:
+- أ) إرجاع عدد معين من الأحرف بداية النص
+- ب) تحويل المتغير الرقمي إلى صيغة نصية
+- ج) إرجاع عدد معين من الأحرف نهاية النص
+- د) تحويل المتغير النصي إلى صيغة رقمية
+
+---
+
+**س21:** القيمة المعادة من الدالة بالجملة `A = Left("Good Morning", 4)` هي:
+- أ) Morning
+- ب) Morn
+- ج) ning
+- د) Good
+
+---
+
+**س22:** لإظهار وإخفاء زر الأوامر Command فإننا نستخدم الخاصية:
+- أ) Visible
+- ب) Setfocus
+- ج) Style
+- د) Enabled
+
+---
+
+**س23:** تشمل معاملات الحكومة الإلكترونية:
+- أ) التجارة الإلكترونية
+- ب) الاتصال الإلكتروني
+- ج) صيانة المعدات الإلكترونية
+- د) البريد الإلكتروني
+
+---
+
+**س24:** من الأمور المهمة التي تميز الدالة عن الإجراء الفرعي:
+- أ) يمكن استدعاؤها أكثر من مرة
+- ب) تؤدي وظائف متعددة
+- ج) تعيد قيمة واحدة تقوم بتخزينها في اسم الدالة
+- د) تتكون من مجموعة من الجمل المكتوبة بلغة البيسك المرئي
+
+---
+
+**س25:** المكان الرئيسي الذي يتم فيه تصميم البرامج والتطبيقات في لغة البيسك المرئي هو:
+- أ) شريط الأدوات Tools Bar
+- ب) نافذة المشروع Project
+- ج) نافذة النموذج Form
+- د) شريط القوائم Menu Bar
+
+---
+
+**س26:** تُعد بيانات الصفة الشخصية أكثر دقة في تمييز المستخدمين لـ:
+- أ) استخدامها لبيانات مشفرة
+- ب) وجود جدار ناري بها
+- ج) استحالة تزويرها أو تقليدها
+- د) سهولة استخدامها وحفظها
+
+---
+
+**س27:** تُعد التعاملات بين الحكومة والمصارف الأهلية من تعاملات الحكومة الإلكترونية التي تتم من:
+- أ) الحكومة إلى الحكومة
+- ب) المواطن إلى الحكومة
+- ج) القطاع الخاص إلى الحكومة
+- د) الحكومة إلى المواطن
+
+---
+
+**س28:** أي مما يلي يُعد أول وأهم جزء في حل المشاكل البرمجية:
+- أ) تنفيذ الحل
+- ب) تحديد الأدوات المطلوبة
+- ج) تعريف المشكلة
+- د) كتابة الخوارزميات
+
+---
+
+**س29:** تُعد الدالة Format من الدوال الجاهزة:
+- أ) الرياضية
+- ب) النصية
+- ج) التاريخ والوقت
+- د) الحرفية
+
+---
+
+**س30:** متغيرات لأداة معينة تأخذ قيماً في أثناء تصميم البرنامج أو أثناء تشغيل البرنامج:
+- أ) النوافذ Windows
+- ب) الأحداث Events
+- ج) الخصائص Properties
+- د) الطرق Methods
+
+---
+
+**س31:** لإضافة أو تغيير العنوان الذي يظهر على زر الأمر فإننا نكتب الصيغة:
+- أ) `Command1.Caption = "نعم"`
+- ب) `Command1.label = "نعم"`
+- ج) `Command1.Name = "نعم"`
+- د) `Command1 = "نعم"`
+
+---
+
+**س32:** تعد جميع معاملات الدالة Function:
+- أ) مدخلات فقط
+- ب) من نوع واحد
+- ج) مخرجات فقط
+- د) مدخلات ومخرجات
+
+---
+
+**س33:** لإنهاء استكمال تنفيذ جمل الدالة الوظيفية في أي موقع قبل الوصول إلى الجملة End Function فإننا نستخدم الجملة:
+- أ) Goto Exit
+- ب) End
+- ج) Exit Function
+- د) Exit Sub
+
+---
+
+**س34:** أي مما يلي من المخاطر التي يستغلها القراصنة لتعطيل عمل الشبكة أو خفض أدائها:
+- أ) أعطال الشبكة
+- ب) الكوارث الطبيعية
+- ج) الفيروسات
+- د) تشفير المعلومات
+
+---
+
+**س35:** النافذة التي تعطيك فكرة عن مكان ظهور النموذج على الشاشة بعد تنفيذ التطبيق هي نافذة:
+- أ) مستكشف المشروع Project Explorer
+- ب) شكل النموذج The Form Layout
+- ج) المشروع Project
+- د) النموذج Form
+
+---
+
+**س36:** أي مما يلي لا يعد من أعراض الإصابة بالفيروسات:
+- أ) تغير شكل أيقونات الملفات
+- ب) تغير شاشة التوقف بشكل متكرر
+- ج) توقف النظام بدون سبب
+- د) البطء المفاجئ في أداء الحاسوب
+
+---
+
+**س37:** يمكن طباعة محتويات المشروع من خلال القائمة:
+- أ) العرض View
+- ب) التنفيذ Run
+- ج) المشروع Project
+- د) ملف File
+
+---
+
+**س38:** من أهم الأدوات المستخدمة التي يمكن بواسطتها تنفيذ الكثير من التطبيقات والإجراءات هي أداة:
+- أ) التحكم بالتطبيقات OLE
+- ب) زر الخيار Option Button
+- ج) الإطار Frame
+- د) زر الأمر Command Button
+
+---
+
+**س39:** أي فعل يقوم به المستخدم ينتج عنه رد فعل معين مثل تنفيذ إجراء معين يسمى:
+- أ) حدث Event
+- ب) أمر Command
+- ج) وظيفة Method
+- د) خاصية Property
+
+---
+
+**س40:** سميت الدوال الجاهزة بهذا الاسم لأنه:
+- أ) تقوم بوظيفة محددة مسبقاً
+- ب) يقوم المبرمج بكتابتها بكل سهولة
+- ج) يمكن استدعاؤها من الجزء العام فقط
+- د) يمكن استدعاؤها دون كتابة برامجها
+
+---
+
+**س41:** لإيجاد الجذر التربيعي لرقم معين (X) فإننا نستخدم الدالة:
+- أ) Sgn(X)
+- ب) Int(X)
+- ج) Sqr(X)
+- د) ABS(X)
+
+---
+
+**س42:** من مكونات بيئة التطوير للبيسك المرئي التي تسهل على المبرمج التعامل مع بعض العناصر الموجودة في شريط القوائم بشكل مباشر:
+- أ) شريط الأدوات
+- ب) صندوق أدوات التحكم
+- ج) نافذة الخصائص
+- د) نافذة مستكشف المشروع
+
+---
+
+**س43:** يبدأ تحديث المعلومات المنشورة على المواقع الحكومية بشكل دوري في مرحلة:
+- أ) التفاعل وتبادل البيانات
+- ب) النشر الإلكتروني
+- ج) الظهور الحكومي
+- د) تكامل الخدمات وإنجاز المعاملات
+
+---
+
+**س44:** من أهم الأحداث الخاصة بالنموذج والذي ينفذ تلقائياً عند تحميل النموذج هو:
+- أ) Event
+- ب) Load
+- ج) Click
+- د) Show
+
+---
+
+**س45:** الأداة التي تستخدم لإدخال البيانات الرقمية أو الحرفية في وقت التصميم أو في وقت التشغيل هي أداة:
+- أ) العنوان Label
+- ب) السرد Combo Box
+- ج) زر الأمر Command
+- د) صندوق النص Text Box
+
+---
+
+**س46:** آخر جملة في الإجراء الفرعي Sub هي:
+- أ) End Sub
+- ب) End Function
+- ج) Exit
+- د) End
+
+---
+
+**س47:** تستخدم طريقة النموذج Cls في:
+- أ) تحديد اسم النموذج في مرحلة التصميم
+- ب) مسح ما هو مطبوع على النموذج
+- ج) حركة النموذج
+- د) إظهار النموذج
+
+---
+
+**س48:** من دوال التاريخ والوقت الدالة Now التي تعطي:
+- أ) التاريخ والوقت الحاليين
+- ب) التاريخ الحالي فقط
+- ج) الوقت الحالي فقط
+- د) رقم اليوم من أيام الأسبوع
+
+---
+***** انتهت الأسئلة *****
+
+ # أسئلة امتحان مادة تقنية المعلومات
+### الدور الأول للعام الدراسي 2023 - 2024
+
+---
+
+## أولاً: أسئلة الصواب أو الخطأ
+
+**س1:** تمثل كلمات العبور أحد المخاطر الأمنية العالية لأنظمة الشبكات والاتصالات والتي مصدرها برمجيات الشبكات.
+
+**س2:** يجب أن يكون هناك توافق في نوع البيانات للمعاملات في جملة الإعلان وجملة الاستدعاء للإجراء الفرعي أو الدالة.
+
+**س3:** تمثل الحكومة الإلكترونية عين المواطنين على اختبار سرعة أداء الحكومة وشفافية إجراءاتها.
+
+**س4:** المصفوفة هي مجموعة متجاورة من المواقع في الذاكرة تحتوي على عناصر من نفس النوع.
+
+**س5:** يمكن ربط أدوات التحكم بأوامر البرمجة لتعالج البيانات المدخلة حتى تخرج لنا العملية المطلوبة.
+
+**س6:** أداة الصورة (Image) هي أداة لعرض الصورة وتستعمل كحاوية للعناصر والأدوات الأخرى.
+
+**س7:** تقسيم أي مشروع إلى مجموعة من الأجزاء ينتج عنه ضياع للوقت وصعوبة في التعديل.
+
+**س8:** رخصة متعددة الاستخدام تمنح للمؤسسات التي سوف يقوم عدد كبير من موظفيها باستخدام نفس التطبيق البرمجي.
+
+**س9:** يتم تحديد عناصر المصفوفة ذات البعدين في جمل البرنامج باستخدام دليل واحد.
+
+**س10:** المعلومات الشخصية المدخلة في قواعد بيانات المؤسسات العامة والخاصة هي ملك لهذه المؤسسات ولها الحق في استغلالها بأي طريقة كبيعها أو تبادلها مع مؤسسات أخرى.
+
+**س11:** يتم استدعاء الأحداث بكتابة الاسم البرمجي للأداة ثم النقطة ثم اسم الحدث.
+
+**س12:** تشمل لوائح أمن قواعد البيانات ضمان إتاحة الوصول للبيانات من قبل المخولين بذلك في أي وقت.
+
+**س13:** إمكانية إنجاز الخدمات من أي مكان تتاح فيه وسائل الاتصالات في أوقات الدوام الرسمية فقط من مزايا الخدمات الإلكترونية.
+
+**س14:** يمكن تغيير النص المعروض بأداة العنوان (Label) في وقت التنفيذ داخل البرنامج.
+
+**س15:** فتح أي ملف مرفق ضمن رسالة بريد إلكتروني لا يُعرف مصدرها من طرق الوقاية من الفيروسات.
+
+**س16:** إن تأشير أحد أزرار الخيارات (Option Buttons) يلغي تأشير الأزرار الأخرى.
+
+---
+
+## ثانياً: أسئلة الاختيار من متعدد
+
+**س17:** يمكن عند تنفيذ الدالة باستخدام النافذة السريعة Immediate Window معرفة:
+- أ) جملة الإعلان عن الدالة
+- ب) حجم الدالة
+- ج) نوع الدالة
+- د) قيم المتغيرات بالدالة
+
+---
+
+**س18:** عند وضع أول صندوق نص على نافذة النموذج يكون اسمه البرمجي:
+- أ) Label1
+- ب) Box1
+- ج) txt
+- د) Text1
+
+---
+
+**س19:** من شريط القوائم يمكن إضافة أي عنصر من عناصر المشروع من خلال القائمة:
+- أ) الأدوات Tools
+- ب) الإضافات Add Ins
+- ج) ملف File
+- د) المشروع Project
+
+---
+
+**س20:** لإيجاد الجذر التربيعي لرقم معين نستخدم الدالة:
+- أ) Int
+- ب) Sqr
+- ج) Math
+- د) Abs
+
+---
+
+**س21 و س22:** بناءً على المقطع البرمجي التالي:
+```
+For i = 0 To 2
+    For j = 0 To 2
+        a(i,j) = inputbox("        ")
+    Next j
+Next i
+```
+
+**س21:** من خلال المقطع السابق المصفوفة a هي مصفوفة:
+- أ) ذات عمود واحد
+- ب) أحادية البعد
+- ج) ذات بعدين
+- د) ذات صف واحد
+
+---
+
+**س22:** وظيفة المقطع السابق:
+- أ) قراءة عناصر قطر المصفوفة a
+- ب) إدخال عناصر المصفوفة a
+- ج) طباعة عناصر المصفوفة a
+- د) طباعة عناصر قطر المصفوفة a
+
+---
+
+**س23:** في مراحل تطور الحكومة، يبدأ التفاعل المباشر بين المواطن والإدارة الحكومية الموفرة للخدمة في مرحلة:
+- أ) الظهور الحكومي
+- ب) تكامل الخدمات
+- ج) النشر الإلكتروني
+- د) التفاعل وتبادل البيانات
+
+---
+
+**س24:** القيمة الوحيدة من الدالة تكون في:
+- أ) معاملات الدالة
+- ب) نوع الدالة
+- ج) اسم الدالة
+- د) جملة الإعلان عن الدالة
+
+---
+
+**س25:** جزء من المشروع يتم فيه كتابة أي إجراء فرعي أو دالة أو إعلان عن متغيرات بحيث تصبح متاحة للاستخدام من أي نموذج أو أداة في المشروع بالكامل:
+- أ) General
+- ب) Private
+- ج) Public
+- د) Module
+
+---
+
+**س26:** للتأكد من عدم وجود أي مخاطر أمنية تدخل البيانات المستقبلة فإننا نستخدم:
+- أ) مبدأ الشفافية
+- ب) الجدار الناري
+- ج) حماية البرمجيات
+- د) قرصنة المعلومات
+
+---
+
+**س27:** اعتماد مبدأ تشفير البيانات من الأمثلة على:
+- أ) طرق الوقاية من الفيروسات
+- ب) طرق تحديد صلاحيات المستخدم
+- ج) وسائل مكافحة جرائم الحاسوب
+- د) وسائل تأمين البيانات المرسلة
+
+---
+
+**س28:** لإضافة عنصر لصندوق القائمة (List) نستخدم الخاصية:
+- أ) AddItem
+- ب) AppendItem
+- ج) InsertItem
+- د) IndextItem
+
+---
+
+**س29:** الجملة التالية `Dim x(1 To 4 , 1 To 4) As single` تنشئ مصفوفة ذات بعدين تحتوي على:
+- أ) أربعة صفوف فقط
+- ب) ثلاثة صفوف وثلاثة أعمدة
+- ج) ثلاثة أعمدة فقط
+- د) أربعة صفوف وأربعة أعمدة
+
+---
+
+**س30:** يمكن تنفيذ التطبيق في لغة البيسك المرئي من لوحة المفاتيح بالضغط على المفتاح:
+- أ) F5
+- ب) F4
+- ج) Ctrl
+- د) Enter
+
+---
+
+**س31:** الحصول على المعلومات المملوكة للدولة هي حق تشريعي للمواطنين وهي أحد مؤشرات:
+- أ) الشفافية
+- ب) الخصوصية
+- ج) الملكية الفكرية
+- د) الفساد الإداري
+
+---
+
+**س32:** من أهم الأحداث الخاصة بالنموذج والذي ينفذ تلقائياً عند تحميله هو:
+- أ) Click
+- ب) Show
+- ج) Load
+- د) Setfocus
+
+---
+
+**س33:** عند تنفيذ الأمر `FORM1.Cls` ينتج عنه:
+- أ) حركة للنموذج
+- ب) رسم خط مستقيم على النموذج
+- ج) إظهار للنموذج
+- د) مسح ما هو مطبوع على النموذج
+
+---
+
+**س34:** بناءً على المقطع البرمجي التالي:
+```
+Dim x,y as integer
+y = abs(x)
+```
+قيمة المتغير y بعد التنفيذ هي:
+- أ) y
+- ب) Null
+- ج) x
+- د) صفر
+
+---
+
+**س35:** Multiline هو:
+- أ) حدث
+- ب) طريقة
+- ج) خاصية
+- د) وظيفة
+
+---
+
+**س36:** يجمع بين مزايا صندوق النص (Text) وصندوق القائمة (List) هو:
+- أ) الصندوق المركب Combo Box
+- ب) أزرار الأوامر Command Buttons
+- ج) زر الخيار Option Buttons
+- د) صناديق التحقق Check Boxes
+
+---
+
+**س37:** جملة الإعلان لتخزين أسماء (30) طالباً في مصفوفة ذات بعد واحد هي:
+- أ) `Dim a(29) as single`
+- ب) `Dim a(29) as String`
+- ج) `Dim a(30) as integer`
+- د) `Dim a(30) as String`
+
+---
+
+**س38:** أي العبارات التالية صحيح فيما يتعلق بالإجراء الفرعي (Sub):
+- أ) يمكن أن يكون بدون معاملات
+- ب) يعيد قيمة واحدة فقط
+- ج) جميع معاملاته مدخلات فقط
+- د) يجب تحديد نوعه
+
+---
+
+**س39:** لإضافة عنوان لأداة الإطار (Frame) نستخدم الخاصية:
+- أ) Label
+- ب) Name
+- ج) Caption
+- د) Title
+
+---
+
+**س40:** أداة تستخدم لإدخال البيانات الرقمية أو الحرفية في وقت التصميم أو في وقت التشغيل:
+- أ) العنوان Label
+- ب) النموذج Form
+- ج) صندوق النص Text Box
+- د) الأمر Command
+
+---
+
+**س41:** يعد نموذجاً من خدمات ومعاملات الحكومة الإلكترونية:
+- أ) تنظيم البريد الإلكتروني
+- ب) صيانة المعدات الإلكترونية
+- ج) دورات رفع أمية الحاسوب
+- د) الأحوال الشخصية الإلكترونية
+
+---
+
+**س42:** الخاصية التي تجعل زر الأوامر فعالاً بحيث يقبل الأحداث مثل النقر هي:
+- أ) Enabled
+- ب) LostFocus
+- ج) Visible
+- د) GotFocus
+
+---
+
+**س43:** برامج تقوم بشيء آخر غير ما يعتقده مشغل البرنامج:
+- أ) فيروس حصان طروادة
+- ب) برمجيات تجارية
+- ج) برمجيات مفتوحة المصدر
+- د) برامج مكافحة الفيروسات
+
+---
+
+**س44:** برمجيات يمكن استغلالها كما هي أو تعديلها وتطويرها لتعمل بصورة مغايرة لنسختها الأصلية:
+- أ) تجارية
+- ب) مجانية
+- ج) تجريبية
+- د) مفتوحة المصدر
+
+---
+
+**س45:** يطلق على جميع التعاملات الممكن إنجازها عبر تقنية المعلومات اسم:
+- أ) الحكومة الإلكترونية
+- ب) المفتاح العام
+- ج) التواصل الإلكتروني
+- د) الخدمات الإلكترونية
+
+---
+
+**س46:** أهم خاصية تتميز بها أداة القائمة المنسدلة (Combo Box) وتأخذ ثلاث قيم هي:
+- أ) Change
+- ب) Style
+- ج) ListIndex
+- د) List
+
+---
+
+**س47:** يتم تحديد النماذج، الأزرار والقوائم في لغة الفيجوال بيسك المطلوبة لحل المسألة في مرحلة:
+- أ) تحديد الأدوات المطلوبة
+- ب) تعريف المشكلة
+- ج) كتابة الخوارزميات
+- د) تنفيذ الحل
+
+---
+
+**س48:** عند قيام شخص ما باستخدام الحاسوب في مهام غير المنصوص عليها ضمن اختصاصه الوظيفي فإن ذلك يُعد جريمة من جرائم الحاسوب تسمى:
+- أ) سرقة كلمات العبور
+- ب) سرقة وقت الحاسوب
+- ج) القرصنة الإلكترونية
+- د) التشفير الإلكتروني
+
+---
+
+**س49:** توفر أنظمة الحكومة الإلكترونية للمواطنين والإدارات فرصة التواصل عبر:
+- أ) الأكشاك الإلكترونية للخدمات الشاملة
+- ب) التشفير الإلكتروني
+- ج) التدريب الإلكتروني
+- د) التوقيع الإلكتروني
+
+---
+
+**س50:** تُعد الدالة الجاهزة (Val) من الدوال:
+- أ) التاريخ / الوقت
+- ب) الحرفية
+- ج) الرياضية
+- د) الوظيفية
+
+---
+
+**س51:** يمكن التبديل بين نافذة النموذج وبين شاشة محرر الكود من خلال نافذة:
+- أ) الكود Code
+- ب) المشروع Project
+- ج) مستكشف المشروع Project Explorer
+- د) النموذج Form
+
+---
+
+**س52:** تستخدم صناديق التحقق Check Box لعرض مجموعة خيارات على المستخدم ليختار منها في نفس الوقت:
+- أ) ثلاثة خيارات فقط
+- ب) خيار واحد فأكثر
+- ج) خيار واحد فقط
+- د) خياران فقط
+
+---
+
+**س53:** تستخدم جملة الإعلان عن المصفوفة لتحديد:
+- أ) طريقة تنفيذ التطبيق
+- ب) طريقة استدعاء البيانات
+- ج) عدد ونوع البيانات المراد تخزينها
+- د) أداة التحكم المرتبطة بالبيانات
+
+---
+
+**س54:** لتغيير حجم أداة التحكم ولونها فإننا نستخدم:
+- أ) شريط الأدوات Tool Bar
+- ب) نافذة النموذج Form
+- ج) نافذة الخصائص Properties Windows
+- د) شريط أدوات التحكم Toolbox Control
+
+---
+
+**س55:** من طرق أداة العنوان Label:
+- أ) Move
+- ب) Change
+- ج) Caption
+- د) Dblclick
+
+---
+
+**س56:** يشكل الهوية الإلكترونية للمواطن:
+- أ) التوقيع الإلكتروني
+- ب) المفتاح العام
+- ج) المفتاح الخاص
+- د) البريد الإلكتروني
+
+---
+***** انتهت الأسئلة *****
+
+# أسئلة امتحان مادة تقنية المعلومات
+### الدور الأول للعام الدراسي 2024 - 2025
+
+---
+
+## أولاً: أسئلة الصواب أو الخطأ
+
+**س1:** `Form1.Show` تستخدم هذه الصيغة لإظهار النموذج Form1 عن طريق استدعاء الوظيفة التابعة لها (Show).
+
+**س2:** الفيروسات لا يمكن أن تصيب المكونات المادية للحاسوب (Hardware).
+
+**س3:** يمكن استدعاء الدالة بجملة الاستدعاء (Call).
+
+**س4:** تمثل كلمات العبور أحد المخاطر العالية لأنظمة الشبكات والاتصالات.
+
+**س5:** لجعل صندوق النص (Text Box) يستخدم لعرض النصوص دون السماح بتعديلها نجعل الخاصية (Locked) مساوية للقيمة (True).
+
+**س6:** التوظيف الإلكتروني إحدى نماذج الخدمات الإلكترونية.
+
+**س7:** الأحداث هي وظائف جاهزة ترتبط بأداة معينة من خلال اسمها.
+
+**س8:** تتميز مرحلة التفاعل وتبادل البيانات بتنظيم الوصول إلى مواقع الحكومة الإلكترونية عبر البوابة الإلكترونية.
+
+**س9:** يمكن أن يكون الإجراء الفرعي من دون معاملات.
+
+**س10:** تُمنح رخصة متعددة الاستخدام للمؤسسات التي سوف تستخدم أكثر من تطبيق برمجي على حاسوب واحد فقط.
+
+**س11:** الحصول على المعلومات المملوكة للدولة إحدى مؤشرات الشفافية التي تميز الحكومة الديمقراطية.
+
+**س12:** الاحتفاظ بنسخ احتياطية من البرامج والبيانات المخزنة بالحاسوب هي إحدى طرق الوقاية من الفيروسات.
+
+**س13:** القطاع الخاص هو أحد عناصر التفاعلات التي تتم ضمن تعاملات الحكومة الإلكترونية.
+
+**س14:** عند استدعاء إجراء فرعي أو دالة يجب أن يكون عدد المعاملات في جملة الإعلان مساوياً لعدد المعاملات في جملة الاستدعاء.
+
+**س15:** يشترط في استخدام الطريقة (Setfocus) أن تكون الأداة المطلوب تركيزها ظاهرة وغير فعالة.
+
+**س16:** لإظهار نافذة الخصائص (Properties Windows) في برنامج بيسك المرئي Visual Basic نضغط على المفتاح (F4) من لوحة المفاتيح.
+
+---
+
+## ثانياً: أسئلة الاختيار من متعدد
+
+**س17:** الخدمات الإلكترونية لها مزايا عديدة باستثناء:
+- أ) خفض تكاليف إنجاز الخدمات لجميع الأطراف
+- ب) توفر الجهد والوقت وتكاليف إنجاز المعاملات بالطريقة التقليدية
+- ج) رفع معدلات أمية الحاسوب لدى مواطني الدولة
+- د) إمكانية إنجاز الخدمات على مدار الساعة
+
+---
+
+**س18:** خاصية صندوق النص ScrollBars وظيفتها:
+- أ) لعرض أو إخفاء أشرطة التمرير
+- ب) تحديد أعلى طولاً للنص
+- ج) عندما تكون True فإن الصندوق يستخدم لعرض النصوص
+- د) إضافة نص للصندوق
+
+---
+
+**س19:** القيمة التي سيتم تخصيصها لمربع النص (Text1) بعد تنفيذ جزء البرنامج التالي هي:
+```
+Number = Sqr(100)
+Text1.text = Number
+```
+- أ) 1
+- ب) 10
+- ج) 10000
+- د) 100
+
+---
+
+**س20:** من التحديات التقنية التي تواجه فرص نجاح تجارب الحكومة الإلكترونية في العالم الثالث:
+- أ) حرص الحكومات الاستبدادية على سرية المعلومات الحكومية
+- ب) تخلف البنية التحتية في قطاع الاتصالات
+- ج) ارتفاع معدل أمية الحاسوب لدى المواطنين
+- د) عدم امتلاك المواطنين مهارات التعامل مع تقنيات المعلومات
+
+---
+
+**س21:** لا تشمل إجراءات تأمين قواعد البيانات:
+- أ) دفع أجور عالية للمسؤولين عن صيانة قاعدة البيانات
+- ب) تجنب الدخول والاستغلال غير المصرح للبيانات من قبل غير المخولين
+- ج) توفير أقصى درجات السرية لبيانات الولوج للبيانات
+- د) حماية قاعدة البيانات من التلف أو الضياع
+
+---
+
+**س22:** لتشكيل التاريخ بطريقة معينة تستخدم الدالة:
+- أ) Format
+- ب) Month
+- ج) Weekday
+- د) Year
+
+---
+
+**س23:** في برنامج بيسك المرئي:
+- أ) يستخدم Module كنموذج بدء التشغيل تلقائياً لمشروعك
+- ب) لا يمكنك تغيير نموذج بدء التشغيل لمشروعك
+- ج) يستخدم البرنامج النموذج الثاني (FORM2) في مشروعك كنموذج بدء التشغيل تلقائياً
+- د) يمكنك تغيير نموذج بدء التشغيل لمشروعك
+
+---
+
+**س24:** وظيفة الجدار الناري هي:
+- أ) تحويل البيانات الأصلية إلى شكل غير مفهوم
+- ب) تحديد شخصية المستخدم
+- ج) تحديد صلاحيات المستخدم
+- د) حماية شبكة الحاسوب والتأكد من عدم وجود أي مخاطر أمنية
+
+---
+
+**س25 و س26:** بناءً على جزء البرنامج التالي:
+```
+Private function Max(a , b as integer) as integer
+    if a > b Then
+        Max = a
+    else
+        Max = b
+    End if
+End function
+```
+
+**س25:** نوع البيانات المعادة من الدالة السابقة هي:
+- أ) كسري
+- ب) حرفي
+- ج) صحيح
+- د) حقيقي
+
+---
+
+**س26:** ناتج تنفيذ الدالة حسب جملة الاستدعاء `X=Max(3,10)` هو:
+- أ) 3
+- ب) 7
+- ج) 13
+- د) 10
+
+---
+
+**س27:** أحد هذه الخيارات ليست من الطرق:
+- أ) الإظهار Show
+- ب) السحب Drag
+- ج) النقر Click
+- د) النقل Move
+
+---
+
+**س28:** من خلالها يتم تشغيل برامج من خارج بيئة البرمجة ووظيفتها خلق تكامل مع اللغة هي قائمة:
+- أ) التنفيذ
+- ب) الإضافات
+- ج) التنقيح
+- د) الأدوات
+
+---
+
+**س29:** في برنامج بيسك المرئي عند كتابة اسم الأداة ثم النقطة يتم عرض قائمة بـ:
+- أ) الوظائف فقط
+- ب) الخصائص والأحداث
+- ج) الخصائص فقط
+- د) الخصائص والوظائف
+
+---
+
+**س30:** أداة تستخدم لاختيار البدائل من قائمة منسدلة على اختيارات محددة سلفاً:
+- أ) صندوق الاختيارات
+- ب) زر الاختيار
+- ج) زر الأوامر
+- د) السرد
+
+---
+
+**س31:** يقصد به نشر معلومات مضللة أو كاذبة عن المؤسسات أو الشخصيات العامة:
+- أ) الاصطياد الإلكتروني
+- ب) قرصنة المعلومات
+- ج) سرقة وقت الحاسوب
+- د) التشهير الإلكتروني
+
+---
+
+**س32:** لتحديد جيب تمام الزاوية تستخدم الدالة الجاهزة:
+- أ) Log(x)
+- ب) Sin(x)
+- ج) Cos(x)
+- د) Tan(x)
+
+---
+
+**س33:** الصيغة `Move x1 , y1` تستخدم لـ:
+- أ) رسم دائرة
+- ب) إظهار النموذج
+- ج) مسح ما هو مطبوع على النموذج
+- د) حركة النموذج
+
+---
+
+**س34:** القيمة التي سيتم تخصيصها للمتغير M بعد تنفيذ الجملة `M= Right ("Microsoft_Visual_Basic", 6)` هي:
+- أ) -Basic
+- ب) Basic
+- ج) Micros
+- د) Visual
+
+---
+
+**س35:** أحد الأضرار التالية لا يحدثه فيروس الحاسوب:
+- أ) توقف بعض التطبيقات البرمجية عن العمل
+- ب) بطء مفاجئ في أداء الحاسوب
+- ج) توقف النظام بلا سبب
+- د) عدم تذكر كلمة العبور
+
+---
+
+**س36:** لتغيير حجم أداة العنوان ليتلاءم مع حجم النص الموجود بداخلها نجعل الخاصية مساوية للقيمة (True):
+- أ) Alignment
+- ب) Backstyle
+- ج) Autosize
+- د) Wordwrap
+
+---
+
+**س37:** الخاصية التي تعطي عنواناً ظاهرياً للنموذج أو نصاً داخل الأداة على الواجهة:
+- أ) Enabled
+- ب) Visible
+- ج) Name
+- د) Caption
+
+---
+
+**س38:** للتصديق على صحة بيانات المعاملات الإلكترونية يجب إسنادها بـ:
+- أ) التوقيع اليدوي
+- ب) التوقيع الإلكتروني
+- ج) نسخة من البطاقة الشخصية
+- د) نسخة من جواز السفر الإلكتروني
+
+---
+
+**س39:** تسهم قرصنة البرمجيات في:
+- أ) تنظيم عمالة الصناعات الإلكترونية بالبلاد
+- ب) إفلاس العديد من مؤسسات إنتاج البرمجيات
+- ج) تطور صناعة البرمجيات العالمية
+- د) تعزيز القدرات البشرية لمبرمجي دول العالم الفقيرة
+
+---
+
+**س40:** عند النقر على الأمر Remove Form2 يتم:
+- أ) اعتماد Form2 نموذج بدء التشغيل
+- ب) إضافة النموذج Form2 إلى المشروع
+- ج) إزالة النموذج Form2 من المشروع
+- د) فتح النموذج Form2
+
+---
+
+**س41:** في مرحلة يمكن للمواطنين تنزيل نسخ إلكترونية من المستندات الحكومية وملؤها إلكترونياً ثم إرسالها إلى الدائرة الحكومية عبر البريد الإلكتروني:
+- أ) الظهور الإلكتروني
+- ب) تكامل الخدمة
+- ج) النشر
+- د) التفاعل
+
+---
+
+**س42:** ينتقل مع البرامج التطبيقية مثل Microsoft Word و Microsoft Excel ويعمل بشكل تلقائي عند تشغيل هذا التطبيق هو فيروس:
+- أ) الدودة
+- ب) الماكرو
+- ج) بدء التشغيل
+- د) حصان طروادة
+
+---
+
+**س43:** ليست من طرق تنفيذ التطبيق في البيسك المرئي:
+- أ) الضغط على مفتاح F3 من لوحة المفاتيح
+- ب) النقر على الأمر Start من قائمة Run
+- ج) النقر على زر Start الموجود في شريط الأدوات
+- د) الضغط على مفتاح F5 من لوحة المفاتيح
+
+---
+
+**س44:** برمجيات يمكن استغلالها كما هي أو تعديلها وتطويرها لتعمل بصورة مغايرة لنسختها الأصلية هي برمجيات:
+- أ) تجريبية
+- ب) مجانية
+- ج) تجارية
+- د) مفتوحة المصدر
+
+---
+
+**س45:** أداة تستخدم لإدخال البيانات الرقمية أو الحرفية في وقت التصميم أو في وقت التشغيل:
+- أ) صندوق النص
+- ب) صندوق قائمة الملفات
+- ج) صندوق القائمة
+- د) العنوان
+
+---
+
+**س46:** مرحلة تسمى بمرحلة التواصل ذي الاتجاه الواحد، حيث يمكن للمواطنين الحصول على المعلومات دون إمكانية إرسال أي معلومة من قبل المواطن:
+- أ) التطور الحكومي
+- ب) التفاعل وتبادل البيانات
+- ج) النشر الإلكتروني
+- د) تكامل الخدمة وإنجاز المعاملات
+
+---
+
+**س47:** عملية تحديد المكونات الرئيسية الواجب استخدامها لحل المشكلة هي مرحلة:
+- أ) المراجعة والتصحيح
+- ب) كتابة الخوارزمية
+- ج) تعريف المشكلة
+- د) تحديد الأدوات المطلوبة
+
+---
+
+**س48:** هي متغيرات لأداة معينة تأخذ قيماً معينة في أثناء تصميم البرنامج أو أثناء تشغيل البرنامج:
+- أ) الأحداث
+- ب) الخاصية
+- ج) الطريقة
+- د) المشكلة
+
+---
+
+**س49:** نافذة تعرض قائمة بجميع مكونات المشروع من نماذج (Forms) ووحدات برمجية (Modules) وملفات (Files):
+- أ) النموذج Form
+- ب) مستكشف المشروع Project Explorer
+- ج) شكل النموذج Form Layout Window
+- د) الخصائص Properties Window
+
+---
+
+**س50:** القيمة التي سيتم تخصيصها للمتغير (C) بعد تنفيذ الجملة التالية هي:
+`C = Day(#25/5/2025#)`
+- أ) 2025
+- ب) 25  5  2025
+- ج) 5
+- د) 25
+
+---
+
+**س51:** حصول شركات التأمين على البيانات الصحية للمرضى دون إذن أصحابها:
+- أ) يعد أمراً قانونياً ويخدم المصلحة العامة
+- ب) يفقد المرضى فرص الحصول على تأمين صحي
+- ج) يساهم في كشف مسائل تهدد أمن المواطنين أو البلد
+- د) جميع الإجابات السابقة خاطئة
+
+---
+
+**س52:** لمحو المسافات من بداية النص نستخدم الدالة الجاهزة:
+- أ) Len(s)
+- ب) Trim(s)
+- ج) LTrim(s)
+- د) RTrim(s)
+
+---
+
+**س53:** ينتهي الإجراء الفرعي بالجملة:
+- أ) End
+- ب) End Function
+- ج) End Sub
+- د) End If
+
+---
+
+**س54:** تحدد هذه الخاصية لون النص المكتوب:
+- أ) BackColor
+- ب) Visible
+- ج) ForeColor
+- د) Font
+
+---
+
+**س55:** لتحويل المتغير النصي إلى صيغة رقمية نستخدم الدالة:
+- أ) Val(string)
+- ب) Str(string)
+- ج) Chr( )
+- د) Mid(string)
+
+---
+
+**س56:** تسمح هذه الأداة للمستخدم باختيار قيمة من عدة قيم مثل الألوان أو القيم العددية بشكل عمودي:
+- أ) Horizontal Scroll Bar
+- ب) File List Box
+- ج) Drive List Box
+- د) Vertical Scroll Bar
+
+---
+***** انتهت الأسئلة *****
+
diff --git a/FINAL/literary_studies_2007/conversion_log.txt b/FINAL/literary_studies_2007/conversion_log.txt
new file mode 100644
index 0000000000000000000000000000000000000000..0594326aae4a6f5052212498f215d554f0cad084
--- /dev/null
+++ b/FINAL/literary_studies_2007/conversion_log.txt
@@ -0,0 +1,24 @@
+[2026-04-01 15:34:06] [INFO] ============================================================
+[2026-04-01 15:34:06] [INFO] Starting PDF to Image Conversion
+[2026-04-01 15:34:06] [INFO] ============================================================
+[2026-04-01 15:34:06] [SUCCESS] Poppler found: C:\Program Files\poppler-25.12.0\Library\bin\pdfinfo.exe
+[2026-04-01 15:34:06] [SUCCESS] PDF validated: literary_studies_2007.pdf (1,606,903 bytes)
+[2026-04-01 15:34:06] [SUCCESS] Output folder created: FINAL\literary_studies_2007_20260401_153406
+[2026-04-01 15:34:06] [INFO] Converting PDF with DPI=300, Format=PNG
+[2026-04-01 15:34:06] [INFO] Please wait...
+[2026-04-01 15:34:25] [SUCCESS] PDF loaded successfully: 8 page(s) found
+[2026-04-01 15:34:25] [PROGRESS] Saved [1/8] (12.5%): page_0001.png
+[2026-04-01 15:34:26] [PROGRESS] Saved [2/8] (25.0%): page_0002.png
+[2026-04-01 15:34:26] [PROGRESS] Saved [3/8] (37.5%): page_0003.png
+[2026-04-01 15:34:27] [PROGRESS] Saved [4/8] (50.0%): page_0004.png
+[2026-04-01 15:34:27] [PROGRESS] Saved [5/8] (62.5%): page_0005.png
+[2026-04-01 15:34:27] [PROGRESS] Saved [6/8] (75.0%): page_0006.png
+[2026-04-01 15:34:28] [PROGRESS] Saved [7/8] (87.5%): page_0007.png
+[2026-04-01 15:34:28] [PROGRESS] Saved [8/8] (100.0%): page_0008.png
+[2026-04-01 15:34:28] [INFO] ============================================================
+[2026-04-01 15:34:28] [SUCCESS] Conversion completed successfully!
+[2026-04-01 15:34:28] [INFO] Total pages converted: 8
+[2026-04-01 15:34:28] [INFO] Output location: FINAL\literary_studies_2007_20260401_153406
+[2026-04-01 15:34:28] [INFO] Image format: PNG
+[2026-04-01 15:34:28] [INFO] Resolution: 300 DPI
+[2026-04-01 15:34:28] [INFO] ============================================================
\ No newline at end of file
diff --git a/FINAL/literary_studies_2007/page_0001.png b/FINAL/literary_studies_2007/page_0001.png
new file mode 100644
index 0000000000000000000000000000000000000000..7a9c6084763c6b9ef1be968adc5302a5ae9f3231
--- /dev/null
+++ b/FINAL/literary_studies_2007/page_0001.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8c421780246b42b056044d9f6e449ca49ae53370c3ba36bd1bc41cc1a2ee9863
+size 2199265
diff --git a/FINAL/literary_studies_2007/page_0002.png b/FINAL/literary_studies_2007/page_0002.png
new file mode 100644
index 0000000000000000000000000000000000000000..1c541cf9ec3c39d5345db311f41573efba71edf6
--- /dev/null
+++ b/FINAL/literary_studies_2007/page_0002.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:da046da00e7ec273bab46083b2750cb6f3a89548eb412a93eee1a185afdac4eb
+size 1202398
diff --git a/FINAL/literary_studies_2007/page_0003.png b/FINAL/literary_studies_2007/page_0003.png
new file mode 100644
index 0000000000000000000000000000000000000000..91d1dc32d87fa83f89365dd4713b78843b8bdbd5
--- /dev/null
+++ b/FINAL/literary_studies_2007/page_0003.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:742e10f7942f7c0ecc91866447350f5b574d92341c566a1b141e47bf90efd8f9
+size 1701935
diff --git a/FINAL/literary_studies_2007/page_0004.png b/FINAL/literary_studies_2007/page_0004.png
new file mode 100644
index 0000000000000000000000000000000000000000..29478cbadb488579d409753b4d68e53ee3cb0ec0
--- /dev/null
+++ b/FINAL/literary_studies_2007/page_0004.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0c1b1af2889a3a00bf622e4a505559576215c155ccd43db61dfc7f5930d7cdaa
+size 1188083
diff --git a/FINAL/literary_studies_2007/page_0005.png b/FINAL/literary_studies_2007/page_0005.png
new file mode 100644
index 0000000000000000000000000000000000000000..fcd4fc3f53941c53acc42ddbb18803c125dafdd1
--- /dev/null
+++ b/FINAL/literary_studies_2007/page_0005.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:408460f09c81ad72e1202ee8d758addeed6b775b08886e67e778c588920ce0ae
+size 1115077
diff --git a/FINAL/literary_studies_2007/page_0006.png b/FINAL/literary_studies_2007/page_0006.png
new file mode 100644
index 0000000000000000000000000000000000000000..4622c510d9f6332ed8a62878a4ebae4b44de02db
--- /dev/null
+++ b/FINAL/literary_studies_2007/page_0006.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d2a3500f2bcb21b010e460bd0878ff32026064697c500fa8391142f7dbc5dae6
+size 1134930
diff --git a/FINAL/literary_studies_2007/page_0007.png b/FINAL/literary_studies_2007/page_0007.png
new file mode 100644
index 0000000000000000000000000000000000000000..a93cd5429d789b214a56f86aa0bb1d0c0b97f3f8
--- /dev/null
+++ b/FINAL/literary_studies_2007/page_0007.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b4512d4d1566705f7639d6b38a9bc2bfcaec4badc16fdf34daaf2bded97add85
+size 1012488
diff --git a/FINAL/literary_studies_2007/page_0008.png b/FINAL/literary_studies_2007/page_0008.png
new file mode 100644
index 0000000000000000000000000000000000000000..19aa54cc27514a75f8b74d053524046204074bbd
--- /dev/null
+++ b/FINAL/literary_studies_2007/page_0008.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5e2dfc92b00fc6d134e4b0aff731dcc61d012077502d3df5097563e24b048334
+size 575057
diff --git a/FINAL/physics_mechanic.txt b/FINAL/physics_mechanic.txt
new file mode 100644
index 0000000000000000000000000000000000000000..e3f1d5913a278b19cc2f4dbf1a0a971296449278
--- /dev/null
+++ b/FINAL/physics_mechanic.txt
@@ -0,0 +1,1631 @@
+ # أسئلة امتحان الفيزياء (الميكانيكا)
+## الدور الأول - العام الدراسي 2022-2023
+
+---
+
+> **ملاحظة:** اعتبر عجلة الجاذبية الأرضية g = 10 m/s²
+
+---
+
+## أولاً: أسئلة الصواب والخطأ
+
+---
+
+**س (1)** معامل الاحتكاك هو النسبة بين قوة الاحتكاك وقوة الاتصال العمودية
+
+- (أ) صح
+- (ب) خطأ
+
+---
+
+**س (2)** عجلة صعود الجسم على السطح المائل الأملس تساوي عجلة هبوطه
+
+- (أ) صح
+- (ب) خطأ
+
+---
+
+**س (3)** قوة الجاذبية الأرضية تجعل القمر يتحرك في خط مستقيم
+
+- (أ) صح
+- (ب) خطأ
+
+---
+
+**س (4)** عند قذف جسم إلى أسفل فإن سرعته الابتدائية لا تساوي صفر
+
+- (أ) صح
+- (ب) خطأ
+
+---
+
+**س (5)** تتساوى طاقة الحركة مع طاقة الوضع عندما يقذف جسم رأسياً لأعلى عند أي نقطة
+
+- (أ) صح
+- (ب) خطأ
+
+---
+
+**س (6)** وحدة قياس القدرة هي J s⁻¹
+
+- (أ) صح
+- (ب) خطأ
+
+---
+
+**س (7)** قوة الاحتكاك دائماً مع اتجاه الحركة
+
+- (أ) صح
+- (ب) خطأ
+
+---
+
+**س (8)** إذا قذف جسم على سطح أفقي خشن فإن مقدار العجلة التقصيرية يساوي μg
+
+- (أ) صح
+- (ب) خطأ
+
+---
+
+**س (9)** الفرق بين الشغل المبذول بواسطة قوة المقاومة والشغل المبذول بواسطة القوة المؤثرة يساوي معدل التغير في طاقة الحركة
+
+- (أ) صح
+- (ب) خطأ
+
+---
+
+**س (10)** حد الاحتكاك يتناسب طردياً مع قوة الاتصال العمودية فكلما زادت قوة الاتصال العمودية زادت قوة الاحتكاك
+
+- (أ) صح
+- (ب) خطأ
+
+---
+
+**س (11)** عند وضع جسم على مستوى مائل على الأفقي بزاوية (θ) فإن الزاوية المحصورة بين خط عمل قوة الوزن (mg) وخط عمل مركبة الوزن الموازية للمستوى تساوي الزاوية (θ)
+
+- (أ) صح
+- (ب) خطأ
+
+---
+
+**س (12)** لكل فعل رد فعل مساوٍ له في المقدار ومضاد له في الاتجاه يسمى القانون الثالث لنيوتن
+
+- (أ) صح
+- (ب) خطأ
+
+---
+
+## ثانياً: أسئلة الاختيار من متعدد
+
+---
+
+**س (13)** إذا كان الشد في خيط متساوياً فإن:
+
+- (أ) نقطة التلامس بين الخيط والبكرة ملساء
+- (ب) الكتل المعلقة في الخيط متساوية
+- (ج) الكتل المعلقة في الخيط مختلفة
+- (د) نقطة التلامس بين الخيط والبكرة خشنة
+
+---
+
+**س (14)** عندما يقذف جسم إلى أقصى ارتفاع عن سطح الأرض تنعدم السرعة وتكون الطاقة الحركية تساوي صفر وتكون طاقة الوضع:
+
+- (أ) مساوية للصفر
+- (ب) أصغر ما يمكن
+- (ج) أكبر ما يمكن
+- (د) متضاعفة
+
+---
+
+**س (15)** شاحنة كتلتها (40 Kg) تجر شاحنة كتلتها (20 Kg) بواسطة كابل بقوة قدرها (120 N) فإن العجلة المشتركة لهما تساوي:
+
+- (أ) 2 m/s²
+- (ب) 3 m/s²
+- (ج) 4 m/s²
+- (د) 1.5 m/s²
+
+---
+
+**س (16)** معدل الشغل المبذول أو الطاقة المحولة هي:
+
+- (أ) السرعة
+- (ب) الوزن
+- (ج) القدرة
+- (د) الإزاحة
+
+---
+
+**س (17)** في الشكل التالي المنظومة تتحرك بعجلة (1.3 m/s²) وكانت الكتلة (6 Kg) على سطح خشن بينما الأخرى على سطح أملس فإن معامل الاحتكاك يساوي:
+
+*(الشكل: كتلتان 6 Kg و 7 Kg على مستويين مائلين بزاويتي 30° و 60° متصلتان بحبل يمر على بكرة)*
+
+- (أ) 0.2
+- (ب) 0.3
+- (ج) 0.4
+- (د) 0.5
+
+---
+
+**س (18)** يتسلق رجل كتلته (70 Kg) جبلاً إلى ارتفاع (3 Km)، تكون طاقة وضعه:
+
+- (أ) 2.10 × 10⁵ J
+- (ب) 2.10 × 10⁶ J
+- (ج) 2.10 × 10⁴ J
+- (د) 2.10 × 10³ J
+
+---
+
+**س (19)** في الشكل التالي: إذا تحركت المجموعة بعجلة مقدارها (2 m/s²) وكانت قوة الاحتكاك للسطح (18 N) والسلك غير مرن فإن الكتلة (m) تساوي:
+
+*(الشكل: كتلة m على مستوى مائل 30° متصلة بكتلة معلقة 4 Kg)*
+
+- (أ) 2 Kg
+- (ب) 0.5 Kg
+- (ج) 4 Kg
+- (د) 3 Kg
+
+---
+
+**س (20)** إذا انزلق طفل على سطح خشن مائل على العمودي بزاوية (θ) فإن عجلة انزلاقه تساوي:
+
+- (أ) g(cos θ − μ sin θ)
+- (ب) g(sin θ − μ cos θ)
+- (ج) g(sin θ + μ cos θ)
+- (د) g(cos θ + μ sin θ)
+
+---
+
+**س (21)** آلة قدرتها (100 W) فإن الشغل الذي تبذله هذه الآلة في زمن قدره (5 min) هو:
+
+- (أ) 25000 J
+- (ب) 30000 J
+- (ج) 1500 J
+- (د) 4200 J
+
+---
+
+**س (22)** سيارة كتلتها (m) تنزلق من السكون على منحدر ارتفاعه (h) يميل بزاوية (θ) مع الأفقي، فإن الزمن المستغرق لتصل السيارة أسفل المنحدر:
+
+- (أ) √(2h / g sin²θ)
+- (ب) 2h / g sin²θ
+- (ج) g sin²θ / 2h
+- (د) h / g sin²θ
+
+---
+
+**س (23)** يتحرك دراج بسرعة (6 m/s) وعندما استعمل المكابح فتوقف بعد أن قطع مسافة قدرها (4 m)، فإذا كانت كتلة الدراج والدراجة (80 Kg) فإن معامل الاحتكاك يساوي:
+
+- (أ) 4.5
+- (ب) 0.45
+- (ج) 0.54
+- (د) 5.4
+
+---
+
+**س (24)** يتسارع جسم بمقدار (1.5 m/s²) على سطح أفقي خشن بفعل قوة أفقية مقدارها (40 N)، وكان معامل الاحتكاك بين الجسم والسطح (0.25)، فإن مقدار الكتلة يساوي:
+
+- (أ) 20 Kg
+- (ب) 10 Kg
+- (ج) 40 Kg
+- (د) 30 Kg
+
+---
+
+**س (25)** من الشكل التالي تكون العجلة:
+
+*(الشكل: كتلة m₁ على سطح مائل بزاوية θ متصلة عبر بكرة بكتلة m₂ على سطح أفقي)*
+
+- (أ) a = (m₁ − m₂) / m₁g sinθ
+- (ب) a = m₁g sinθ / (m₁ + m₂)
+- (ج) a = (m₁ + m₂) / m₁g sinθ
+- (د) a = m₁g sinθ / (m₁ − m₂)
+
+---
+
+**س (26)** تدفع رافعة صندوقاً وزنه (800 N) لأعلى مستوى يميل بزاوية مقدارها (θ) مع الأفقي بسرعة ثابتة قدرها (4 m/s) وكانت قدرة الرافعة (720 W) فإن زاوية ميل المستوى:
+
+- (أ) 15°
+- (ب) 14°
+- (ج) 16°
+- (د) 13°
+
+---
+
+**س (27)** عند استخدام كابل للتوصيل بين شاحنتين فإن طول الكابل أثناء حركة الشاحنتين:
+
+- (أ) يقل
+- (ب) يتضاعف
+- (ج) يبقى ثابتاً
+- (د) يزداد
+
+---
+
+**س (28)** جسم كتلته (20 Kg) على مستوى يميل بزاوية قدرها (35°) مع الأفقي فإن قوة الاحتكاك التي تجعل الجسم مستقراً تساوي:
+
+- (أ) 116.7 N
+- (ب) 115.7 N
+- (ج) 114.7 N
+- (د) 113.7 N
+
+---
+
+**س (29)** في الشكل التالي جسم متزن تحت تأثير ثلاثة قوى فإن (F , T) على التوالي هما:
+
+*(الشكل: قوة 4 N أفقية، قوة F رأسية لأسفل، قوة T مائلة تصنع زاوية 60° مع الرأسي)*
+
+- (أ) (1.25 N , 2.5 N)
+- (ب) (2.31 N , 4.62 N)
+- (ج) (1.155 N , 2.31 N)
+- (د) (4.62 N , 9.24 N)
+
+---
+
+**س (30)** إذا كانت القوة المؤثرة على جسم تميل بزاوية (θ) مع اتجاه الحركة فإن الشغل المبذول يساوي:
+
+- (أ) F.S
+- (ب) F tan(θ).S
+- (ج) F sin(θ).S
+- (د) F cos(θ).S
+
+---
+
+**س (31)** سحب جسم كتلته (4 Kg) على سطح أفقي بواسطة حبل يصنع زاوية (30°) مع الأفقي وكان الشد في الحبل (25 N) وتحرك الجسم بعجلة مقدارها (2 m/s²) فإن معامل الاحتكاك بين الجسم والسطح يساوي:
+
+- (أ) 9.04
+- (ب) 0.50
+- (ج) 4.9
+- (د) 4.09
+
+---
+
+**س (32)** قذفت كرة رأسياً إلى أعلى بسرعة (20 m/s) فعادت إلى نقطة القذف بعد (4 s) فإن أقصى ارتفاع تصل إليه الكرة هو:
+
+- (أ) 30 m
+- (ب) 20 m
+- (ج) 25 m
+- (د) 15 m
+
+---
+
+**س (33)** يزداد حد الاحتكاك بزيادة:
+
+- (أ) كتلة الجسم
+- (ب) وزن الجسم
+- (ج) قوة الاتصال العمودية
+- (د) جميع الإجابات السابقة صحيحة
+
+---
+
+
+**س (34)** أي من الآتي ليس لها وحدة قياس:**
+
+- (أ) العجلة
+- (ب) القوة
+- (ج) الإزاحة
+- (د) معامل الاحتكاك
+
+---
+
+**س (35)** وضع قفص كتلته (5 Kg) فوق قفص آخر كتلته (10 Kg) فوق سطح الأرض، فإن مقدار واتجاه القوة المبذولة من الأرض على القفص السفلي هي:
+
+- (أ) 150 N إلى أعلى
+- (ب) 100 N إلى أعلى
+- (ج) 100 N إلى أسفل
+- (د) 150 N إلى أسفل
+
+---
+
+**س (36)** إذا اتزن الجسم تحت تأثير القوى الثلاثة الموضحة بالشكل، فإن الزاوية (θ°) تساوي:
+
+*(الشكل: قوة 20 N، قوة 10 N، قوة 17.33 N)*
+
+- (أ) 60°
+- (ب) 30°
+- (ج) 50°
+- (د) 45°
+
+---
+
+**س (37)** يتحرك الجسم المقذوف رأسياً إلى أعلى بسرعة:
+
+- (أ) تناقصية
+- (ب) كبيرة
+- (ج) تزايدية
+- (د) ثابتة
+
+---
+
+**س (38)** قوة تنشأ عند تلامس سطحين، وهي دائماً عمودية على السطح هي قوة:
+
+- (أ) المقاومة
+- (ب) الاتصال العمودية
+- (ج) الجاذبية الأرضية
+- (د) الاحتكاك
+
+---
+
+**س (39)** جسم كتلته (6 tonnes) وطاقة حركته (300 kJ) فإن السرعة التي يتحرك بها الجسم مقدارها:
+
+- (أ) 300 m/s
+- (ب) 10 m/s
+- (ج) 50 m/s
+- (د) 100 m/s
+
+---
+
+**س (40)** يستقر صندوق كتلته (2 Kg) على مستوى مائل بزاوية (70°) مع الرأسي بواسطة قوة أفقية مقدارها (20 N) فإن قوة الاحتكاك:
+
+- (أ) 58.93 N
+- (ب) 72.62 N
+- (ج) 25.63 N
+- (د) 11.95 N
+
+---
+
+**س (41)** علقت كرة معدنية وزنها (6 N) في نقطة ثابتة بواسطة خيط ثم سحبت أفقياً بقوة (F) واتزنت بعد أن صنع الخيط زاوية (30°) مع الرأسي فإن قوة الشد في الخيط:
+
+- (أ) 8 N
+- (ب) 7 N
+- (ج) 5 N
+- (د) 6 N
+
+---
+
+**س (42)** جسم كتلته (3 Kg) ينزلق على مستوى مائل بزاوية (30°) مع الأفقي ومعامل الاحتكاك بين الجسم والسطح (0.2) فإذا كانت عجلة الجاذبية الأرضية هي (g) فإن العجلة التي يتحرك بها الجسم تساوي:
+
+- (أ) 0.33g m/s²
+- (ب) 0.67g m/s²
+- (ج) 0.2g m/s²
+- (د) 0.5g m/s²
+
+---
+
+**س (43)** الوحدة التي تعادل وحدة قياس طاقة الحركة هي:
+
+- (أ) Kg m² . s⁻²
+- (ب) Kg m . s⁻²
+- (ج) Kg m³ / s²
+- (د) Kg m² . s⁻³
+
+---
+
+**س (44)** إذا كان رد فعل الأرض عند وضع صندوقين متماثلين عليها هو (10 N) فإن كتلة كل صندوق تساوي:
+
+- (أ) 500 Kg
+- (ب) 1 g
+- (ج) 1 Kg
+- (د) 500 g
+
+---
+
+**س (45)** تدفع رافعة قدرتها (2 KW) صندوقاً وزنه (10³ N) على مستوى مائل بسرعة منتظمة مقدارها (4 m/s) فإن زاوية ميل المستوى مع الأفقي هي:
+
+- (أ) 30°
+- (ب) 25°
+- (ج) 60°
+- (د) 45°
+
+---
+
+**س (46)** قذفت كرة رأسياً إلى أعلى بسرعة (15 m/s) فإن أقصى ارتفاع تصل إليه هو:
+
+- (أ) 10 m
+- (ب) 1.125 m
+- (ج) 11.25 m
+- (د) 20 m
+
+---
+
+**س (47)** يعتمد حد الاحتكاك على العوامل التالية ما عدا:
+
+- (أ) قوة الاتصال العمودية
+- (ب) شكل ومساحة المناطق المتلامسة
+- (ج) نوع المواد التي تتلامس أسطحها
+- (د) سرعة الجسم
+
+---
+
+**س (48)** من الشكل التالي:
+
+*(الشكل: كتلة 4 Kg أفقية بين بكرتين، كتلة 8 Kg معلقة يساراً، كتلة 2 Kg معلقة يميناً)*
+
+العجلة التي تتحرك بها المجموعة هي:
+
+- (أ) 0.23 m/s²
+- (ب) 4.3 m/s²
+- (ج) 0.43 m/s²
+- (د) 3.4 m/s²
+
+---
+
+**س (49)** قذف حجر بسرعة (20 m/s) على مستوى خشن مائل على الأفقي بزاوية (θ) ومعامل الاحتكاك له (0.15) فإن مقدار العجلة التقصيرية التي يتحرك بها هي:
+
+- (أ) 7.2 m/s²
+- (ب) 1.2 m/s²
+- (ج) 6 m/s²
+- (د) 13 m/s²
+
+---
+
+**س (50)** تنزلق قطعة خشبية كتلتها (8 Kg) من السكون على مستوى يميل بزاوية (30°) مع الأفقي فإن سرعتها بعد أن تقطع مسافة قدرها (6 m):
+
+- (أ) 7.47 m/s
+- (ب) 77.4 m/s
+- (ج) 7.75 m/s
+- (د) 4.77 m/s
+
+---
+
+**س (51)** كرة بندول بسيط كتلتها (m Kg) فإذا كان طول خيط البندول (10 m) وجذبت الكرة جانبياً حتى صنع الخيط زاوية (30°) مع الأفقي ثم أطلقت، فإن سرعة البندول عندما يكون الخيط عمودياً هي:
+
+- (أ) 26.7 m/s
+- (ب) 10 m/s
+- (ج) 5.2 m/s
+- (د) 100 m/s
+
+---
+
+**س (52)** إذا كانت قدرة آلة (200 W) فإن هذه الآلة تبذل شغلاً في (10 min) قدره:
+
+- (أ) 120 KJ
+- (ب) 40×10³ KJ
+- (ج) 150 KJ
+- (د) 16×10³ KJ
+
+---
+
+**س (53)** الطاقة التي يكتسبها الجسم نتيجة ارتفاعه عن سطح الأرض هي:
+
+- (أ) طاقة الحركة
+- (ب) القوة
+- (ج) القدرة
+- (د) طاقة الوضع
+
+---
+
+**س (54)** إذا تضاعفت سرعة الجسم فإن طاقة حركته:
+
+- (أ) تقل أربع أضعاف
+- (ب) تزداد إلى النصف
+- (ج) تقل إلى النصف
+- (د) تزداد أربع أضعاف
+
+---
+
+**س (55)** سقطت كرة في بئر ووصلت إلى قاع البئر وكانت سرعتها النهائية (20 m/s) فإن عمق البئر:
+
+- (أ) 40 m
+- (ب) 30 m
+- (ج) 25 m
+- (د) 20 m
+
+---
+
+**س (56)** ربط جسمان كتلتهما (2 Kg) و (4 Kg) بخيط خفيف يمر على بكرة خفيفة، فإن الشد في الخيط:
+
+- (أ) 266.6 N
+- (ب) 26.66 N
+- (ج) 2.65 N
+- (د) 2.666 N
+
+---
+
+**س (57)** يعتمد وزن الجسم على:
+
+- (أ) قوة الاتصال العمودية
+- (ب) قوة الشد
+- (ج) كتلة الجسم
+- (د) الإجابتان (أ) و (ج) صحيحتان
+
+---
+
+**س (58)** تغيرت سرعة سيارة كتلتها (500 Kg) من (3 m/s) إلى (9 m/s) بعجلة ثابتة وكانت المسافة المقطوعة خلال هذه الفترة (100 m)، تكون قوة المحرك:
+
+- (أ) 300 N
+- (ب) 36 N
+- (ج) 180 N
+- (د) 18 N
+
+---
+
+**س (59)** قذفت كرة رأسياً إلى أسفل من ارتفاع (40 m) فوق سطح الأرض فوصلت الأرض بعد زمن قدره (25 s) فإن سرعتها لحظة الاصطدام بالأرض:
+
+- (أ) 30 m/s
+- (ب) 10 m/s
+- (ج) 40 m/s
+- (د) 20 m/s
+
+---
+
+**س (60)** إذا سقطت كرة من ارتفاع (h) فوق سطح الأرض فإن سرعة الكرة لحظة اصطدامها بالأرض تساوي:
+
+- (أ) gh
+- (ب) 2gh
+- (ج) ½ gh
+- (د) √2gh
+
+---
+
+> **✦✦✦ انتهت الأسئلة ✦✦✦**
+
+ # أسئلة امتحان الفيزياء (الميكانيكا)
+## الدور الأول - العام الدراسي 2023-2024
+
+---
+
+> **ملاحظة:** اعتبر عجلة الجاذبية الأرضية g = 10 m/s²
+
+---
+
+## أولاً: أسئلة الصواب والخطأ
+
+---
+
+**س (1)** دلت التجارب العملية على أن شكل ومساحة الأسطح المتلامسة تغير تغيراً كبيراً في قيمة النهاية القصوى لقوة الاحتكاك
+
+- (أ) صح
+- (ب) خطأ
+
+---
+
+**س (2)** إذا حدثت الحركة بسرعة ثابتة أو بعجلة منتظمة، فإن قوة الاحتكاك تكون في نهاية قيمتها وتؤثر في اتجاه عكس الحركة
+
+- (أ) صح
+- (ب) خطأ
+
+---
+
+**س (3)** عندما تميل قوة بزاوية ما مع اتجاه معين، فإن المركبة الأفقية للقوة تزداد في هذا الاتجاه بزيادة الزاوية
+
+- (أ) صح
+- (ب) خطأ
+
+---
+
+**س (4)** الأجسام التي يمكن لها أن تبذل عند طرفيها على الأجسام المتصلة بها قوة اتجاهها إلى الخارج هي السلاسل
+
+- (أ) صح
+- (ب) خطأ
+
+---
+
+**س (5)** لا تعتمد كل من قوة الاحتكاك ومقاومة الهواء على سرعة الجسم
+
+- (أ) صح
+- (ب) خطأ
+
+---
+
+**س (6)** إذا أثرت قوة مائلة على جسم ولم تحركه، فإن مقدار قوة الاحتكاك تكون مساوية لمقدار هذه القوة المؤثرة
+
+- (أ) صح
+- (ب) خطأ
+
+---
+
+**س (7)** في السقوط الحر، فإن جميع الأجسام الكبيرة أو الصغيرة تزداد سرعتها بنفس المعدل
+
+- (أ) صح
+- (ب) خطأ
+
+---
+
+**س (8)** الجسم المتزن على مستوى مائل مع الأفقي بفعل قوة أفقية مؤثرة عليه، هذه القوة الأفقية تميل مع المستوى بنفس زاوية ميل وزن الجسم مع المستوى
+
+- (أ) صح
+- (ب) خطأ
+
+---
+
+**س (9)** حسب قانون نيوتن الثاني: إذا سقط حجر فإنه يجذب الأرض بقوة مساوية لقوة جذب الأرض له وفي الاتجاه المعاكس
+
+- (أ) صح
+- (ب) خطأ
+
+---
+
+**س (10)** عندما يمر خيط حول بكرة تدور حول محور ثابت وكان السطح خشناً فإن البكرة تدور مع الخيط
+
+- (أ) صح
+- (ب) خطأ
+
+---
+
+**س (11)** لا يبذل شغل عندما تكون الزاوية بين القوة المؤثرة على الجسم وإزاحتها تساوي صفراً
+
+- (أ) صح
+- (ب) خطأ
+
+---
+
+**س (12)** إذا قذف جسم رأسياً لأعلى بسرعة ابتدائية (U) ثم عاد لنفس النقطة التي قذف منها، فإن الزمن المستغرق لذلك هو (u/5)
+
+- (أ) صح
+- (ب) خطأ
+
+---
+
+## ثانياً: أسئلة الاختيار من متعدد
+
+---
+
+**س (13)** قذف حجر رأسياً لأعلى بسرعة (20 m/s) من نقطة أعلى من سطح الأرض بمقدار (15 m)، فإن الإزاحة الكلية التي يقطعها الحجر عندما يصل إلى سطح الأرض تساوي:
+
+- (أ) 55 m
+- (ب) 15 m
+- (ج) صفراً
+- (د) 35 m
+
+---
+
+**س (14)** تستقر كتلة وزنها (20 N) على سطح أفقي، أثرت عليها قوة شد (12 N) في اتجاه يصنع زاوية (60°) مع الرأسي وكانت الكتلة على وشك الحركة، فإن النسبة بين حد الاحتكاك ومعامله تساوي:
+
+- (أ) 26 N
+- (ب) 20 N
+- (ج) 10 N
+- (د) 14 N
+
+---
+
+**س (15)** يجر صندوق كتلته (12 kg) إلى أعلى منحدر يميل بزاوية (30°) مع الأفقي بسرعة ثابتة بفعل قوة مقدارها (60 N) تميل على الأفقي بزاوية (40°)، فإن قوة الاتصال العمودية المؤثرة على الصندوق تساوي:
+
+- (أ) 142.5 N
+- (ب) 59.7 N
+- (ج) 120 N
+- (د) 93.5 N
+
+---
+
+**س (16)** في الشكل التالي:
+
+*(الشكل: جسم كتلته m على مستوى مائل بزاوية 30° متصل عبر بكرة ملساء بجسم كتلته 1 Kg على سطح أفقي أملس، والخيط مشدود)*
+
+البكرة ملساء والسطح أملس والخيط مشدود فإذا تحركت المجموعة بعجلة (4 m/s²)، فإن مقدار الكتلة (m) يساوي:
+
+- (أ) 2 kg
+- (ب) 4 kg
+- (ج) 5 kg
+- (د) 3 kg
+
+---
+
+**س (17)** يقف رجل على ميزان مثبت على أرضية مصعد فإذا كان وزن الرجل (700 N) فإن قراءة الميزان:
+
+- (أ) صفراً إذا انقطع حبل المصعد
+- (ب) أكبر من (700 N) عندما يكون المصعد صاعداً بسرعة ثابتة
+- (ج) أقل من (700 N) عندما يكون المصعد صاعداً بعجلة تزايدية
+- (د) أكبر من (700 N) عندما يكون المصعد هابطاً بعجلة تزايدية
+
+---
+
+**س (18)** في الشكل التالي:
+
+*(الشكل: نقطة P تؤثر عليها ثلاث قوى: قوة أفقية إلى اليسار مقدارها 4 N، وقوة رأسية إلى أسفل مقدارها 8 N، وقوة شد مائلة T تصنع زاوية θ° مع الأفقي)*
+
+ثلاث قوى تؤثر على جسم متزن (P) فإن مقدار الشد (T) يساوي:
+
+- (أ) 9.85 N
+- (ب) 4 N
+- (ج) 8 N
+- (د) 8.95 N
+
+---
+
+**س (19)** عند أقصى ارتفاع تكون طاقة الوضع للجسم أكبر ما يمكن وتساوي:
+
+- (أ) الطاقة الحركية عند أقصى ارتفاع
+- (ب) الطاقة الحركية لحظة انطلاق الجسم من سطح الأرض
+- (ج) طاقة الوضع لحظة انطلاق الجسم من سطح الأرض
+- (د) الإجابتان (ب) و(ج) صحيحتان
+
+---
+
+**س (20)** في الشكل التالي:
+
+*(الشكل: جسم كتلته 6 Kg على مستوى مائل بزاوية 30° متصل بخيط يمر على بكرة ملساء، والطرف الآخر معلق به جسم كتلته 4 Kg)*
+
+البكرة ملساء والخيط مشدود والسطح أملس فإن عجلة المجموعة والشد في الخيط هما على الترتيب:
+
+- (أ) 2 m/s² ، 72 N
+- (ب) 1 m/s² ، 36 N
+- (ج) 7 m/s² ، 36 N
+- (د) 7 m/s² ، 72 N
+
+---
+
+**س (21)** وضع صندوق على عربة كتلتها (1 tonne)، وكان رد فعل العربة على الصندوق (200 N) فإن كتلة الصندوق تساوي:
+
+- (أ) 120 kg
+- (ب) 20 kg
+- (ج) 10 kg
+- (د) 12 kg
+
+---
+
+**س (22)** ينحدر طفل على مستوى مائل طوله (40 m) ويصل أسفل المستوى بسرعة (15 m/s) فإن الزاوية التي يميل بها المستوى على الأفقي هي:
+
+- (أ) 60°
+- (ب) 16.33°
+- (ج) 30°
+- (د) 20.15°
+
+---
+
+**س (23)** أثرت قوة (F) تميل مع المستوى الأفقي بزاوية (θ) على جسم يستقر على سطح أفقي، مما جعل قوة الاتصال العمودية أكبر من وزن الجسم (W) فإن مقدار هذه القوة المؤثرة هو:
+
+- (أ) F = R + mg
+- (ب) F = R
+- (ج) F = (R − mg) / cos(90 − θ)
+- (د) F = (R + mg) / sinθ
+
+---
+
+**س (24)** قذف حجر إلى أسفل من ارتفاع (15 m) اصطدم بالأرض بعد (1.5 sec) فإن سرعة الحجر لحظة اصطدامه بالأرض تساوي:
+
+- (أ) 20 m/s
+- (ب) 10 m/s
+- (ج) 15 m/s
+- (د) 17.5 m/s
+
+---
+
+**س (25)** سيارة كتلتها (1 tonne) تُدفع على سطح أفقي من السكون حتى تصل سرعتها إلى (4 m/s)، فإن مقدار الشغل المبذول يساوي:
+
+- (أ) 8 kJ
+- (ب) 6 kJ
+- (ج) 4 kJ
+- (د) 5 kJ
+
+---
+
+**س (26)** في الشكل التالي:
+
+*(الشكل: كتلة خشبية مضغوطة أفقياً بقوة 25 N على حائط رأسي)*
+
+تستند كتلة خشبية على حائط بفعل قوة مقدارها (25 N) فإذا كان معامل الاحتكاك بين الكتلة والحائط (0.4)، فإن وزن الكتلة الخشبية هو:
+
+- (أ) 25 N
+- (ب) 20 N
+- (ج) 40 N
+- (د) 10 N
+
+---
+
+**س (27)** حاول رجل دفع خزانة كتب وزنها (1200 N) بقوة مقدارها (400 N) فإذا كان معامل الاحتكاك بين الخزانة وسطح الأرض (0.4) فإن مقدار قوة الاحتكاك تساوي:
+
+- (أ) 1200 N
+- (ب) 480 N
+- (ج) 400 N
+- (د) 3000 N
+
+---
+
+**س (28)** عندما تصبح طاقة الوضع لجسم نصف طاقته الحركية، فإن سرعة الجسم تساوي:
+
+- (أ) V = √(gh)
+- (ب) V = gh
+- (ج) V = 2√(gh)
+- (د) V = √(½ gh)
+
+---
+
+**س (29)** قذفت كرة إلى أعلى بسرعة قدرها (17 m/s)، فإن الزمن الذي تقضيه الكرة فوق الارتفاع (12 m) هو:
+
+- (أ) 2.8 sec
+- (ب) 0.7 sec
+- (ج) 1.1 sec
+- (د) 1.4 sec
+
+---
+
+**س (30)** إذا بذل شغل قدره (200 J) على جسم لمدة (4 sec) بواسطة قوة فتحرك بسرعة منتظمة مقدارها (5 m/s) فإن مقدار القوة هو:
+
+- (أ) 50 N
+- (ب) 40 N
+- (ج) 60 N
+- (د) 10 N
+
+---
+
+**س (31)** عندما يتكون جسم من جزئين كلا منهما يتحرك بسرعة وعجلة واحدة يمكن استخدام قانون ........... للجسم كاملاً أو لكل من الأجزاء المنفصلة:
+
+- (أ) نيوتن الأول
+- (ب) نيوتن الثاني
+- (ج) الثالث
+- (د) جميع الإجابات السابقة صحيحة
+
+---
+
+**س (32)** بدأ مظلي كتلته (m kg) بالسقوط من طائرة وتعرض لمقاومة هواء بمقدار (m/40) V²، فإن مقدار سرعته النهائية تساوي:
+
+- (أ) 10 m/s
+- (ب) 40 m/s
+- (ج) 20 m/s
+- (د) 16 m/s
+
+---
+
+**س (33)** إذا كانت طاقة الوضع لجسم على ارتفاع (2 m) هي (40 J) فعندما يتم تحريك الجسم أفقياً مسافة (6 m) بفعل قوة (50 N) فإن مقدار التغير في طاقة الوضع للجسم هو:
+
+- (أ) 40 J
+- (ب) صفر
+- (ج) 90 J
+- (د) 80 J
+
+---
+
+**س (34)** دُفع جسم على سطح أفقي خشن بقوة P(N) وتسارع بعجلة a(m/s²) فإن معامل الاحتكاك (μ) هو:
+
+- (أ) (1/g)(a + P/m)
+- (ب) (P/g − a/m)
+- (ج) (P/m − a/g)
+- (د) (1/g)(P/m − a)
+
+---
+
+**س (35)** في الشكل التالي:
+
+*(الشكل: كتلة m₁ على سطح أفقي أملس متصلة بخيط يمر على بكرة ملساء بكتلة معلقة m₂، تُركت المجموعة تتحرك من السكون)*
+
+البكرة ملساء والخيط مشدود والسطح أملس تُركت المجموعة تتحرك من السكون، فإن مقدار الشد في الخيط:
+
+- (أ) (m₁ m₂ / m₁ + m₂) g
+- (ب) (m₂ / m₁ + m₂) g
+- (ج) (m₂) g
+- (د) (m₁ m₂ / m₁ − m₂) g
+
+---
+
+**س (36)** عند أقصى ارتفاع يصل إليه الجسم تنعدم كل من ما عدا:
+
+- (أ) مقاومة الهواء
+- (ب) عجلة الجسم
+- (ج) سرعة الجسم
+- (د) طاقة حركته
+
+---
+
+**س (37)** سيارة كتلتها (1 tonne) تجر مقطورة كتلتها (250 kg) على طريق يميل بزاوية (sin⁻¹ 0.03) مع الأفقي وهناك مقاومة ثابتة للحركة على السيارة والمقطورة (100 N) و(50 N) على التوالي، وقيمة القوة الدافعة (900 N) وتتحرك السيارة إلى أعلى الهضبة، فإن الشد في ساق الجر يساوي:
+
+- (أ) 200 N
+- (ب) 170 N
+- (ج) 900 N
+- (د) 1000 N
+
+---
+
+**س (38)** جسم كتلته (3 kg) ينزلق على مستوى مائل بزاوية (60°) مع الرأسي ومعامل الاحتكاك بين الجسم والسطح (0.2) فإن العجلة التي يتحرك بها هذا الجسم هي:
+
+- (أ) 5 m/s²
+- (ب) 6.7 m/s²
+- (ج) 3.3 m/s²
+- (د) 2 m/s²
+
+---
+
+**س (39)** ينزلق طفل من السكون على مستوى مائل بزاوية (30°) مع الأفقي لتصل سرعته أسفل المستوى إلى (40 m/s) فإذا كان معامل الاحتكاك بين الطفل والمستوى (√3 / 5) فإن الزمن المستغرق للوصول لأسفل المستوى هو:
+
+- (أ) 20 sec
+- (ب) 40 sec
+- (ج) 30 sec
+- (د) 10 sec
+
+---
+
+**س (40)** سباحة كتلتها (50 kg) وطاقة حركتها (100 J) وعند دخولها إلى الماء فقدت نصف سرعتها، فإن مقدار طاقة حركتها داخل الماء تصبح:
+
+- (أ) 100 J
+- (ب) 50 J
+- (ج) 25 J
+- (د) 200 J
+
+---
+
+**س (41)** مضخة ترفع الماء من عمق ثابت (36 m) بمعدل (10³ kg) في الدقيقة ثم تدفعه أفقياً بسرعة (18 m/s)، فإن قدرة المضخة تساوي:
+
+- (أ) 6 kW
+- (ب) 2.7 kW
+- (ج) 8.7 kW
+- (د) 162 kW
+
+---
+
+**س (42)** قذف جسم على لوح خشن مستند إلى حائط وكان طرف اللوح العلوي يصنع زاوية (60°) مع الحائط، ومعامل الاحتكاك بين الجسم واللوح (1/√5)، وأقصى ارتفاع يصل إليه الجسم (7 m) من سطح الأرض فإن السرعة التي قذف بها الجسم تساوي:
+
+- (أ) 11.1 m/s
+- (ب) 10.2 m/s
+- (ج) 17.5 m/s
+- (د) 15.8 m/s
+
+---
+
+**س (43)** تدحرجت كرة وزنها (5 N) على أرضية مسافة (10 m) فالشغل الذي يبذله وزنها هو:
+
+- (أ) صفر
+- (ب) 2 J
+- (ج) 0.5 J
+- (د) 50 J
+
+---
+
+**س (44)** من الشكل التالي:
+
+*(الشكل: كتلة 12 kg على سطح خشن متصلة بحبل مائل بزاوية 42° إلى السقف، والطرف الآخر رأسي يحمل وزناً معلقاً W)*
+
+إذا كان معامل الاحتكاك بين الكتلة (12 kg) والسطح (0.31)، وكانت المنظومة في حالة اتزان فإن وزن الجسم المعلق (W) يساوي:
+
+- (أ) 33.5 N
+- (ب) 37.2 N
+- (ج) 3.32 N
+- (د) 3.72 N
+
+---
+
+**س (45)** سقط حجر كتلته (0.5 kg) من ارتفاع (10 m) فوق سطح الأرض فإن طاقته الكلية بعد أن يقطع نصف المسافة تساوي:
+
+- (أ) 75 J
+- (ب) 25 J
+- (ج) 50 J
+- (د) 100 J
+
+---
+
+**س (46)** جسم طاقة وضعه (400 J) عند ارتفاع (5 m) عن سطح الأرض فإن:
+
+- (أ) كتلة الجسم = 80 kg
+- (ب) قوة جذب الأرض للجسم = 8 N
+- (ج) الشغل المبذول مع قوة الجاذبية = 400 J
+- (د) الشغل المبذول ضد قوة الجاذبية = 400 J
+
+---
+
+**س (47)** في الشكل التالي:
+
+*(الشكل: جسمان كتلتهما m₁ و m₂ حيث m₂ < m₁ في طرفي خيط خفيف يمر على بكرة ملساء، تحركت المجموعة من السكون وبعد ثانية واحدة أصبح البعد الرأسي بين الجسمين 2 m)*
+
+علق جسمان كتلتهما (m₁ , m₂) حيث m₂ < m₁ في طرفي خيط خفيف يمر على بكرة ملساء، فإذا تحركت المجموعة من السكون عندما كان الجسمان في مستوى أفقي واحد، وبعد ثانية واحدة أصبح البعد الرأسي بين الجسمين (2 m)، فإن النسبة بين الكتلتين:
+
+- (أ) 1 : 2
+- (ب) 3 : 1
+- (ج) 2 : 3
+- (د) 5 : 3
+
+---
+
+**س (48)** في الشكل التالي:
+
+*(الشكل: كتلة 200 g على مستوى مائل أملس بزاوية 60° تؤثر عليها قوة أفقية F = √X نيوتن)*
+
+تستقر الكتلة على مستوى مائل أملس بفعل قوة مقدارها (F = √X N) فإن مقدار القيمة (x) يساوي:
+
+- (أ) 3
+- (ب) 4
+- (ج) 12
+- (د) 6
+
+---
+
+**س (49)** معادلة حركة جسم موضوع داخل مصعد يتحرك لأسفل بعجلة تناقصية هي:
+
+- (أ) R = mg
+- (ب) R = m(g − a)
+- (ج) R = m(g + a)
+- (د) جميع الإجابات السابقة خاطئة
+
+---
+
+**س (50)** في الشكل التالي:
+
+*(الشكل: رسم بياني للعلاقة بين السرعة V والزمن t لجسم مقذوف في الهواء)*
+
+العلاقة البيانية بين السرعة والزمن لجسم مقذوف في الهواء ومنها يتضح أن:
+
+- (أ) الجسم تعرض لمقاومة هواء
+- (ب) الجسم لم يتعرض لمقاومة هواء
+- (ج) عجلة الصعود تساوي الهبوط
+- (د) جميع الإجابات السابقة خاطئة
+
+---
+
+**س (51)** عندما يتحرك جسم بأقصى سرعة له فإن:
+
+- (أ) عجلة حركته تزايدية
+- (ب) سرعته تزداد بمرور الزمن
+- (ج) عجلة حركته تناقصية
+- (د) محصلة القوى المؤثرة فيه تساوي صفراً
+
+---
+
+**س (52)** تستخدم قاعدة أو نظرية (الشغل - الطاقة) في الحالات التي:
+
+- (أ) تكون فيها القوة ثابتة
+- (ب) لا تكون فيها القوة ثابتة
+- (ج) يكون فيها مسار الجسم منحني
+- (د) جميع الإجابات السابقة صحيحة
+
+---
+
+**س (53)** في الشكل التالي:
+
+*(الشكل: جسمان A كتلته 2 kg و B كتلته 3 kg متلامسان على سطح أفقي، تؤثر قوة 10 N على الجسم A)*
+
+جسمان (A , B) كتلتيهما على الترتيب (2 kg , 3 kg) دفع الجسم (A) بقوة مقدارها (10 N) فإن القوة التي يؤثر بها الجسم (B) على الجسم (A) تساوي:
+
+- (أ) 6 N
+- (ب) 8 N
+- (ج) 12 N
+- (د) 10 N
+
+---
+
+**س (54)** ركل شاب حجر كتلته (320 g) على أرضية فناء بسرعة قدرها (9 m/s) وتوقف الحجر بعد أن قطع مسافة (17 m) فإن معامل الاحتكاك بين الحجر وأرضية الفناء هو:
+
+- (أ) 0.18
+- (ب) 0.38
+- (ج) 0.48
+- (د) 0.24
+
+---
+
+**س (55)** تدفع دراجة كتلتها (30 kg) بسرعة ثابتة إلى أعلى مسار يميل بزاوية (30°) مع الأفقي ضد قوة مقاومة (50 N) فإن الشغل المبذول لدفع الدراجة مسافة (65 m) هو:
+
+- (أ) 9.7 kJ
+- (ب) 6.5 kJ
+- (ج) 3.2 kJ
+- (د) 13 kJ
+
+---
+
+**س (56)** في الشكل التالي:
+
+*(الشكل: كتلة 8 kg على سطح أفقي خشن متصلة بكتلتين معلقتين 3 kg و 4 kg عبر بكرتين ملساوين من طرفي الخيط)*
+
+الكتل مستقرة والبكرات ملساء والخيوط مشدودة فإن معامل الاحتكاك بين الكتلة (8 kg) والسطح هو:
+
+- (أ) 0.125
+- (ب) 0.31
+- (ج) 0.8
+- (د) 0.375
+
+---
+
+> **✦✦✦ انتهت الأسئلة ✦✦✦**
+
+# أسئلة امتحان الفيزياء (الميكانيكا)
+## الدور الأول - العام الدراسي 2024-2025
+
+---
+
+> **ملاحظة:** اعتبر عجلة الجاذبية الأرضية g = 10 m/s²
+
+---
+
+## أولاً: أسئلة الصواب والخطأ
+
+---
+
+**س (1)** عندما ينزلق جسم على سطح ثابت تكون قيمة قوة الاحتكاك مساوية للنهاية القصوى
+
+- (أ) صح
+- (ب) خطأ
+
+---
+
+**س (2)** الجسم الموضوع على سطح مائل تكون قوة اتصاله العمودية مساوية لوزن الجسم
+
+- (أ) صح
+- (ب) خطأ
+
+---
+
+**س (3)** يمكن للجسم أن يمتلك طاقة حركة دون أن يكون له طاقة وضع عندما تنعدم القوة المؤثرة
+
+- (أ) صح
+- (ب) خطأ
+
+---
+
+**س (4)** تزداد قوة الاحتكاك كلما زادت سرعة الجسم المتحرك
+
+- (أ) صح
+- (ب) خطأ
+
+---
+
+**س (5)** السيارة التي تسير بسرعة ثابتة على أرض أفقية تستفيد من الشغل المبذول من قوة محركها
+
+- (أ) صح
+- (ب) خطأ
+
+---
+
+**س (6)** إذا انزلق جسم وزنه (15 N) بسرعة ثابتة إلى أسفل سطح مائل بزاوية (50°) مع الرأسي فإن معامل الاحتكاك بين الجسم والسطح (tan 50°)
+
+- (أ) صح
+- (ب) خطأ
+
+---
+
+**س (7)** إذا قذف جسم إلى أعلى بسرعة 20 (m/s) فإن إزاحته بعد 4 (s) هي صفر
+
+- (أ) صح
+- (ب) خطأ
+
+---
+
+**س (8)** إذا أثرت قوة مائلة على جسم ولم يتحرك فإن مقدار قوة الاحتكاك تكون مساوية لمقدار هذه القوة
+
+- (أ) صح
+- (ب) خطأ
+
+---
+
+**س (9)** تجعل قوة الجاذبية للأرض القمر يدور حولها وحسب قانون نيوتن الأول سوف يتحرك القمر في خط مستقيم إذا لم توجد هذه الجاذبية
+
+- (أ) صح
+- (ب) خطأ
+
+---
+
+**س (10)** عند سقوط جسمين من ارتفاع في نفس الوقت سقوطاً حراً فإن الجسم الأكبر كتلة يصل أولاً
+
+- (أ) صح
+- (ب) خطأ
+
+---
+
+**س (11)** تعرف قدرة الجسم على أنها حاصل ضرب القوة المؤثرة في سرعته غير المنتظمة
+
+- (أ) صح
+- (ب) خطأ
+
+---
+
+**س (12)** عندما تدور البكرة حول محور أملس فإن عجلة الدلو الفارغ المتحرك لأعلى أقل من عجلة الدلو المعبأ المتحرك لأسفل عند إهمال كتلة كل من الحبل والبكرة
+
+- (أ) صح
+- (ب) خطأ
+
+---
+
+## ثانياً: أسئلة الاختيار من متعدد
+
+---
+
+**س (13)** قذفت كرة إلى أعلى وعادت إلى نقطة القذف بعد زمن قدره 3 (s) فإن السرعة التي قذفت بها هي:
+
+- (أ) 15 m/s
+- (ب) 10 m/s
+- (ج) 30 m/s
+- (د) 20 m/s
+
+---
+
+**س (14)** إذا كانت القوة المقاومة لحركة سيارة كتلتها (1.2 tonne) هي (250 N) فإن قدرة السيارة عندما تكون سرعتها (8 m/s) وعجلتها (0.5 m/s²) هي:
+
+- (أ) 6.8 KW
+- (ب) 0.12 KW
+- (ج) 7.8 KW
+- (د) 2.8 KW
+
+---
+
+**س (15)** تتحرك عربة كتلتها (500 kg) بعجلة قدرها (2 m/s²) إلى أعلى طريق مستقيم يميل بزاوية مقدارها (80°) مع الرأسي فإن مقدار القوة المحركة للعربة هي:
+
+- (أ) 1868.2 N
+- (ب) 14924 N
+- (ج) 1086.8 N
+- (د) 492.4 N
+
+---
+
+**س (16)** في الشكل المبين:
+
+*(الشكل: صندوق كتلته 6.5 kg على سطح أفقي، قام شخص بسحبه أفقياً بقوة 12 N ولم يتحرك، ثم قام شخص آخر بسحبه عمودياً بالتدريج)*
+
+صندوق كتلته (6.5 kg) في حالة سكون قام شخص ما بسحبه أفقياً بقوة قدرها (12 N) ولم يتحرك الصندوق ثم قام شخص آخر بسحبه عمودياً بالتدريج، فإذا كان معامل الاحتكاك بين الصندوق والسطح (0.35) فإن أصغر قوة عمودية يسحب بها الشخص الثاني الصندوق حتى يكون على وشك الحركة هي:
+
+- (أ) 34 N
+- (ب) 12 N
+- (ج) 31 N
+- (د) 53 N
+
+---
+
+**س (17)** في الشكل التالي:
+
+*(الشكل: كتلة 1 Kg على سطح خشن يساراً وكتلة 2 Kg على سطح يميناً، وبينهما كتلة معلقة 4 Kg متصلة بحبلين عبر بكرتين بشدين T1 و T2)*
+
+معامل الاحتكاك بين الكتلة (1 Kg) والسطح (0.2) إذا تحركت المنظومة بعجلة ثابتة فإن الشد في كل سلك يساوي:
+
+- (أ) T2 = 7.43 N ، T1 = 10.86 N
+- (ب) T2 = 8.5 N ، T1 = 12.5 N
+- (ج) T2 = 7.7 N ، T1 = 11.42 N
+- (د) T2 = 7.14 N ، T1 = 12.28 N
+
+---
+
+**س (18)** تحركت كتلة (5 kg) من أسفل مستوى مائل بزاوية (30°) على الأفقي، بعد أن قطعت مسافة (3 m) على طول المستوى، فإن مقدار التغير في طاقة وضعها يساوي:
+
+- (أ) 100 J
+- (ب) 150 J
+- (ج) 75 J
+- (د) 50 J
+
+---
+
+**س (19)** عند وضع صندوقين متماثلين فوق بعض وكان رد فعل الأرض على الصندوق السفلي (4 N) فإن كتلة كل صندوق هي:
+
+- (أ) 2 kg
+- (ب) 2 g
+- (ج) 200 g
+- (د) 1 kg
+
+---
+
+**س (20)** كل العبارات صحيحة ما عدا:
+
+- (أ) تزداد مقاومة الهواء مع زيادة سرعة الجسم
+- (ب) حد الاحتكاك هو النسبة بين معامل الاحتكاك وقوة الاتصال العمودية
+- (ج) يزداد معامل الاحتكاك بزيادة خشونة السطح
+- (د) تعتمد مقاومة الهواء على شكل الجسم ومساحته
+
+---
+
+**س (21)** يدفع صندوق كتلته (27 kg) على مستوى مائل لمسافة (65 m) فكان الشغل المبذول (5300 J) فإن زاوية ميل المستوى مع الرأسي تساوي:
+
+- (أ) 17.6°
+- (ب) 30°
+- (ج) 72.4°
+- (د) 60°
+
+---
+
+**س (22)** قذف جسم كتلته (m kg) لأعلى بسرعة (10 m/s) على سطح خشن معامل الاحتكاك له (0.25) يميل بزاوية (60°) مع الرأسي فإن السرعة التي يعود بها إلى نقطة القذف:
+
+- (أ) 10 m/s
+- (ب) 39.56 m/s
+- (ج) 6.29 m/s
+- (د) 6.1 m/s
+
+---
+
+**س (23)** شاحنة كتلتها (60 kg) تجر بقوة (150 N) شاحنة أخرى كتلتها (40 kg) بواسطة كابل موصل بين الشاحنتين فإن الشد في الكابل يساوي:
+
+- (أ) 54 N
+- (ب) 60 N
+- (ج) 90 N
+- (د) 900 N
+
+---
+
+**س (24)** قذف حجر رأسياً لأعلى من فوق سطح عمارة مكونة من عدة طوابق بسرعة (20 m/s) ووصل إلى سطح الأرض بعد أن قطع مسافة (100 m) فإذا كان ارتفاع كل طابق (2.5 m) فإن عدد طوابق العمارة هو:
+
+- (أ) 32 طابقاً
+- (ب) 24 طابقاً
+- (ج) 18 طابقاً
+- (د) 40 طابقاً
+
+---
+
+**س (25)** يقف رجل داخل مصعد يهبط لأسفل فإذا كانت القوة التي تبذل بواسطة الرجل على أرضية المصعد تساوي (3/4 وزن الرجل) فإن عجلة المصعد تساوي:
+
+- (أ) 3/4 g
+- (ب) 1/2 g
+- (ج) 1/4 g
+- (د) 1/3 g
+
+---
+
+**س (26)** في الشكل المبين:
+
+*(الشكل: ثلاث كتل A كتلته 2 kg و B كتلته 1 kg و C كتلته 3 kg على سطح أملس، تؤثر قوة 12 N على الكتلة A)*
+
+الكتل (A , B , C) موضوعة على سطح أملس وتؤثر القوة (12 N) على الكتلة (A) فإن محصلة القوى المؤثرة على الكتلة (B) تساوي:
+
+- (أ) صفراً
+- (ب) 2 N
+- (ج) 12 N
+- (د) 8 N
+
+---
+
+**س (27)** يتأرجح بندول طول خيطه (1.5 m) وكتلة كرته (2 kg) فإذا كانت أقصى زاوية يصنعها الخيط مع العمودي أثناء التأرجح هي (30°) فإن سرعة الكرة عند أدنى نقطة في مسارها تساوي:
+
+- (أ) 2 m/s
+- (ب) 5.3 m/s
+- (ج) 3.87 m/s
+- (د) 1.5 m/s
+
+---
+
+**س (28)** يسقط جسم كتلته (2 kg) من ارتفاع وتتعرض لمقاومة هواء بمقدار (0.06 V²) حيث (V) السرعة بوحدة (m/s) فإن السرعة النهائية للجسم هي:
+
+- (أ) 333 m/s
+- (ب) 1.83 m/s
+- (ج) 18.25 m/s
+- (د) 33.3 m/s
+
+---
+
+**س (29)** في الشكل التالي:
+
+*(الشكل: بكرة يتدلى منها جسمان أحدهما كتلته 2 Kg والآخر كتلته m)*
+
+إذا تحركت المنظومة في اتجاه الكتلة (m) وكان الشد في السلك (30 N) فإن قيمة (m):
+
+- (أ) m = 4 kg
+- (ب) m = 6 N
+- (ج) m = 6 kg
+- (د) m = 5 N
+
+---
+
+**س (30)** عند جر جسم كتلته (m) على سطح أفقي بفعل قوة F(N) تصنع زاوية (θ) مع الرأسي فإن قوة الاتصال العمودية تساوي:
+
+- (أ) mg
+- (ب) mg − F sinθ
+- (ج) mg − F cosθ
+- (د) mg + F sinθ
+
+---
+
+**س (31)** إذا زادت قوة الاتصال العمودية إلى الضعف فإن معامل الاحتكاك:
+
+- (أ) يبقى ثابتاً
+- (ب) يزداد أربع أمثال
+- (ج) يقل إلى النصف
+- (د) يزداد إلى الضعف
+
+---
+
+**س (32)** يتحرك جسم بسرعة ابتدائية (u) على سطح خشن معامل الاحتكاك بينه وبين السطح (μ)، فإن المسافة المقطوعة للجسم حتى يقف:
+
+- (أ) S = (½ μg)
+- (ب) S = (u² / μg)
+- (ج) S = (2u / μg)
+- (د) S = ½ (u² / μg)
+
+---
+
+**س (33)** في الشكل التالي:
+
+*(الشكل: جسم A عند نقطة تؤثر عليه قوى: 400 N مائلة بزاوية 30°، و 200 N مائلة بزاوية 30°، و 300 N أفقية، و 173.2 N لأسفل)*
+
+إذا كان الجسم (A) تحت تأثير القوى المبينة بالرسم، فإنه:
+
+- (أ) يتحرك إلى أسفل (−y)
+- (ب) في حالة اتزان
+- (ج) يتحرك إلى أعلى (+y)
+- (د) يتحرك باتجاه القوة (300 N)
+
+---
+
+**س (34)** سقط جسم كتلته (m) من ارتفاع وتعرض لمقاومة هواء مقدارها (KV²) فإذا كانت سرعته النهائية (30 m/s) فإن العجلة التي يتحرك بها عندما تكون سرعته (20 m/s) هي:
+
+- (أ) 10 m/s²
+- (ب) 8 m/s²
+- (ج) 9.65 m/s²
+- (د) 5.55 m/s²
+
+---
+
+**س (35)** تجلس طالبة كتلتها (50 kg) على كرسي وزنه (200 N) فإن رد فعل الكرسي على الطالبة:
+
+- (أ) 50 N
+- (ب) 200 N
+- (ج) 500 N
+- (د) 700 N
+
+---
+
+**س (36)** بفرض إهمال مقاومة الهواء، تتحرك سيارة كتلتها (1 tonne) وكان الزمن الذي تتغير فيه سرعتها من (14 m/s) إلى (20 m/s) هو (2.5 sec)، فإن معدل التغير في الطاقة الحركية للسيارة يساوي:
+
+- (أ) 10.2 KW
+- (ب) 102 KW
+- (ج) 4.8 KW
+- (د) 40.8 KW
+
+---
+
+**س (37)** قوة تنشأ عند تلامس سطحين وهي دائماً عمودية على السطح هي:
+
+- (أ) قوة المقاومة
+- (ب) الوزن
+- (ج) قوة الاحتكاك
+- (د) قوة الاتصال العمودية
+
+---
+
+**س (38)** سقط جسم كتلته (2 kg) من ارتفاع قدره (50 m) فإن سرعته بعد أن يقطع مسافة (20 m) هي:
+
+- (أ) 31.6 m/s
+- (ب) 400 m/s
+- (ج) 20 m/s
+- (د) 24.5 m/s
+
+---
+
+**س (39)** تتحرك سيارة بسرعة (27 km/hr) عندما استعملت المكابح توقفت السيارة بعد أن قطعت مسافة (6 m) فإذا كانت كتلة السيارة (1.5 tonne) فإن معامل الاحتكاك بين السيارة والطريق والزمن المستغرق حتى تقف:
+
+- (أ) 0.74 ، 1.6 sec
+- (ب) 0.93 ، 2 sec
+- (ج) 0.47 ، 0.6 sec
+- (د) 0.47 ، 1.6 sec
+
+---
+
+**س (40)** ترفع كرة وزنها (200 N) عمودياً لأعلى لمسافة (2 m)، فإن مقدار الشغل المبذول لذلك:
+
+- (أ) 400 J
+- (ب) 4000 J
+- (ج) 100 J
+- (د) صفر
+
+---
+
+**س (41)** إذا كانت المركبة الأفقية للقوة (F) التي تصنع زاوية مقدارها (15°) هي (20 N) فإن مركبتها الرأسية تساوي:
+
+- (أ) 5.36 N
+- (ب) 5.17 N
+- (ج) 20.7 N
+- (د) 19.31 N
+
+---
+
+**س (42)** يجر رجل صندوق كتلته (20 kg) بقوة (60 N) بزاوية (30°) مع الأفقي ويدفع آخر الصندوق بقوة (75 N) بزاوية (30°) مع العمودي ليتحرك بعجلة مقدارها (4.47 m/s²) فإن قوة الاتصال العمودية تساوي:
+
+- (أ) 294.95 N
+- (ب) 105.05 N
+- (ج) 200 N
+- (د) 234.95 N
+
+---
+
+**س (43)** تُجذب لعبة كتلتها (2.2 kg) على سطح أفقي بواسطة سلك يصنع زاوية قدرها (30°) مع الأفقي فإذا كانت قوة الشد (15 N) ومعامل الاحتكاك بين اللعبة والسطح (0.1) فإن العجلة التي تتحرك بها اللعبة هي:
+
+- (أ) 5.24 m/s²
+- (ب) 5.8 m/s²
+- (ج) 1.5 m/s²
+- (د) 4.9 m/s²
+
+---
+
+**س (44)** يسقط جسم كتلته (4 kg) من ارتفاع قدره (25 m) فإن طاقة وضعه بعد أن يقطع مسافة قدرها (10 m) هي:
+
+- (أ) 1000 J
+- (ب) 600 J
+- (ج) 60 J
+- (د) 400 J
+
+---
+
+**س (45)** قذف جسم كتلته (m kg) من النقطة (0) على مستوى أملس يميل بزاوية (sin⁻¹ 0.6) بسرعة (15 m/s) فإن أقصى مسافة يصل إليها هي:
+
+- (أ) 1.25 m
+- (ب) 37.5 m
+- (ج) 18.75 m
+- (د) 11.25 m
+
+---
+
+**س (46)** عند استخدام الحبال والسلاسل أي العبارات الآتية غير صحيحة:
+
+- (أ) تبذل قوة اتجاهها إلى الخارج
+- (ب) غير قابلة للتمدد
+- (ج) يمكن إهمال وزنها مقارنة مع القوة المؤثرة
+- (د) تبذل قوة اتجاهها إلى الداخل
+
+---
+
+**س (47)** كل مما يلي ميزات للفعل ورد الفعل ما عدا:
+
+- (أ) لا يقعان على استقامة واحدة
+- (ب) يؤثران على جسمين مختلفين
+- (ج) متعاكسين في الاتجاه
+- (د) متساويين في المقدار
+
+---
+
+**س (48)** في الشكل التالي:
+
+*(الشكل: كتلة 4 Kg تستند على حائط رأسي خشن، تؤثر عليها قوة F مائلة بزاوية 30° مع الأفقي)*
+
+مقدار القوة (F) التي تجعل الكتلة (4 Kg) التي تستند على حائط رأسي خشن تتحرك بعجلة (3.5 m/s²)، علماً بأن معامل الاحتكاك بين الكتلة والحائط (0.2):
+
+- (أ) 30 N
+- (ب) 60.5 N
+- (ج) 70.5 N
+- (د) 40 N
+
+---
+
+**س (49)** في الشكل التالي:
+
+*(الشكل: كتلتان m1 على سطح أفقي و m2 على مستوى مائل بزاوية θ متصلتان بحبل يمر على بكرة)*
+
+الأسطح ملساء والكتل غير مستقرة فإن مقدار الشد في الحبل يساوي:
+
+- (أ) T = m₂g sinθ [ 1 − m₂ / (m₁ + m₂) ]
+- (ب) T = ( m₁ / (m₁ + m₂) ) g sinθ
+- (ج) T = ( m₁ m₂ / (m₁ − m₂) ) g sinθ
+- (د) T = ( m₁ m₂ / (m₁ + m₂) )
+
+---
+
+**س (50)** عند قذف جسم إلى أعلى في عدم وجود مقاومة هواء فإن:
+
+- (أ) مجموع طاقة حركته وطاقة وضعه مقدار ثابت
+- (ب) طاقة حركته تزيد وطاقة وضعه تقل
+- (ج) تزداد كل من طاقة حركته وطاقة وضعه
+- (د) تقل كل من طاقة حركته وطاقة وضعه
+
+---
+
+**س (51)** في الشكل المبين:
+
+*(الشكل: كتلتان فوق بعضهما، العلوية 1.5 Kg والسفلية 2.5 Kg، تُسحب السفلية بقوة 35 N أفقية)*
+
+تسحب الكتلة السفلية بقوة مقدارها (35 N)، وكان معامل الاحتكاك بينها وبين الأرض (0.25)، وبافتراض أن الكتلة العلوية لا تنزلق، فإن مقدار تسارع الكتلتين يساوي:
+
+- (أ) 7.8 m/s²
+- (ب) 7.2 m/s²
+- (ج) 8.75 m/s²
+- (د) 6.25 m/s²
+
+---
+
+**س (52)** يستقر صندوق كتلته (5 kg) على مستوى مائل بزاوية قدرها (70°) مع الرأسي بواسطة قوة أفقية (F)، فإن مقدار هذه القوة:
+
+- (أ) 18.2 N
+- (ب) 137.37 N
+- (ج) 46.98 N
+- (د) 17.1 N
+
+---
+
+**س (53)** في الشكل التالي:
+
+*(الشكل: كتلة 4 Kg على مستوى مائل بزاوية 30° وكتلة 2 Kg على مستوى مائل بزاوية 60°، متصلتان بخيط يمر على بكرة، الكتلة 4 Kg على سطح أملس والكتلة 2 Kg على سطح خشن معامل احتكاكه 0.2)*
+
+كانت الكتلة (4 kg) على سطح أملس والكتلة (2 kg) على سطح خشن معامل الاحتكاك له (0.2)، فإن الشد في الخيط يساوي:
+
+- (أ) 19.5 N
+- (ب) 18.5 N
+- (ج) 20.5 N
+- (د) 22 N
+
+---
+
+**س (54)** وحدة قياس الشغل في النظام الدولي هي (الجول) وتعادل:
+
+- (أ) kg . m³ . s⁻²
+- (ب) kg . m² . s⁻³
+- (ج) kg . m . s⁻¹
+- (د) kg . m² . s⁻²
+
+---
+
+**س (55)** تقذف كرتان من سطح مبنى واحدة لأعلى والأخرى لأسفل في نفس اللحظة وبسرعة ابتدائية متساوية لكل منهما، فإن المسافة بين الكرتين بدلالة الزمن والسرعة الابتدائية:
+
+- (أ) ut
+- (ب) ½ ut
+- (ج) 4 ut
+- (د) 2 ut
+
+---
+
+**س (56)** في الشكل التالي:
+
+*(الشكل: كتلة m1 على سطح أفقي خشن معامل احتكاكه μ وفوقها كتلة إضافية m، متصلة بخيط يمر على بكرة ملساء بكتلة معلقة m2)*
+
+كتلتان (m1 , m2) متصلتان بخيط يمر فوق بكرة ملساء توجد الكتلة (m1) على سطح أفقي خشن معامل احتكاكه (μ) كما هو موضح بالرسم، فإن مقدار الكتلة الإضافية (m) التي يجب وضعها على الكتلة (m1) حتى لا يتسارع النظام:
+
+- (أ) m = m2 − m1/μ
+- (ب) m = m2/μ − m1
+- (ج) m = (m2 − m1)/μ
+- (د) m = μ(m2 − m1)
+
+---
+
+> **✦✦✦ انتهت الأسئلة ✦✦✦**
\ No newline at end of file
diff --git a/auth/__init__.py b/auth/__init__.py
new file mode 100644
index 0000000000000000000000000000000000000000..191413ddf85e9aa644ed7aedd80ef6479534b557
--- /dev/null
+++ b/auth/__init__.py
@@ -0,0 +1,3 @@
+"""
+Authentication package.
+"""
\ No newline at end of file
diff --git a/auth/__pycache__/__init__.cpython-314.pyc b/auth/__pycache__/__init__.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..e534be833e14330cbd9f50965b60de20bd490b99
Binary files /dev/null and b/auth/__pycache__/__init__.cpython-314.pyc differ
diff --git a/auth/__pycache__/helpers.cpython-314.pyc b/auth/__pycache__/helpers.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..09681a4a1c045ccf8f672896c39ea70394a81368
Binary files /dev/null and b/auth/__pycache__/helpers.cpython-314.pyc differ
diff --git a/auth/__pycache__/routes.cpython-314.pyc b/auth/__pycache__/routes.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..4c187d04cf9736dbd99bb990c3ff3a13d7f81984
Binary files /dev/null and b/auth/__pycache__/routes.cpython-314.pyc differ
diff --git a/auth/helpers.py b/auth/helpers.py
new file mode 100644
index 0000000000000000000000000000000000000000..3af6480763c29cdc20b01a2449ab0f38d6a76b8b
--- /dev/null
+++ b/auth/helpers.py
@@ -0,0 +1,37 @@
+"""
+Session and authentication helpers.
+"""
+
+import uuid
+from flask import session
+from database.users import load_users_db
+
+# Active WebSocket connections per user
+active_connections = {}
+
+
+def generate_session_id():
+    return str(uuid.uuid4())
+
+
+def is_session_valid():
+    if 'username' not in session or 'session_id' not in session:
+        return False
+    username = session['username']
+    session_id = session['session_id']
+    users_db = load_users_db()
+    if username not in users_db:
+        return False
+    if users_db[username].get('session_id') != session_id:
+        return False
+    return True
+
+
+def notify_logout(username, socketio, exclude_sid=None):
+    """Notify all connections for a user to logout."""
+    if username in active_connections:
+        for sid in active_connections[username]:
+            if sid != exclude_sid:
+                socketio.emit('force_logout', {
+                    'message': 'لقد تم تسجيل خروجك لأن شخصاً آخر قام بتسجيل الدخول.'
+                }, room=sid)
\ No newline at end of file
diff --git a/auth/routes.py b/auth/routes.py
new file mode 100644
index 0000000000000000000000000000000000000000..de2988bece8331f003bbb0c1f51e9d327395ebe8
--- /dev/null
+++ b/auth/routes.py
@@ -0,0 +1,176 @@
+"""
+Authentication routes: signup, login, logout, verification.
+"""
+
+from flask import Blueprint, render_template, request, redirect, url_for, session, flash
+from datetime import datetime
+from auth.helpers import is_session_valid, generate_session_id, notify_logout, active_connections
+from database.users import load_users_db, save_users_db
+from database.telegram import load_telegram_db, save_telegram_db
+
+auth_bp = Blueprint('auth', __name__)
+
+# Store socketio reference - set from app.py
+_socketio = None
+
+
+def init_auth_socketio(socketio):
+    global _socketio
+    _socketio = socketio
+
+
+@auth_bp.route('/signup', methods=['GET', 'POST'])
+def signup():
+    if request.method == 'POST':
+        username = request.form.get('username', '').strip()
+        password = request.form.get('password', '')
+        confirm_password = request.form.get('confirm_password', '')
+        student_type = request.form.get('student_type', '').strip()
+
+        if not username or not password or not confirm_password:
+            flash('جميع الحقول مطلوبة!', 'error')
+            return render_template('signup.html')
+
+        if not student_type or student_type not in ['أدبي', 'علمي']:
+            flash('يرجى اختيار نوع الدراسة!', 'error')
+            return render_template('signup.html')
+
+        if len(username) < 3:
+            flash('اسم المستخدم قصير جداً!', 'error')
+            return render_template('signup.html')
+
+        if password != confirm_password:
+            flash('كلمات المرور غير متطابقة!', 'error')
+            return render_template('signup.html')
+
+        if len(password) < 6:
+            flash('كلمة المرور قصيرة جداً (6 أحرف على الأقل)!', 'error')
+            return render_template('signup.html')
+
+        users_db = load_users_db()
+        if username in users_db:
+            flash('اسم المستخدم موجود مسبقاً!', 'error')
+            return render_template('signup.html')
+
+        session['temp_username'] = username
+        session['temp_password'] = password
+        session['temp_student_type'] = student_type
+
+        return redirect(url_for('auth.verification'))
+
+    return render_template('signup.html')
+
+
+@auth_bp.route('/verification', methods=['GET', 'POST'])
+def verification():
+    if 'temp_username' not in session:
+        flash('يرجى بدء عملية التسجيل من البداية.', 'error')
+        return redirect(url_for('auth.signup'))
+
+    if request.method == 'POST':
+        code = request.form.get('code', '').strip()
+
+        if not code:
+            flash('يرجى إدخال رمز التحقق!', 'error')
+            return render_template('verification.html')
+
+        telegram_db = load_telegram_db()
+        user_found = False
+        user_id = None
+
+        for uid, user_data in telegram_db.items():
+            if user_data.get('code') == code and user_data.get('code') != "DONE":
+                user_found = True
+                user_id = uid
+                break
+
+        if not user_found:
+            flash('رمز التحقق غير صحيح أو تم استخدامه!', 'error')
+            return render_template('verification.html')
+
+        telegram_db[user_id]['code'] = "DONE"
+        telegram_db[user_id]['status'] = "verified"
+        telegram_db[user_id]['verified_at'] = datetime.now().isoformat()
+        save_telegram_db(telegram_db)
+
+        new_session_id = generate_session_id()
+        users_db = load_users_db()
+        username = session['temp_username']
+        password = session['temp_password']
+        student_type = session['temp_student_type']
+
+        users_db[username] = {
+            "username": username,
+            "password": password,
+            "student_type": student_type,
+            "telegram_user_id": user_id,
+            "session_id": new_session_id,
+            "created_at": datetime.now().isoformat(),
+            "verified": True,
+            "last_login": datetime.now().isoformat(),
+            "balance": 0,
+            "purchased_subjects": ['islamic']
+        }
+        save_users_db(users_db)
+
+        session.pop('temp_username', None)
+        session.pop('temp_password', None)
+        session.pop('temp_student_type', None)
+
+        session['username'] = username
+        session['user_id'] = user_id
+        session['session_id'] = new_session_id
+
+        flash('تم إنشاء الحساب وتسجيل الدخول بنجاح!', 'success')
+        return redirect(url_for('dashboard'))
+
+    return render_template('verification.html')
+
+
+@auth_bp.route('/login', methods=['GET', 'POST'])
+def login():
+    if request.method == 'POST':
+        username = request.form.get('username', '').strip()
+        password = request.form.get('password', '')
+
+        users_db = load_users_db()
+
+        if username in users_db and users_db[username]['password'] == password:
+            new_session_id = generate_session_id()
+            if _socketio:
+                notify_logout(username, _socketio)
+
+            users_db[username]['session_id'] = new_session_id
+            users_db[username]['last_login'] = datetime.now().isoformat()
+            save_users_db(users_db)
+
+            session['username'] = username
+            session['user_id'] = users_db[username].get('telegram_user_id')
+            session['session_id'] = new_session_id
+
+            flash('تم تسجيل الدخول بنجاح!', 'success')
+            return redirect(url_for('dashboard'))
+        else:
+            flash('اسم المستخدم أو كلمة المرور خطأ!', 'error')
+
+    return render_template('login.html')
+
+
+@auth_bp.route('/logout')
+def logout():
+    if 'username' in session:
+        username = session['username']
+        if username in active_connections:
+            active_connections[username] = []
+        users_db = load_users_db()
+        if username in users_db:
+            users_db[username]['session_id'] = None
+            save_users_db(users_db)
+    session.clear()
+    flash('تم تسجيل الخروج.', 'success')
+    return redirect(url_for('auth.login'))
+
+
+@auth_bp.route('/forgot-password')
+def forgot_password():
+    return render_template('forgot_password.html')
\ No newline at end of file
diff --git a/board/__init__.py b/board/__init__.py
new file mode 100644
index 0000000000000000000000000000000000000000..43b218ba3c1ef641754a70e1e4893dbc88c6c4d1
--- /dev/null
+++ b/board/__init__.py
@@ -0,0 +1,4 @@
+"""
+Board package.
+Interactive whiteboard with AI, TTS, icons, and page images.
+"""
\ No newline at end of file
diff --git a/board/__pycache__/__init__.cpython-314.pyc b/board/__pycache__/__init__.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..5cedb757a2110a0e0abf1701a2c06eb37b8290c2
Binary files /dev/null and b/board/__pycache__/__init__.cpython-314.pyc differ
diff --git a/board/__pycache__/engine.cpython-314.pyc b/board/__pycache__/engine.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..ed344552c6e0bf6ed9df957c45a32701433ed6fb
Binary files /dev/null and b/board/__pycache__/engine.cpython-314.pyc differ
diff --git a/board/__pycache__/icons.cpython-314.pyc b/board/__pycache__/icons.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..72f741b1529d8a03dff5f96725d7a5e2ca7ed2fe
Binary files /dev/null and b/board/__pycache__/icons.cpython-314.pyc differ
diff --git a/board/__pycache__/pages.cpython-314.pyc b/board/__pycache__/pages.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..4d85d6385e41258a744479365572f43163b3dda4
Binary files /dev/null and b/board/__pycache__/pages.cpython-314.pyc differ
diff --git a/board/__pycache__/routes.cpython-314.pyc b/board/__pycache__/routes.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..ddbc2c6f1835f3c96fcb0bc999adc20d650b7f14
Binary files /dev/null and b/board/__pycache__/routes.cpython-314.pyc differ
diff --git a/board/__pycache__/tts.cpython-314.pyc b/board/__pycache__/tts.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..d570fa977a13b2b0da5b8ac76b01a0417ec87f5a
Binary files /dev/null and b/board/__pycache__/tts.cpython-314.pyc differ
diff --git a/board/engine.py b/board/engine.py
new file mode 100644
index 0000000000000000000000000000000000000000..cebe8e5b6f17f74fcab466002244b2c548921d0e
--- /dev/null
+++ b/board/engine.py
@@ -0,0 +1,569 @@
+"""
+Board AI Engine.
+Handles the interactive whiteboard: XML generation, parsing,
+icon/page resolution, TTS, and board state management.
+
+Now supports MULTIPLE SUBJECTS dynamically.
+Each subject loads its own folder, pages_base_url, etc.
+"""
+
+import re
+import json
+import requests
+from config import GPT_URL, MAX_CHAT_HISTORY
+from board.tts import TTSEngine
+from board.icons import IconResolver
+from board.pages import resolve_page_tags
+from subjects.loader import subject_loader
+from json_processor import BoardProcessor
+
+
+class BoardEngine:
+    """
+    Board AI Engine for a specific user session.
+    Supports any subject dynamically.
+    """
+
+    def __init__(self):
+        self.gpt_url = GPT_URL
+        self.board_processor = BoardProcessor()
+        self.tts_engine = TTSEngine()
+        self.icon_resolver = IconResolver()
+
+        # Per-user state: { username: { subject_id, conversation_history, last_sequence } }
+        self._user_sessions = {}
+
+        print("✅ BoardEngine initialized (multi-subject)")
+
+    # ─── User session management ───
+
+    def _get_user_session(self, username):
+        """Get or create a user's board session."""
+        if username not in self._user_sessions:
+            self._user_sessions[username] = {
+                "subject_id": None,
+                "conversation_history": [],
+                "last_sequence": [],
+            }
+        return self._user_sessions[username]
+
+    def set_subject(self, username, subject_id):
+        """Set the active subject for a user's board session."""
+        us = self._get_user_session(username)
+
+        # If switching subjects, clear history
+        if us["subject_id"] and us["subject_id"] != subject_id:
+            us["conversation_history"] = []
+            us["last_sequence"] = []
+            print(f"  🔄 Board subject switched: {us['subject_id']} → {subject_id} for {username}")
+
+        us["subject_id"] = subject_id
+        print(f"  📋 Board subject set: {subject_id} for {username}")
+
+    def get_subject(self, username):
+        """Get the active subject for a user."""
+        us = self._get_user_session(username)
+        return us.get("subject_id")
+
+    # ─── GPT call ───
+
+    def _call_gpt5(self, user_message, system_prompt, temperature=0.7, max_tokens=4000):
+        payload = {
+            "user_input": user_message,
+            "chat_history": [
+                {"role": "system", "content": system_prompt}
+            ],
+            "temperature": temperature,
+            "top_p": 0.95,
+            "max_completion_tokens": max_tokens
+        }
+        try:
+            response = requests.post(self.gpt_url, json=payload, timeout=120)
+            response.raise_for_status()
+            return response.json().get("assistant_response", "")
+        except requests.exceptions.Timeout:
+            print("    ❌ GPT timeout")
+            return None
+        except requests.exceptions.ConnectionError:
+            print("    ❌ GPT connection error")
+            return None
+        except Exception as e:
+            print(f"    ❌ GPT error: {e}")
+            return None
+
+    # ─── Chat history formatting ───
+
+    def _format_chat_history(self, username):
+        us = self._get_user_session(username)
+        history = us.get("conversation_history", [])
+        if not history:
+            return ""
+
+        recent = history[-10:]
+        parts = []
+        for msg in recent:
+            if msg["role"] == "user":
+                parts.append(f"الطالب: {msg['content']}")
+            elif msg["role"] == "assistant":
+                parts.append(f"المدرس: {msg['content']}")
+
+        return (
+            "\n\n══ سجل المحادثة السابقة ══\n"
+            + "\n".join(parts)
+            + "\n══ نهاية السجل ══"
+        )
+
+    # ─── Step 1: Route message ───
+
+    def _route_message(self, user_message, username):
+        us = self._get_user_session(username)
+        subject_id = us["subject_id"]
+        if not subject_id:
+            return "main.txt"
+
+        subject_data = subject_loader.load(subject_id)
+        if not subject_data:
+            return "main.txt"
+
+        structure = subject_data.get("structure.txt", "")
+        p_files = subject_data.get("_p_files", [])
+        chat_history_text = self._format_chat_history(username)
+
+        p_files_desc = "\n".join([f"- {f}: الفصل {i+1}" for i, f in enumerate(p_files)])
+
+        routing_prompt = f"""أنت نظام توجيه ذكي لمساعد تعليمي.
+
+مهمتك: تحليل رسالة الطالب واختيار الملف المناسب للرد.
+
+الملفات المتاحة:
+- main.txt: للتحيات، الأسئلة العامة، أي شيء لا يتعلق بفصل محدد
+{p_files_desc}
+
+فهرس الكتاب (للمساعدة في التوجيه):
+{structure}
+{chat_history_text}
+
+تعليمات:
+1. إذا كانت الرسالة تحية أو سؤال عام → main.txt
+2. إذا كانت تسأل عن موضوع في فصل محدد → الملف المناسب
+3. استخدم الفهرس لتحديد الفصل الصحيح
+4. مهم جداً: إذا قال الطالب "اشرح أكثر" أو "وضح" أو أي طلب متابعة، ارجع لسجل المحادثة لتعرف الموضوع الحالي واختر نفس الملف
+5. أجب فقط باسم الملف (مثال: p1.txt أو main.txt) بدون أي كلام إضافي
+
+رسالة الطالب: {user_message}
+
+الملف المناسب:"""
+
+        chosen = self._call_gpt5(
+            user_message, routing_prompt,
+            temperature=0.2, max_tokens=50
+        )
+
+        if not chosen:
+            return "main.txt"
+
+        chosen = chosen.strip().lower()
+        valid_files = ["main.txt"] + p_files
+
+        for v in valid_files:
+            if v in chosen:
+                return v
+
+        return "main.txt"
+
+    # ─── Step 2: Generate XML response ───
+
+    def _generate_xml_response(self, user_message, chosen_file, username):
+        us = self._get_user_session(username)
+        subject_id = us["subject_id"]
+        if not subject_id:
+            return None
+
+        subject_data = subject_loader.load(subject_id)
+        if not subject_data:
+            return None
+
+        file_content = subject_data.get(chosen_file, "")
+        chat_history_text = self._format_chat_history(username)
+
+        system_prompt = f"""انتي مدرسة خبيرة ومحترفة في هذه المادة. تشرح على سبورة تفاعلية رقمية.
+
+═══ صيغة الرد ═══
+
+يجب أن تردي بصيغة XML خاصة تحتوي على:
+
+1. <board>عناصر السبورة</board> - ما سيُرسم/يُضاف على السبورة أولاً
+2. <voice>نص الكلام</voice> - النص الذي سيُقرأ بصوت عالٍ للطالب بعد رسم العناصر (عربي طبيعي)
+
+═══ عناصر السبورة المتاحة (داخل <board>) ═══
+
+• <note>محتوى الملاحظة</note>
+
+• <text>نص مباشر على السبورة بدون خلفية</text>
+
+• <shape type="نوع_الشكل"/>
+  الأنواع: circle, triangle, star, arrow-right, arrow-left, arrow-up, arrow-down,
+  rectangle, diamond, hexagon, square, oval, arrow-double-h, checkmark, cross,
+  heart, cloud, lightning, speech, process, decision
+
+• <svg>كلمة_بحث_بالإنجليزية</svg>
+  سيتم البحث عن أيقونة مرسومة يدوياً (مثل: ball, car, force, spring, weight, rope, pulley)
+
+• <page>رقم_الصفحة</page>
+  لعرض صفحة محددة من الكتاب كصورة على السبورة
+  مثال: <page>12</page> لعرض الصفحة 12 من الكتاب
+  استخدمها عندما تحتاج تعرض للطالب صفحة معينة من الكتاب
+
+═══ قواعد مهمة جداً ═══
+
+1. اشرح خطوة بخطوة: ابدأ بـ <board> ثم <voice> ثم <board> ثم <voice> وهكذا
+2. اجعل الشرح متدرجاً كأنك تشرح على سبورة حقيقية أمام الطلاب
+3. <board> = ما يظهر على السبورة أولاً (ملاحظات، نصوص، أشكال، صور، صفحات الكتاب)
+4. <voice> = الكلام المسموع بعد رسم العناصر (طبيعي، ودود، واضح، يشرح ما تم رسمه)
+5. لا تضع كل شيء دفعة واحدة - اجعله تسلسلياً
+7. <svg> فقط بكلمات إنجليزية بسيطة ومعبرة
+8. السبورة تعمل بنظام الإضافة - العناصر السابقة تبقى
+9. استخدم <text> للعناوين والمعادلات المهمة (بدون خلفية)
+10. استخدم <note> للتوضيحات والملاحظات (مع خلفية ملونة)
+11. لا تستخدم أكثر من 3-4 عناصر في كل <board>
+12. اجعل النص في <voice> طبيعياً كأنك تتحدث مع طالب ويشرح ما تم رسمه على السبورة
+13. ارسم أولاً ثم تكلم - هذا مهم جداً!
+14. راجع سجل المحادثة السابقة لتعرف ما تم شرحه وتكمل من حيث توقفت - لا تكرر ما قلته سابقاً
+15. استخدم <page> عندما تريد عرض صفحة من الكتاب - مثلاً إذا الطالب سأل عن تمرين أو شكل في صفحة معينة
+
+when user talk about something not about the subject or something funny etc... you can actually answer without the board just VOICE and be funny smart perfect girl also:
+when you explain something dont make all your explain on the NOTE make the note for important point use the TEXT direct on the board and the ICONS/SHAPES
+
+═══ محتوى المادة ═══
+{file_content}
+{chat_history_text}
+
+═══ الآن أجب على سؤال الطالب ═══
+
+رسالة الطالب: {user_message}"""
+
+        response = self._call_gpt5(
+            user_message, system_prompt,
+            temperature=0.8, max_tokens=4000
+        )
+        return response
+
+    # ─── Resolve tags ───
+
+    def _resolve_svg_tags(self, xml_response):
+        if not xml_response:
+            return xml_response
+        return self.icon_resolver.resolve_all_in_xml(xml_response)
+
+    def _resolve_page_tags(self, xml_response, username):
+        if not xml_response:
+            return xml_response
+
+        us = self._get_user_session(username)
+        subject_id = us.get("subject_id")
+        if not subject_id:
+            return xml_response
+
+        base_url = subject_loader.get_pages_base_url(subject_id)
+        if not base_url:
+            print(f"    ⚠️ No pages_base_url for subject {subject_id}")
+            return xml_response
+
+        return resolve_page_tags(xml_response, base_url)
+
+    # ─── Build sequence from XML ───
+
+    def _build_sequence_from_xml(self, xml_response, frontend_board_state):
+        sequence = []
+
+        if not xml_response:
+            return sequence, frontend_board_state
+
+        pattern = r'<(voice|board)>(.*?)</\1>'
+        matches = list(re.finditer(pattern, xml_response, re.DOTALL))
+
+        if not matches:
+            cleaned = re.sub(r'<[^>]+>', '', xml_response).strip()
+            if cleaned:
+                sequence.append({
+                    "type": "voice",
+                    "text": cleaned,
+                    "audio_url": None
+                })
+            return sequence, frontend_board_state
+
+        current_board_state = list(frontend_board_state)
+
+        for match in matches:
+            tag_type = match.group(1)
+            content = match.group(2).strip()
+
+            if tag_type == "voice":
+                cleaned = re.sub(r'<[^>]+>', '', content).strip()
+                if cleaned:
+                    sequence.append({
+                        "type": "voice",
+                        "text": cleaned,
+                        "audio_url": None
+                    })
+
+            elif tag_type == "board":
+                existing_json_str = json.dumps(
+                    current_board_state, ensure_ascii=False, indent=2
+                )
+
+                processor_input = (
+                    f"BOARD NOW (make sure no X Y error):\n"
+                    f"{existing_json_str}\n\n"
+                    f"new board need to add :\n"
+                    f"<board>{content}</board>"
+                )
+
+                print(f"    🔧 Sending to json_processor...")
+                print(f"       Current board items: {len(current_board_state)}")
+
+                try:
+                    json_text = self.board_processor.convert_xml_to_json(
+                        processor_input
+                    )
+
+                    if json_text:
+                        new_items = json.loads(json_text)
+
+                        if isinstance(new_items, list) and new_items:
+                            added_items = []
+                            existing_ids = set()
+                            for item in current_board_state:
+                                item_key = json.dumps(
+                                    item, sort_keys=True, ensure_ascii=False
+                                )
+                                existing_ids.add(item_key)
+
+                            for item in new_items:
+                                item_key = json.dumps(
+                                    item, sort_keys=True, ensure_ascii=False
+                                )
+                                if item_key not in existing_ids:
+                                    added_items.append(item)
+
+                            if added_items:
+                                sequence.append({
+                                    "type": "board_update",
+                                    "action": "add",
+                                    "items": added_items
+                                })
+
+                            current_board_state.extend(added_items)
+                            print(
+                                f"    ✅ json_processor: "
+                                f"{len(new_items)} total, "
+                                f"{len(added_items)} new"
+                            )
+
+                        elif isinstance(new_items, dict):
+                            added_items = [new_items]
+                            current_board_state.append(new_items)
+                            sequence.append({
+                                "type": "board_update",
+                                "action": "add",
+                                "items": added_items
+                            })
+                            print(f"    ✅ json_processor: 1 item")
+
+                        else:
+                            print(f"    ⚠️ json_processor: unexpected format")
+
+                except json.JSONDecodeError as e:
+                    print(f"    ❌ json_processor invalid JSON: {e}")
+                    raw_preview = json_text[:200] if json_text else 'None'
+                    print(f"    Raw: {raw_preview}")
+                except Exception as e:
+                    print(f"    ❌ json_processor error: {e}")
+
+        return sequence, current_board_state
+
+    # ─── MAIN PIPELINE ───
+
+    def process_message(self, user_message, username, frontend_board_state=None):
+        """
+        Main board pipeline for any subject.
+
+        Args:
+            user_message: Student's text
+            username: User identifier
+            frontend_board_state: Current board items from frontend (source of truth)
+
+        Returns:
+            dict with success, sequence, board_state, chosen_file
+        """
+        us = self._get_user_session(username)
+        subject_id = us.get("subject_id")
+
+        print(f"\n{'═' * 60}")
+        print(f"  👤 Student ({username}): {user_message}")
+        print(f"  📚 Subject: {subject_id}")
+        print(f"{'═' * 60}")
+
+        if not subject_id:
+            return {
+                "success": False,
+                "error": "لم يتم تحديد المادة للسبورة",
+                "sequence": [{
+                    "type": "voice",
+                    "text": "يرجى اختيار المادة أولاً.",
+                    "audio_url": None
+                }],
+                "board_state": frontend_board_state or []
+            }
+
+        if frontend_board_state is None:
+            frontend_board_state = []
+
+        print(f"  📋 Board state from frontend: {len(frontend_board_state)} items")
+        print(f"  💬 Chat history: {len(us.get('conversation_history', []))} messages")
+
+        # Step 1: Route
+        print("\n  📝 Step 1: Routing message...")
+        chosen_file = self._route_message(user_message, username)
+        print(f"  📂 Chosen file: {chosen_file}")
+
+        # Step 2: Generate XML
+        print(f"  🤖 Step 2: Generating XML response...")
+        xml_response = self._generate_xml_response(user_message, chosen_file, username)
+
+        if not xml_response:
+            print("  ❌ Failed to generate response")
+            error_seq = [{
+                "type": "voice",
+                "text": "عذراً، حدث خطأ في النظام. حاول مرة أخرى.",
+                "audio_url": None
+            }]
+            return {
+                "success": False,
+                "error": "Failed to generate response",
+                "sequence": error_seq,
+                "board_state": frontend_board_state
+            }
+
+        print(f"  📝 XML response: {len(xml_response)} chars")
+
+        # Step 3: Resolve <page> tags
+        print("  📄 Step 3: Resolving <page> tags...")
+        xml_response = self._resolve_page_tags(xml_response, username)
+
+        # Step 4: Resolve <svg> tags
+        print("  🎨 Step 4: Resolving <svg> tags...")
+        xml_response = self._resolve_svg_tags(xml_response)
+
+        # Step 5: Parse XML + convert boards
+        print("  🔧 Step 5: Parsing XML & converting boards...")
+        sequence, updated_board_state = self._build_sequence_from_xml(
+            xml_response, frontend_board_state
+        )
+
+        voice_count = sum(1 for s in sequence if s['type'] == 'voice')
+        board_count = sum(1 for s in sequence if s['type'] == 'board_update')
+        print(f"  📊 {len(sequence)} segments ({voice_count} voice, {board_count} board)")
+
+        # Step 6: Convert voice → audio
+        print("  🔊 Step 6: Converting voice to audio...")
+        for item in sequence:
+            if item["type"] == "voice" and item.get("text"):
+                text_preview = item['text'][:50]
+                print(f"    🎙️ Converting: '{text_preview}...'")
+                audio_file = self.tts_engine.convert(item["text"])
+                if audio_file:
+                    item["audio_url"] = f"/static/{audio_file}"
+                else:
+                    item["audio_url"] = None
+                    print(f"    ⚠️ TTS failed for this segment")
+
+        # Step 7: Save chat history
+        us["conversation_history"].append({
+            "role": "user",
+            "content": user_message
+        })
+
+        voice_texts = [
+            s["text"] for s in sequence
+            if s["type"] == "voice" and s.get("text")
+        ]
+        assistant_text = " ".join(voice_texts)
+        if assistant_text:
+            us["conversation_history"].append({
+                "role": "assistant",
+                "content": assistant_text
+            })
+
+        # Keep history manageable
+        if len(us["conversation_history"]) > MAX_CHAT_HISTORY:
+            us["conversation_history"] = us["conversation_history"][-MAX_CHAT_HISTORY:]
+
+        # Step 8: Store sequence for replay
+        us["last_sequence"] = sequence
+
+        # Cleanup old audio
+        self.tts_engine.cleanup_old_files()
+
+        print(f"\n  ✅ Response ready!")
+        print(f"     Sequence: {voice_count} voice + {board_count} board")
+        print(f"     Board items: {len(updated_board_state)}")
+        print(f"{'═' * 60}\n")
+
+        return {
+            "success": True,
+            "chosen_file": chosen_file,
+            "sequence": sequence,
+            "board_state": updated_board_state
+        }
+
+    # ─── Replay ───
+
+    def get_replay_sequence(self, username):
+        us = self._get_user_session(username)
+        last_seq = us.get("last_sequence", [])
+
+        if not last_seq:
+            return {
+                "success": False,
+                "error": "No previous response to replay",
+                "sequence": []
+            }
+
+        voice_only = []
+        for item in last_seq:
+            if item["type"] == "voice":
+                voice_only.append({
+                    "type": "voice",
+                    "text": item.get("text", ""),
+                    "audio_url": item.get("audio_url")
+                })
+
+        print(f"  🔄 Replay: {len(voice_only)} voice segments (no board items)")
+
+        return {
+            "success": True,
+            "sequence": voice_only
+        }
+
+    # ─── Clear ───
+
+    def clear_board(self, username):
+        us = self._get_user_session(username)
+        us["last_sequence"] = []
+        print(f"  🗑️ Board cleared for {username}")
+        return {"success": True, "board_state": []}
+
+    def clear_chat_history(self, username):
+        us = self._get_user_session(username)
+        us["conversation_history"] = []
+        us["last_sequence"] = []
+        print(f"  🗑️ Board chat history cleared for {username}")
+        return {"success": True}
+
+    def clear_user_session(self, username):
+        """Fully clear a user's board session."""
+        if username in self._user_sessions:
+            del self._user_sessions[username]
+            print(f"  🗑️ Full board session cleared for {username}")
+        return {"success": True}
\ No newline at end of file
diff --git a/board/icons.py b/board/icons.py
new file mode 100644
index 0000000000000000000000000000000000000000..95e5d19520d474cd35276f5f41bf848f979dc775
--- /dev/null
+++ b/board/icons.py
@@ -0,0 +1,93 @@
+"""
+Icon resolver using Icons8 API.
+Resolves <svg>keyword</svg> tags to real image URLs.
+"""
+
+import re
+import requests
+from config import ICONS8_SEARCH_URL, ICONS8_IMAGE_URL
+
+
+class IconResolver:
+    """Resolves <svg>keyword</svg> tags to Icons8 hand-drawn icon URLs."""
+
+    def __init__(self):
+        self._cache = {}
+        print("  ✔ IconResolver initialized (Icons8 hand-drawn)")
+
+    def resolve(self, search_term):
+        if not search_term or not search_term.strip():
+            return None
+
+        term = search_term.strip().lower()
+
+        if term in self._cache:
+            cached = self._cache[term]
+            print(f"    🎨 Icon cache hit: '{term}' → {cached}")
+            return cached
+
+        url = ICONS8_SEARCH_URL.format(term=requests.utils.quote(term))
+
+        try:
+            resp = requests.get(url, timeout=15)
+            resp.raise_for_status()
+            data = resp.json()
+
+            if data.get("success") and data.get("icons"):
+                first_icon = data["icons"][0]
+                icon_id = first_icon["id"]
+                icon_name = first_icon.get("name", term)
+                image_url = ICONS8_IMAGE_URL.format(icon_id=icon_id)
+                self._cache[term] = image_url
+                print(f"    🎨 Icon found: '{term}' → '{icon_name}' (id={icon_id})")
+                return image_url
+            else:
+                print(f"    ⚠️ No icon found for: '{term}'")
+                self._cache[term] = None
+                return None
+
+        except requests.exceptions.Timeout:
+            print(f"    ❌ Icon search timeout for: '{term}'")
+            return None
+        except requests.exceptions.ConnectionError:
+            print(f"    ❌ Icon search connection error for: '{term}'")
+            return None
+        except Exception as e:
+            print(f"    ❌ Icon search error for '{term}': {e}")
+            return None
+
+    def resolve_all_in_xml(self, xml_text):
+        """Replace all <svg>keyword</svg> tags with <img> tags."""
+        if not xml_text:
+            return xml_text
+
+        pattern = r'<svg>(.*?)</svg>'
+        matches = list(re.finditer(pattern, xml_text, re.DOTALL))
+
+        if not matches:
+            return xml_text
+
+        print(f"    📝 Found {len(matches)} <svg> tag(s) to resolve...")
+
+        result = xml_text
+        for match in reversed(matches):
+            keyword = match.group(1).strip()
+            start = match.start()
+            end = match.end()
+
+            image_url = self.resolve(keyword)
+
+            if image_url:
+                replacement = (
+                    f'<img src="{image_url}" alt="{keyword}" '
+                    f'w="100" h="100"/>'
+                )
+            else:
+                replacement = (
+                    f'<note color="white" w="120" h="80">'
+                    f'🖼️ {keyword}</note>'
+                )
+
+            result = result[:start] + replacement + result[end:]
+
+        return result
\ No newline at end of file
diff --git a/board/pages.py b/board/pages.py
new file mode 100644
index 0000000000000000000000000000000000000000..0cbb63aac026a6ca5877f3abcc3c19a910f4b89f
--- /dev/null
+++ b/board/pages.py
@@ -0,0 +1,70 @@
+"""
+Page URL builder.
+Converts <page>NUMBER</page> tags to real image URLs.
+Each subject can have its own pages_base_url.
+"""
+
+import re
+
+
+def build_page_url(page_number, base_url):
+    """
+    Convert a page number to the full image URL using the subject's base URL.
+    base_url must contain {page_num} placeholder.
+    Example base_url:
+        https://huggingface.co/.../page_{page_num}.png
+    """
+    if not base_url:
+        print(f"    ❌ No pages_base_url configured")
+        return None
+
+    try:
+        num = int(str(page_number).strip())
+        page_str = str(num).zfill(4)
+        url = base_url.format(page_num=page_str)
+        print(f"    📄 Page {num} → {url}")
+        return url
+    except (ValueError, TypeError):
+        print(f"    ❌ Invalid page number: {page_number}")
+        return None
+
+
+def resolve_page_tags(xml_text, base_url):
+    """
+    Find all <page>NUMBER</page> tags in the XML and replace them
+    with <img> tags using the subject's base URL.
+    """
+    if not xml_text:
+        return xml_text
+
+    pattern = r'<page>\s*(.*?)\s*</page>'
+    matches = list(re.finditer(pattern, xml_text, re.DOTALL))
+
+    if not matches:
+        return xml_text
+
+    print(f"    📖 Found {len(matches)} <page> tag(s) to resolve...")
+
+    result = xml_text
+    for match in reversed(matches):
+        page_num_raw = match.group(1).strip()
+        start = match.start()
+        end = match.end()
+
+        url = build_page_url(page_num_raw, base_url)
+
+        if url:
+            replacement = (
+                f'<img ubtype="upload" src="{url}" '
+                f'alt="صفحة {page_num_raw}" '
+                f'w="600" h="800"/>'
+            )
+        else:
+            replacement = (
+                f'<note color="white" w="200" h="80">'
+                f'📄 صفحة {page_num_raw}</note>'
+            )
+
+        result = result[:start] + replacement + result[end:]
+
+    return result
\ No newline at end of file
diff --git a/board/routes.py b/board/routes.py
new file mode 100644
index 0000000000000000000000000000000000000000..ac0a4a21f7951b5ea8a5b9fc53062482362b6720
--- /dev/null
+++ b/board/routes.py
@@ -0,0 +1,252 @@
+"""
+Board API routes.
+Interactive whiteboard endpoints.
+Now supports multiple subjects per user.
+"""
+
+from flask import Blueprint, request, jsonify, session, render_template, redirect, url_for, flash, send_from_directory
+from auth.helpers import is_session_valid
+from database.users import get_user
+from subjects.access import validate_user_subject_access
+from subjects.definitions import get_subject_name, is_board_enabled, SUBJECTS
+from subjects.loader import subject_loader
+
+board_bp = Blueprint('board', __name__)
+
+# Reference to board engine - set from app.py
+_board_engine = None
+
+
+def init_board_engine(engine):
+    global _board_engine
+    _board_engine = engine
+
+
+@board_bp.route('/board/<subject_id>')
+def board_page(subject_id):
+    """
+    Render the board page for a specific subject.
+    URL: /board/physics_mechanic
+    """
+    if not is_session_valid():
+        session.clear()
+        flash('انتهت الجلسة، يرجى تسجيل الدخول مرة أخرى.', 'error')
+        return redirect(url_for('auth.login'))
+
+    username = session['username']
+    user_data = get_user(username)
+
+    if not user_data or not user_data.get('verified', False):
+        flash('حسابك غير مفعّل. تواصل مع الإدارة.', 'error')
+        return redirect(url_for('dashboard'))
+
+    # Validate access
+    has_access, access_error = validate_user_subject_access(username, subject_id)
+    if not has_access:
+        flash(access_error, 'error')
+        return redirect(url_for('dashboard'))
+
+    # Check if subject supports board
+    if not is_board_enabled(subject_id):
+        flash('هذه المادة لا تدعم السبورة التفاعلية حالياً.', 'error')
+        return redirect(url_for('dashboard'))
+
+    # Load subject data
+    subject_data = subject_loader.load(subject_id)
+    if not subject_data:
+        flash(f"مجلد المادة '{subject_id}' غير موجود على الخادم.", 'error')
+        return redirect(url_for('dashboard'))
+
+    # Set subject in board engine
+    _board_engine.set_subject(username, subject_id)
+
+    # Get subject display name
+    student_type = user_data.get('student_type', 'علمي')
+    subject_name = get_subject_name(student_type, subject_id)
+
+    return render_template('board.html',
+                           username=username,
+                           subject_id=subject_id,
+                           subject_name=subject_name)
+
+
+@board_bp.route('/api/board/message', methods=['POST'])
+def handle_board_message():
+    """
+    Process a student message on the board.
+
+    EXPECTS JSON:
+    {
+        "message": "student text",
+        "board_state": [... current board items from frontend ...],
+        "subject_id": "physics_mechanic"  (optional, uses current if not sent)
+    }
+    """
+    if not is_session_valid():
+        return jsonify({"error": "غير مصرح", "code": "unauthorized"}), 401
+
+    data = request.get_json()
+    if not data:
+        return jsonify({"error": "No JSON data"}), 400
+
+    username = session['username']
+    user_message = (data.get('message', '') or '').strip()
+
+    if not user_message:
+        return jsonify({"error": "Empty message"}), 400
+
+    # Validate user
+    user = get_user(username)
+    if not user or not user.get('verified', False):
+        return jsonify({"error": "غير مصرح"}), 403
+
+    # Handle subject_id - can be sent with each request or use current
+    subject_id = data.get('subject_id', '').strip()
+    if subject_id:
+        # Validate access
+        has_access, access_error = validate_user_subject_access(username, subject_id)
+        if not has_access:
+            return jsonify({"error": access_error, "code": "no_access"}), 403
+
+        # Check board support
+        if not is_board_enabled(subject_id):
+            return jsonify({"error": "هذه المادة لا تدعم السبورة التفاعلية"}), 400
+
+        # Set/switch subject
+        _board_engine.set_subject(username, subject_id)
+    else:
+        # Use current subject
+        subject_id = _board_engine.get_subject(username)
+        if not subject_id:
+            return jsonify({"error": "لم يتم تحديد المادة للسبورة", "need_subject": True}), 400
+
+    # Get board state from frontend
+    frontend_board_state = data.get('board_state', [])
+    if not isinstance(frontend_board_state, list):
+        frontend_board_state = []
+
+    print(f"\n  📥 Board message from {username}:")
+    print(f"     Subject: {subject_id}")
+    print(f"     Message: {user_message[:80]}...")
+    print(f"     Board state: {len(frontend_board_state)} items")
+
+    try:
+        result = _board_engine.process_message(
+            user_message, username, frontend_board_state
+        )
+        return jsonify(result)
+    except Exception as e:
+        print(f"❌ Error processing board message: {e}")
+        import traceback
+        traceback.print_exc()
+        return jsonify({
+            "success": False,
+            "error": str(e),
+            "sequence": [{
+                "type": "voice",
+                "text": "عذراً، حدث خطأ غير متوقع.",
+                "audio_url": None
+            }],
+            "board_state": frontend_board_state
+        }), 500
+
+
+@board_bp.route('/api/board/replay', methods=['POST'])
+def replay_last():
+    """Replay the last response. Returns ONLY voice segments."""
+    if not is_session_valid():
+        return jsonify({"error": "غير مصرح"}), 401
+
+    username = session['username']
+    result = _board_engine.get_replay_sequence(username)
+    return jsonify(result)
+
+
+@board_bp.route('/api/board/state', methods=['GET'])
+def get_board_state():
+    """Get board state (frontend is source of truth)."""
+    if not is_session_valid():
+        return jsonify({"error": "غير مصرح"}), 401
+    return jsonify({"board_state": []})
+
+
+@board_bp.route('/api/board/clear', methods=['POST'])
+def clear_board():
+    """Clear the board completely."""
+    if not is_session_valid():
+        return jsonify({"error": "غير مصرح"}), 401
+
+    username = session['username']
+    result = _board_engine.clear_board(username)
+    return jsonify(result)
+
+
+@board_bp.route('/api/board/chat/clear', methods=['POST'])
+def clear_board_chat():
+    """Clear board conversation history."""
+    if not is_session_valid():
+        return jsonify({"error": "غير مصرح"}), 401
+
+    username = session['username']
+    result = _board_engine.clear_chat_history(username)
+    return jsonify(result)
+
+
+@board_bp.route('/api/board/sync', methods=['POST'])
+def sync_board_state():
+    """Sync board state from frontend (compatibility endpoint)."""
+    if not is_session_valid():
+        return jsonify({"error": "غير مصرح"}), 401
+    return jsonify({"success": True})
+
+
+@board_bp.route('/api/board/set-subject', methods=['POST'])
+def set_board_subject():
+    """
+    Set/switch the board subject.
+
+    EXPECTS JSON:
+    {
+        "subject_id": "physics_mechanic"
+    }
+    """
+    if not is_session_valid():
+        return jsonify({"error": "غير مصرح"}), 401
+
+    data = request.get_json()
+    if not data:
+        return jsonify({"error": "No JSON data"}), 400
+
+    username = session['username']
+    subject_id = data.get('subject_id', '').strip()
+
+    if not subject_id:
+        return jsonify({"error": "يرجى تحديد المادة"}), 400
+
+    # Validate access
+    has_access, access_error = validate_user_subject_access(username, subject_id)
+    if not has_access:
+        return jsonify({"error": access_error, "code": "no_access"}), 403
+
+    # Check board support
+    if not is_board_enabled(subject_id):
+        return jsonify({"error": "هذه المادة لا تدعم السبورة التفاعلية"}), 400
+
+    # Load subject
+    subject_data = subject_loader.load(subject_id)
+    if not subject_data:
+        return jsonify({"error": f"مجلد المادة '{subject_id}' غير موجود"}), 404
+
+    # Set subject
+    _board_engine.set_subject(username, subject_id)
+
+    user = get_user(username)
+    student_type = user.get('student_type', 'علمي')
+    subject_name = get_subject_name(student_type, subject_id)
+
+    return jsonify({
+        "success": True,
+        "subject_id": subject_id,
+        "subject_name": subject_name,
+        "message": f"تم تحديد مادة '{subject_name}' للسبورة"
+    })
\ No newline at end of file
diff --git a/board/tts.py b/board/tts.py
new file mode 100644
index 0000000000000000000000000000000000000000..0a805e6618a4b71ad6f4ade3a6747006fb04eb72
--- /dev/null
+++ b/board/tts.py
@@ -0,0 +1,78 @@
+"""
+Text-to-Speech engine.
+Converts Arabic text to audio files.
+"""
+
+import os
+import uuid
+import requests
+from pathlib import Path
+from config import TTS_URL, AUDIO_OUTPUT_DIR, MAX_AUDIO_FILES
+
+
+class TTSEngine:
+    def __init__(self):
+        self.synthesize_endpoint = f"{TTS_URL}/synthesize"
+        self.output_dir = AUDIO_OUTPUT_DIR
+        Path(self.output_dir).mkdir(parents=True, exist_ok=True)
+        print("  ✔ TTSEngine initialized")
+
+    def convert(self, text, voice_id=None):
+        if not text or not text.strip():
+            return None
+
+        clean_text = text.strip()
+        if len(clean_text) < 2:
+            return None
+
+        file_id = uuid.uuid4().hex[:12]
+        filename = f"audio/voice_{file_id}.mp3"
+        filepath = os.path.join("static", filename)
+
+        payload = {"text": clean_text}
+        if voice_id:
+            payload["voice_id"] = voice_id
+
+        headers = {"Content-Type": "application/json"}
+
+        try:
+            response = requests.post(
+                self.synthesize_endpoint,
+                headers=headers,
+                json=payload,
+                timeout=60
+            )
+
+            if response.status_code == 200 and len(response.content) > 500:
+                with open(filepath, 'wb') as f:
+                    f.write(response.content)
+                file_size = os.path.getsize(filepath)
+                print(f"    🔊 TTS saved: {filename} ({file_size} bytes)")
+                return filename
+            else:
+                print(
+                    f"    ❌ TTS error: status={response.status_code}, "
+                    f"size={len(response.content)}"
+                )
+                return None
+
+        except requests.exceptions.Timeout:
+            print("    ❌ TTS timeout")
+            return None
+        except Exception as e:
+            print(f"    ❌ TTS error: {e}")
+            return None
+
+    def cleanup_old_files(self):
+        audio_dir = Path(self.output_dir)
+        files = sorted(
+            audio_dir.glob("voice_*.mp3"),
+            key=lambda f: f.stat().st_mtime
+        )
+        if len(files) > MAX_AUDIO_FILES:
+            for f in files[:len(files) - MAX_AUDIO_FILES]:
+                try:
+                    f.unlink()
+                    print(f"    🗑️ Cleaned: {f.name}")
+                except Exception:
+                    pass
\ No newline at end of file
diff --git a/chat/__init__.py b/chat/__init__.py
new file mode 100644
index 0000000000000000000000000000000000000000..500faae9b3c2a15f34e7979583114794107b24aa
--- /dev/null
+++ b/chat/__init__.py
@@ -0,0 +1,4 @@
+"""
+Chat package.
+Handles text chat with AI (non-board mode).
+"""
\ No newline at end of file
diff --git a/chat/__pycache__/__init__.cpython-314.pyc b/chat/__pycache__/__init__.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..0a27da59fd1322c9e5f7235c087da11191180df6
Binary files /dev/null and b/chat/__pycache__/__init__.cpython-314.pyc differ
diff --git a/chat/__pycache__/agent.cpython-314.pyc b/chat/__pycache__/agent.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..67b497598df5ac41a7f6942c042774811146f03e
Binary files /dev/null and b/chat/__pycache__/agent.cpython-314.pyc differ
diff --git a/chat/__pycache__/history.cpython-314.pyc b/chat/__pycache__/history.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..da78994ca19ed25d7957e57cea057ca094a96e4c
Binary files /dev/null and b/chat/__pycache__/history.cpython-314.pyc differ
diff --git a/chat/__pycache__/routes.cpython-314.pyc b/chat/__pycache__/routes.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..7880037ad4c8fe8ff8f9ed63671b25f3b6c5d951
Binary files /dev/null and b/chat/__pycache__/routes.cpython-314.pyc differ
diff --git a/chat/agent.py b/chat/agent.py
new file mode 100644
index 0000000000000000000000000000000000000000..88a79ea54e242999d536ce3c3e3e5f957ff4c6c3
--- /dev/null
+++ b/chat/agent.py
@@ -0,0 +1,410 @@
+"""
+AI Agent for text chat mode.
+Handles routing, GPT responses, Mistral streaming,
+voice transcription, and image analysis.
+"""
+
+import json
+import requests
+from datetime import datetime, timezone
+from config import GPT_URL, MISTRAL_COOKIE, TRANSCRIPT_URL, CLOUDINARY_URL, CLOUDINARY_PRESET
+from chat.history import ChatHistory
+from subjects.loader import subject_loader
+from database.chat_history import save_user_chat_to_db, load_user_chat_from_db
+
+
+class AIAgent:
+    def __init__(self):
+        self.gpt_url = GPT_URL
+        self.mistral_cookie = MISTRAL_COOKIE
+        self.transcript_base_url = TRANSCRIPT_URL
+        self.cloudinary_url = CLOUDINARY_URL
+        self.cloudinary_preset = CLOUDINARY_PRESET
+
+        self.chat_history = ChatHistory()
+
+        # Exam sessions (in-memory)
+        self.exam_sessions = {}
+        self.exam_lock = __import__('threading').Lock()
+
+        print("✅ AIAgent initialized")
+
+    # ─── GPT call ───
+
+    def _call_gpt5(self, user_message, system_prompt, temperature=0.7):
+        payload = {
+            "user_input": user_message,
+            "chat_history": [{"role": "system", "content": system_prompt}],
+            "temperature": temperature,
+            "top_p": 0.95,
+            "max_completion_tokens": 4000
+        }
+        try:
+            response = requests.post(self.gpt_url, json=payload, timeout=120)
+            response.raise_for_status()
+            return response.json().get("assistant_response", "")
+        except Exception as e:
+            print(f"❌ GPT-5 Error: {e}")
+            return None
+
+    def _call_gpt5_multipart(self, image_url, text_prompt, system_prompt, temperature=0.7):
+        payload = {
+            "user_input": None,
+            "chat_history": [
+                {"role": "system", "content": system_prompt},
+                {
+                    "role": "user",
+                    "type": "multipart",
+                    "content": [
+                        {"type": "image", "url": image_url},
+                        {"type": "text", "text": text_prompt}
+                    ]
+                }
+            ],
+            "temperature": temperature,
+            "top_p": 0.95,
+            "max_completion_tokens": 4000
+        }
+        try:
+            response = requests.post(self.gpt_url, json=payload, timeout=120)
+            response.raise_for_status()
+            return response.json().get("assistant_response", "")
+        except Exception as e:
+            print(f"❌ GPT-5 Multipart Error: {e}")
+            return None
+
+    # ─── Mistral streaming ───
+
+    def _call_mistral_stream(self, user_message, file_content, session_id):
+        chat_context = self.chat_history.get_full_context(session_id)
+
+        full_prompt = f"""{file_content}
+
+=== سياق المحادثة ===
+{chat_context if chat_context else "هذه بداية المحادثة مع الطالب."}
+=== نهاية السياق ===
+
+سؤال الطالب الحالي: {user_message}
+
+إجابتك:"""
+
+        headers = {
+            "Content-Type": "application/json",
+            "Cookie": self.mistral_cookie,
+            "user-agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36"
+        }
+
+        payload = {
+            "inputs": [{
+                "object": "entry",
+                "type": "message.input",
+                "created_at": datetime.now(timezone.utc).isoformat(),
+                "role": "user",
+                "content": full_prompt,
+                "prefix": False
+            }],
+            "stream": True,
+            "instructions": "",
+            "tools": [],
+            "completion_args": {
+                "temperature": 0.7,
+                "top_p": 0.95,
+                "max_tokens": 4096
+            },
+            "model": "mistral-medium-latest"
+        }
+
+        try:
+            response = requests.post(
+                "https://console.mistral.ai/api-ui/bora/v1/conversations",
+                headers=headers,
+                json=payload,
+                stream=True,
+                timeout=120
+            )
+
+            if response.status_code not in [200, 201]:
+                error_msg = f"Mistral Error: {response.status_code} - {response.text[:500]}"
+                yield json.dumps({"error": error_msg}) + "\n"
+                return
+
+            full_response = ""
+            for line in response.iter_lines():
+                if line:
+                    line = line.decode('utf-8')
+                    if line.startswith('data: '):
+                        try:
+                            data = json.loads(line[6:])
+                            if data.get('type') == 'message.output.delta':
+                                content = data.get('content', '')
+                                if content:
+                                    full_response += content
+                                    yield json.dumps({"chunk": content}) + "\n"
+                        except json.JSONDecodeError:
+                            continue
+
+            if full_response:
+                self.chat_history.add_message(session_id, "assistant", full_response)
+
+            yield json.dumps({"done": True, "full_response": full_response}) + "\n"
+
+        except requests.exceptions.Timeout:
+            yield json.dumps({"error": "انتهت مهلة الاتصال بالخادم. حاول مرة أخرى."}) + "\n"
+        except requests.exceptions.ConnectionError:
+            yield json.dumps({"error": "خطأ في الاتصال بالخادم."}) + "\n"
+        except Exception as e:
+            yield json.dumps({"error": str(e)}) + "\n"
+
+    # ─── Routing ───
+
+    def route_message(self, user_message, session_id):
+        subject_id = self.chat_history.get_subject(session_id)
+        subject_data = subject_loader.load(subject_id) if subject_id else None
+        if not subject_data:
+            return "main.txt"
+
+        structure_content = subject_data.get("structure.txt", "")
+        chat_context = self.chat_history.get_full_context(session_id)
+        last_file = self.chat_history.get_last_file(session_id)
+        p_files = subject_data.get("_p_files", [])
+        p_files_list = "\n".join([f"- {f}" for f in p_files])
+
+        routing_prompt = f"""{structure_content}
+
+**الملفات المتاحة:**
+- main.txt: للتحيات والأسئلة العامة
+{p_files_list}
+
+**سياق المحادثة:**
+{chat_context if chat_context else "لا يوجد سياق سابق"}
+
+**الملف الأخير المستخدم:** {last_file if last_file else "لا يوجد"}
+
+**تعليمات:**
+- إذا كانت الرسالة متابعة لموضوع سابق → استخدم نفس الملف الأخير: {last_file if last_file else "main.txt"}
+- إذا قال الطالب "استمر" أو "أكمل" → استخدم نفس الملف الأخير
+- أجب **فقط** باسم الملف (مثال: p1.txt أو main.txt)
+
+رسالة الطالب: {user_message}
+
+الملف المناسب:"""
+
+        chosen_file = self._call_gpt5(user_message, routing_prompt, temperature=0.2)
+
+        if not chosen_file:
+            return last_file if last_file else "main.txt"
+
+        chosen_file = chosen_file.strip().lower()
+        valid_files = ["main.txt"] + p_files
+
+        for vf in valid_files:
+            if vf in chosen_file:
+                return vf
+
+        return last_file if last_file else "main.txt"
+
+    # ─── GPT response ───
+
+    def respond_gpt(self, user_message, chosen_file, session_id):
+        subject_id = self.chat_history.get_subject(session_id)
+        subject_data = subject_loader.load(subject_id) if subject_id else None
+        if not subject_data:
+            return "عذراً، لم يتم تحديد المادة. يرجى اختيار المادة أولاً."
+
+        main_content = subject_data.get("main.txt", "")
+        chat_context = self.chat_history.get_full_context(session_id)
+
+        system_prompt = f"""{main_content}
+
+=== سياق المحادثة السابقة ===
+{chat_context if chat_context else "هذه بداية المحادثة."}
+=== نهاية السياق ==="""
+
+        self.chat_history.add_message(session_id, "user", user_message)
+        response = self._call_gpt5(user_message, system_prompt, temperature=0.8)
+
+        if response:
+            self.chat_history.add_message(session_id, "assistant", response)
+            return response
+        else:
+            err = "عذراً، حدث خطأ في النظام. حاول مرة أخرى."
+            self.chat_history.add_message(session_id, "assistant", err)
+            return err
+
+    # ─── Mistral response ───
+
+    def respond_mistral_stream(self, user_message, chosen_file, session_id):
+        subject_id = self.chat_history.get_subject(session_id)
+        subject_data = subject_loader.load(subject_id) if subject_id else None
+        if not subject_data:
+            def error_gen():
+                yield json.dumps({"error": "عذراً، لم يتم تحديد المادة."}) + "\n"
+            return error_gen()
+
+        file_content = subject_data.get(chosen_file, "")
+        self.chat_history.add_message(session_id, "user", user_message)
+        return self._call_mistral_stream(user_message, file_content, session_id)
+
+    # ─── Process message (route + decide) ───
+
+    def process_message(self, user_message, session_id):
+        subject = self.chat_history.get_subject(session_id)
+        if not subject:
+            return None, "no_subject"
+
+        subject_data = subject_loader.load(subject)
+        if not subject_data:
+            return None, "subject_not_found"
+
+        chosen_file = self.route_message(user_message, session_id)
+        self.chat_history.set_last_file(session_id, chosen_file)
+
+        print(f"📀 Subject: {subject} | Routed to: {chosen_file} | Session: {session_id}")
+        return chosen_file, "ok"
+
+    # ─── Subject session management ───
+
+    def select_subject(self, username, session_id, subject_id):
+        """Select a subject and load/restore chat history."""
+        current_subject = self.chat_history.get_subject(session_id)
+
+        # Save current subject chat before switching
+        if current_subject and current_subject != subject_id:
+            raw = self.chat_history.get_raw_session(session_id)
+            save_user_chat_to_db(username, current_subject, raw)
+
+        # Clear and set new subject
+        self.chat_history.clear_session(session_id)
+        self.chat_history.set_subject(session_id, subject_id)
+
+        # Try to restore saved chat
+        saved = load_user_chat_from_db(username, subject_id)
+        if saved:
+            self.chat_history.restore_session(session_id, saved)
+
+        # Save immediately
+        raw = self.chat_history.get_raw_session(session_id)
+        save_user_chat_to_db(username, subject_id, raw)
+
+    def save_current_chat(self, username, session_id):
+        """Save current session to DB."""
+        subject_id = self.chat_history.get_subject(session_id)
+        if subject_id:
+            raw = self.chat_history.get_raw_session(session_id)
+            save_user_chat_to_db(username, subject_id, raw)
+
+    # ─── Audio ───
+
+    def upload_audio(self, audio_file_path, original_filename):
+        try:
+            with open(audio_file_path, 'rb') as f:
+                files = {'audio': (original_filename, f, 'audio/webm')}
+                response = requests.post(
+                    f"{self.transcript_base_url}/upload",
+                    files=files,
+                    timeout=60
+                )
+                response.raise_for_status()
+                data = response.json()
+                if 'file_url' in data:
+                    return data['file_url'], None
+                else:
+                    return None, data.get('error', 'Upload failed')
+        except Exception as e:
+            print(f"❌ Audio upload error: {e}")
+            return None, str(e)
+
+    def transcribe_audio(self, file_url):
+        try:
+            payload = {
+                "file_url": file_url,
+                "prompt": "هذا تسجيل صوتي لطالب يسأل سؤالاً دراسياً"
+            }
+            response = requests.post(
+                f"{self.transcript_base_url}/transcribe",
+                json=payload,
+                timeout=120
+            )
+            response.raise_for_status()
+            data = response.json()
+            if 'transcription' in data:
+                return data['transcription'], None
+            else:
+                return None, data.get('error', 'Transcription failed')
+        except Exception as e:
+            print(f"❌ Transcription error: {e}")
+            return None, str(e)
+
+    # ─── Image ───
+
+    def upload_image_to_cloudinary(self, image_path):
+        try:
+            with open(image_path, 'rb') as image_file:
+                files = {'file': image_file}
+                data = {'upload_preset': self.cloudinary_preset}
+                response = requests.post(
+                    self.cloudinary_url,
+                    files=files,
+                    data=data,
+                    timeout=60
+                )
+                if response.status_code == 200:
+                    result = response.json()
+                    image_url = result.get('url') or result.get('secure_url')
+                    return image_url, None
+                else:
+                    return None, f"Cloudinary error: {response.status_code}"
+        except Exception as e:
+            return None, str(e)
+
+    def analyze_image(self, image_url, session_id):
+        system_prompt = """أنت مساعد تعليمي ذكي متخصص في تحليل الصور الدراسية.
+
+مهمتك:
+1. إذا كانت الصورة تحتوي على محتوى دراسي (معادلات، نصوص، مسائل، رسوم بيانية، جداول، شروحات، كتب، أوراق امتحانات):
+   - استخرج كل المحتوى من الصورة بدقة تامة
+   - اكتب المعادلات بصيغة LaTeX
+   - اكتب النصوص كما هي
+   - اشرح الرسوم البيانية إن وجدت
+   - قدم المحتوى بشكل منظم ومفيد
+
+2. إذا كانت الصورة لا تحتوي على محتوى دراسي:
+   - أجب فقط بالكلمة: <unsupported>
+
+لا تضف أي تعليق إضافي."""
+
+        result = self._call_gpt5_multipart(
+            image_url=image_url,
+            text_prompt="حلل هذه الصورة واستخرج محتواها الدراسي",
+            system_prompt=system_prompt,
+            temperature=0.3
+        )
+        return result
+
+    # ─── Exam session management ───
+
+    def create_exam_session(self, username, subject_id, door_file, question_count, difficulty):
+        with self.exam_lock:
+            self.exam_sessions[username] = {
+                "subject_id": subject_id,
+                "door_file": door_file,
+                "question_count": question_count,
+                "difficulty": difficulty,
+                "questions": [],
+                "current_index": 0,
+                "score": 0,
+                "answers": [],
+                "started_at": datetime.now().isoformat(),
+                "status": "generating",
+            }
+        return self.exam_sessions[username]
+
+    def get_exam_session(self, username):
+        with self.exam_lock:
+            return self.exam_sessions.get(username, None)
+
+    def clear_exam_session(self, username):
+        with self.exam_lock:
+            if username in self.exam_sessions:
+                del self.exam_sessions[username]
+                print(f"🗑️ Cleared exam session for {username}")
\ No newline at end of file
diff --git a/chat/history.py b/chat/history.py
new file mode 100644
index 0000000000000000000000000000000000000000..bc0325859de24941003bae1f7253b51ab7031213
--- /dev/null
+++ b/chat/history.py
@@ -0,0 +1,187 @@
+"""
+In-memory chat history manager with auto-summarization.
+Per-session, thread-safe.
+"""
+
+import threading
+import requests
+from datetime import datetime, timezone
+from config import GPT_URL, SUMMARY_TRIGGER_COUNT
+
+
+class ChatHistory:
+    def __init__(self):
+        self.gpt_url = GPT_URL
+        self.sessions = {}
+        self.lock = threading.Lock()
+        print("  ✔ ChatHistory initialized")
+
+    def get_or_create_session(self, session_id):
+        with self.lock:
+            if session_id not in self.sessions:
+                self.sessions[session_id] = {
+                    "messages": [],
+                    "full_messages": [],
+                    "summary": "",
+                    "message_count": 0,
+                    "last_file": None,
+                    "subject": None,
+                }
+            return self.sessions[session_id]
+
+    def set_subject(self, session_id, subject):
+        s = self.get_or_create_session(session_id)
+        with self.lock:
+            s["subject"] = subject
+
+    def get_subject(self, session_id):
+        s = self.get_or_create_session(session_id)
+        return s.get("subject", None)
+
+    def add_message(self, session_id, role, content):
+        s = self.get_or_create_session(session_id)
+        msg = {
+            "role": role,
+            "content": content,
+            "timestamp": datetime.now(timezone.utc).isoformat()
+        }
+        with self.lock:
+            s["messages"].append(msg)
+            s["full_messages"].append(msg)
+            s["message_count"] += 1
+
+        if len(s["messages"]) >= SUMMARY_TRIGGER_COUNT:
+            self._trigger_summary(session_id)
+
+    def _trigger_summary(self, session_id):
+        s = self.sessions[session_id]
+        with self.lock:
+            msgs = s["messages"].copy()
+            s["messages"] = []
+
+        if not msgs:
+            return
+
+        conv_text = ""
+        for m in msgs:
+            if m["role"] == "user":
+                conv_text += f"الطالب: {m['content']}\n\n"
+            elif m["role"] == "assistant":
+                conv_text += f"المدرس: {m['content']}\n\n"
+
+        prev_summary = s.get("summary", "")
+        summary_prompt = f"""أنت نظام تلخيص ذكي لمحادثات تعليمية.
+مهمتك: تلخيص المحادثة التالية بشكل دقيق ومفيد.
+
+**التعليمات:**
+1. لخّص النقاط الرئيسية التي ناقشها الطالب والمدرس
+2. حدد المواضيع التي سأل عنها الطالب
+3. قيّم مستوى فهم الطالب (مبتدئ / متوسط / متقدم)
+4. اذكر أي نقاط ضعف أو قوة لاحظتها
+5. اذكر آخر موضوع كان يُناقش
+6. اجعل التلخيص مختصراً لكن شاملاً
+
+{"**التلخيص السابق:**" + chr(10) + prev_summary + chr(10) if prev_summary else ""}
+
+**المحادثة الجديدة:**
+{conv_text}
+
+**التلخيص الشامل:**"""
+
+        try:
+            payload = {
+                "user_input": "قم بتلخيص المحادثة",
+                "chat_history": [{"role": "system", "content": summary_prompt}],
+                "temperature": 0.3,
+                "top_p": 0.95,
+                "max_completion_tokens": 1500
+            }
+            resp = requests.post(self.gpt_url, json=payload, timeout=60)
+            resp.raise_for_status()
+            new_summary = resp.json().get("assistant_response", "")
+            if new_summary:
+                with self.lock:
+                    s["summary"] = new_summary
+            else:
+                with self.lock:
+                    s["messages"] = msgs + s["messages"]
+        except Exception as e:
+            print(f"❌ Summary error: {e}")
+            with self.lock:
+                s["messages"] = msgs + s["messages"]
+
+    def get_full_context(self, session_id):
+        s = self.get_or_create_session(session_id)
+        parts = []
+        if s["summary"]:
+            parts.append(f"**ملخص المحادثة السابقة:**\n{s['summary']}")
+        if s["messages"]:
+            recent = ""
+            for m in s["messages"]:
+                if m["role"] == "user":
+                    recent += f"الطالب: {m['content']}\n\n"
+                elif m["role"] == "assistant":
+                    recent += f"المدرس: {m['content']}\n\n"
+            if recent:
+                parts.append(f"**المحادثة الحالية:**\n{recent}")
+        return "\n\n".join(parts)
+
+    def get_messages_for_display(self, session_id):
+        s = self.get_or_create_session(session_id)
+        return s["full_messages"].copy()
+
+    def get_summary(self, session_id):
+        s = self.get_or_create_session(session_id)
+        return s.get("summary", "")
+
+    def set_last_file(self, session_id, filename):
+        s = self.get_or_create_session(session_id)
+        with self.lock:
+            s["last_file"] = filename
+
+    def get_last_file(self, session_id):
+        s = self.get_or_create_session(session_id)
+        return s.get("last_file", None)
+
+    def clear_session(self, session_id):
+        with self.lock:
+            if session_id in self.sessions:
+                current_subject = self.sessions[session_id].get("subject", None)
+                self.sessions[session_id] = {
+                    "messages": [],
+                    "full_messages": [],
+                    "summary": "",
+                    "message_count": 0,
+                    "last_file": None,
+                    "subject": current_subject,
+                }
+
+    def restore_session(self, session_id, saved_data):
+        """Restore a session from saved DB data."""
+        s = self.get_or_create_session(session_id)
+        with self.lock:
+            s["messages"] = saved_data.get("messages", [])
+            s["full_messages"] = saved_data.get("full_messages", saved_data.get("messages", []))
+            s["summary"] = saved_data.get("summary", "")
+            s["message_count"] = saved_data.get("message_count", 0)
+            s["last_file"] = saved_data.get("last_file", None)
+            s["subject"] = saved_data.get("subject", s.get("subject"))
+
+    def get_session_info(self, session_id):
+        s = self.get_or_create_session(session_id)
+        return {
+            "total_messages": s["message_count"],
+            "current_messages": len(s["messages"]),
+            "has_summary": bool(s["summary"]),
+            "last_file": s["last_file"],
+            "subject": s["subject"],
+            "summary_preview": (
+                s["summary"][:200] + "..."
+                if len(s.get("summary", "")) > 200
+                else s.get("summary", "")
+            )
+        }
+
+    def get_raw_session(self, session_id):
+        """Get raw session dict for saving to DB."""
+        return self.get_or_create_session(session_id)
\ No newline at end of file
diff --git a/chat/routes.py b/chat/routes.py
new file mode 100644
index 0000000000000000000000000000000000000000..89553f8ec8009f20f0e71ce4e882f5aa57645eac
--- /dev/null
+++ b/chat/routes.py
@@ -0,0 +1,424 @@
+"""
+Chat API routes for text-based AI chat.
+"""
+
+import json
+import os
+import tempfile
+from datetime import datetime
+from flask import Blueprint, request, jsonify, Response, stream_with_context, session, render_template, redirect, url_for, flash
+import requests as http_requests
+
+from auth.helpers import is_session_valid
+from database.users import get_user
+from database.chat_history import (
+    save_user_chat_to_db, clear_user_subject_chat_from_db,
+    get_all_user_chats_from_db
+)
+from subjects.access import validate_user_subject_access, get_user_accessible_subjects
+from subjects.definitions import SUBJECTS, get_subject_name
+from subjects.loader import subject_loader
+
+chat_bp = Blueprint('chat', __name__)
+
+# Reference to agent - set from app.py
+_agent = None
+
+
+def init_chat_agent(agent):
+    global _agent
+    _agent = agent
+
+
+@chat_bp.route('/chat_page')
+def chat_page():
+    if not is_session_valid():
+        session.clear()
+        flash('انتهت الجلسة، يرجى تسجيل الدخول مرة أخرى.', 'error')
+        return redirect(url_for('auth.login'))
+
+    username = session['username']
+    user_data = get_user(username)
+
+    if not user_data or not user_data.get('verified', False):
+        flash('حسابك غير مفعّل. تواصل مع الإدارة.', 'error')
+        return redirect(url_for('dashboard'))
+
+    return render_template('chat.html', username=username)
+
+
+@chat_bp.route('/me', methods=['GET'])
+def get_me():
+    if not is_session_valid():
+        return jsonify({"error": "غير مصرح", "code": "unauthorized"}), 401
+
+    username = session['username']
+    user = get_user(username)
+
+    if not user:
+        return jsonify({"error": "المستخدم غير موجود", "code": "user_not_found"}), 404
+    if not user.get('verified', False):
+        return jsonify({"error": "الحساب غير مفعّل", "code": "not_verified"}), 403
+
+    subjects, error = get_user_accessible_subjects(username)
+    if error:
+        return jsonify({"error": error}), 400
+
+    return jsonify({
+        "username": username,
+        "student_type": user.get('student_type', ''),
+        "balance": user.get('balance', 0),
+        "session_id": user.get('session_id', username),
+        "subjects": subjects
+    })
+
+
+@chat_bp.route('/subjects', methods=['GET'])
+def get_subjects():
+    if not is_session_valid():
+        return jsonify({"error": "غير مصرح", "code": "unauthorized"}), 401
+
+    username = session['username']
+    subjects, error = get_user_accessible_subjects(username)
+    if error:
+        return jsonify({"error": error}), 400
+
+    return jsonify({
+        "subjects": subjects,
+        "count": len(subjects),
+        "accessible_count": len([s for s in subjects if s['accessible']])
+    })
+
+
+@chat_bp.route('/select-subject', methods=['POST'])
+def select_subject():
+    if not is_session_valid():
+        return jsonify({"error": "غير مصرح", "code": "unauthorized"}), 401
+
+    data = request.json
+    username = session['username']
+    subject_id = data.get('subject', '').strip()
+
+    if not subject_id:
+        return jsonify({"error": "يرجى تحديد المادة", "code": "no_subject"}), 400
+
+    has_access, access_error = validate_user_subject_access(username, subject_id)
+    if not has_access:
+        return jsonify({"error": access_error, "code": "no_access"}), 403
+
+    subject_data = subject_loader.load(subject_id)
+    if not subject_data:
+        return jsonify({"error": f"مجلد المادة '{subject_id}' غير موجود على الخادم"}), 404
+
+    session_id = username
+    _agent.select_subject(username, session_id, subject_id)
+
+    user = get_user(username)
+    student_type = user.get('student_type', '')
+    subject_name = get_subject_name(student_type, subject_id)
+    p_files = subject_data.get("_p_files", [])
+
+    s = _agent.chat_history.get_or_create_session(session_id)
+    full_messages = s.get("full_messages", [])
+
+    return jsonify({
+        "success": True,
+        "subject_id": subject_id,
+        "subject_name": subject_name,
+        "chapters_count": len(p_files),
+        "files": ["main.txt"] + p_files,
+        "message": f"تم تحميل مادة '{subject_name}' بنجاح! ({len(p_files)} فصول)",
+        "chat_history": full_messages,
+        "history_count": len(full_messages)
+    })
+
+
+@chat_bp.route('/switch-subject', methods=['POST'])
+def switch_subject():
+    if not is_session_valid():
+        return jsonify({"error": "غير مصرح", "code": "unauthorized"}), 401
+
+    data = request.json
+    username = session['username']
+    new_subject_id = data.get('subject', '').strip()
+
+    if not new_subject_id:
+        return jsonify({"error": "يرجى تحديد اسم المادة الجديدة"}), 400
+
+    has_access, access_error = validate_user_subject_access(username, new_subject_id)
+    if not has_access:
+        return jsonify({"error": access_error, "code": "no_access"}), 403
+
+    subject_data = subject_loader.load(new_subject_id)
+    if not subject_data:
+        return jsonify({"error": f"مجلد المادة '{new_subject_id}' غير موجود على الخادم"}), 404
+
+    session_id = username
+    _agent.select_subject(username, session_id, new_subject_id)
+
+    user = get_user(username)
+    student_type = user.get('student_type', '')
+    subject_name = get_subject_name(student_type, new_subject_id)
+    p_files = subject_data.get("_p_files", [])
+
+    s = _agent.chat_history.get_or_create_session(session_id)
+    full_messages = s.get("full_messages", [])
+
+    return jsonify({
+        "success": True,
+        "subject_id": new_subject_id,
+        "subject_name": subject_name,
+        "chapters_count": len(p_files),
+        "files": ["main.txt"] + p_files,
+        "message": f"تم التبديل إلى مادة '{subject_name}' بنجاح!",
+        "chat_history": full_messages,
+        "history_count": len(full_messages)
+    })
+
+
+@chat_bp.route('/chat', methods=['POST'])
+def chat():
+    if not is_session_valid():
+        return jsonify({"error": "غير مصرح", "code": "unauthorized"}), 401
+
+    data = request.json
+    user_message = data.get('message', '').strip()
+    username = session['username']
+
+    if not user_message:
+        return jsonify({"error": "رسالة فارغة"}), 400
+
+    session_id = username
+    user = get_user(username)
+
+    if not user:
+        return jsonify({"error": "المستخدم غير موجود", "code": "user_not_found"}), 404
+    if not user.get('verified', False):
+        return jsonify({"error": "الحساب غير مفعّل", "code": "not_verified"}), 403
+
+    current_subject = _agent.chat_history.get_subject(session_id)
+    if not current_subject:
+        return jsonify({"error": "لم يتم اختيار المادة بعد", "need_subject": True}), 400
+
+    has_access, access_error = validate_user_subject_access(username, current_subject)
+    if not has_access:
+        return jsonify({"error": access_error, "code": "no_access"}), 403
+
+    try:
+        chosen_file, status = _agent.process_message(user_message, session_id)
+
+        if status == "no_subject":
+            return jsonify({"error": "يرجى اختيار المادة أولاً", "need_subject": True}), 400
+        if status == "subject_not_found":
+            return jsonify({"error": f"مجلد المادة '{current_subject}' غير موجود"}), 404
+
+        if chosen_file == "main.txt":
+            response = _agent.respond_gpt(user_message, chosen_file, session_id)
+            _agent.save_current_chat(username, session_id)
+            session_info = _agent.chat_history.get_session_info(session_id)
+            return jsonify({
+                "type": "gpt",
+                "subject": current_subject,
+                "chosen_file": chosen_file,
+                "response": response,
+                "session_info": session_info
+            })
+        else:
+            session_info = _agent.chat_history.get_session_info(session_id)
+            return jsonify({
+                "type": "mistral",
+                "subject": current_subject,
+                "chosen_file": chosen_file,
+                "stream_url": (
+                    f"/stream?file={chosen_file}"
+                    f"&session={http_requests.utils.quote(session_id)}"
+                    f"&message={http_requests.utils.quote(user_message)}"
+                ),
+                "session_info": session_info
+            })
+
+    except Exception as e:
+        print(f"❌ Chat error: {e}")
+        return jsonify({"error": str(e)}), 500
+
+
+@chat_bp.route('/stream')
+def stream():
+    if not is_session_valid():
+        def auth_error():
+            yield f"data: {json.dumps({'error': 'غير مصرح'})}\n\n"
+        return Response(auth_error(), mimetype='text/event-stream')
+
+    username = session['username']
+    user_message = request.args.get('message', '')
+    chosen_file = request.args.get('file', 'main.txt')
+    session_id = request.args.get('session', username)
+
+    user = get_user(username)
+    if not user or not user.get('verified', False):
+        def auth_error():
+            yield f"data: {json.dumps({'error': 'غير مصرح'})}\n\n"
+        return Response(auth_error(), mimetype='text/event-stream')
+
+    current_subject = _agent.chat_history.get_subject(session_id)
+    if current_subject:
+        has_access, _ = validate_user_subject_access(username, current_subject)
+        if not has_access:
+            def access_error():
+                yield f"data: {json.dumps({'error': 'ليس لديك صلاحية الوصول لهذه المادة'})}\n\n"
+            return Response(access_error(), mimetype='text/event-stream')
+
+    def generate():
+        try:
+            for chunk in _agent.respond_mistral_stream(user_message, chosen_file, session_id):
+                try:
+                    parsed = json.loads(chunk.strip())
+                    if parsed.get("done"):
+                        _agent.save_current_chat(username, session_id)
+                except Exception:
+                    pass
+                yield f"data: {chunk}\n\n"
+        except Exception as e:
+            yield f"data: {json.dumps({'error': str(e)})}\n\n"
+
+    return Response(
+        stream_with_context(generate()),
+        mimetype='text/event-stream',
+        headers={
+            'Cache-Control': 'no-cache',
+            'X-Accel-Buffering': 'no',
+            'Connection': 'keep-alive'
+        }
+    )
+
+
+@chat_bp.route('/clear', methods=['POST'])
+def clear_history():
+    if not is_session_valid():
+        return jsonify({"error": "غير مصرح", "code": "unauthorized"}), 401
+
+    username = session['username']
+    session_id = username
+
+    current_subject = _agent.chat_history.get_subject(session_id)
+    _agent.chat_history.clear_session(session_id)
+
+    if current_subject:
+        clear_user_subject_chat_from_db(username, current_subject)
+
+    return jsonify({
+        "success": True,
+        "message": "تم مسح سجل المحادثة للمادة الحالية",
+        "subject_kept": current_subject
+    })
+
+
+@chat_bp.route('/session-info', methods=['POST'])
+def session_info():
+    if not is_session_valid():
+        return jsonify({"error": "غير مصرح", "code": "unauthorized"}), 401
+
+    username = session['username']
+    session_id = username
+    info = _agent.chat_history.get_session_info(session_id)
+    return jsonify(info)
+
+
+@chat_bp.route('/summary', methods=['POST'])
+def get_summary():
+    if not is_session_valid():
+        return jsonify({"error": "غير مصرح", "code": "unauthorized"}), 401
+
+    username = session['username']
+    session_id = username
+    summary = _agent.chat_history.get_summary(session_id)
+    subject = _agent.chat_history.get_subject(session_id)
+
+    return jsonify({
+        "username": username,
+        "subject": subject,
+        "summary": summary if summary else "لا يوجد ملخص بعد. سيتم إنشاء ملخص تلقائياً بعد 10 رسائل."
+    })
+
+
+@chat_bp.route('/reload-subject', methods=['POST'])
+def reload_subject():
+    if not is_session_valid():
+        return jsonify({"error": "غير مصرح", "code": "unauthorized"}), 401
+
+    data = request.json
+    username = session['username']
+    subject_id = data.get('subject', '').strip()
+
+    if not subject_id:
+        return jsonify({"error": "يرجى تحديد اسم المادة"}), 400
+
+    has_access, access_error = validate_user_subject_access(username, subject_id)
+    if not has_access:
+        return jsonify({"error": access_error, "code": "no_access"}), 403
+
+    subject_data = subject_loader.reload(subject_id)
+    if not subject_data:
+        return jsonify({"error": f"مجلد المادة '{subject_id}' غير موجود على الخادم"}), 404
+
+    p_files = subject_data.get("_p_files", [])
+    return jsonify({
+        "success": True,
+        "subject_id": subject_id,
+        "chapters_count": len(p_files),
+        "message": f"تم إعادة تحميل المادة '{subject_id}' بنجاح!"
+    })
+
+
+@chat_bp.route('/get-chat-history', methods=['GET'])
+def get_chat_history():
+    if not is_session_valid():
+        return jsonify({"error": "غير مصرح", "code": "unauthorized"}), 401
+
+    username = session['username']
+    session_id = username
+
+    s = _agent.chat_history.get_or_create_session(session_id)
+    full_messages = s.get("full_messages", s.get("messages", []))
+    subject = s.get("subject", None)
+
+    subject_name = None
+    if subject:
+        user = get_user(username)
+        student_type = user.get('student_type', '')
+        subject_name = get_subject_name(student_type, subject)
+
+    return jsonify({
+        "messages": full_messages,
+        "subject": subject,
+        "subject_name": subject_name,
+        "count": len(full_messages)
+    })
+
+
+@chat_bp.route('/get-all-chats', methods=['GET'])
+def get_all_chats():
+    if not is_session_valid():
+        return jsonify({"error": "غير مصرح", "code": "unauthorized"}), 401
+
+    username = session['username']
+    all_chats = get_all_user_chats_from_db(username)
+    user = get_user(username)
+    student_type = user.get('student_type', '')
+
+    result = []
+    for subject_id, chat_data in all_chats.items():
+        subject_name = get_subject_name(student_type, subject_id)
+        full_msgs = chat_data.get("full_messages", [])
+        result.append({
+            "subject_id": subject_id,
+            "subject_name": subject_name,
+            "message_count": len(full_msgs),
+            "last_saved": chat_data.get("saved_at", ""),
+            "has_summary": bool(chat_data.get("summary", ""))
+        })
+
+    return jsonify({
+        "chats": result,
+        "total": len(result)
+    })
\ No newline at end of file
diff --git a/database/__init__.py b/database/__init__.py
new file mode 100644
index 0000000000000000000000000000000000000000..9399d2c2de7d53b903fab9303079dcc27e4b65be
--- /dev/null
+++ b/database/__init__.py
@@ -0,0 +1,4 @@
+"""
+Database package.
+Handles all JSON file persistence.
+"""
\ No newline at end of file
diff --git a/database/__pycache__/__init__.cpython-314.pyc b/database/__pycache__/__init__.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..8eecfda3902b19583cd4a4e12f74cce65b39a737
Binary files /dev/null and b/database/__pycache__/__init__.cpython-314.pyc differ
diff --git a/database/__pycache__/cards.cpython-314.pyc b/database/__pycache__/cards.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..0e4d58b98e1420e35d5215f530e3b93560e66061
Binary files /dev/null and b/database/__pycache__/cards.cpython-314.pyc differ
diff --git a/database/__pycache__/chat_history.cpython-314.pyc b/database/__pycache__/chat_history.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..df56d9d47b03dd8aac3cc91db0c0c9d3d3916b07
Binary files /dev/null and b/database/__pycache__/chat_history.cpython-314.pyc differ
diff --git a/database/__pycache__/telegram.cpython-314.pyc b/database/__pycache__/telegram.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..bdbacefccd7b813a172d8f72b6a0c57f2dea8d61
Binary files /dev/null and b/database/__pycache__/telegram.cpython-314.pyc differ
diff --git a/database/__pycache__/users.cpython-314.pyc b/database/__pycache__/users.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..eac350e06dd7b43900fb2ac426770abd475938af
Binary files /dev/null and b/database/__pycache__/users.cpython-314.pyc differ
diff --git a/database/cards.py b/database/cards.py
new file mode 100644
index 0000000000000000000000000000000000000000..7ff2279a43cb1f483c5a55b3f1a810106d3986cd
--- /dev/null
+++ b/database/cards.py
@@ -0,0 +1,26 @@
+"""
+Cards database operations.
+"""
+
+import os
+import json
+from config import CARDS_DB_FILE
+
+
+def init_cards_db():
+    if not os.path.exists(CARDS_DB_FILE):
+        with open(CARDS_DB_FILE, 'w', encoding='utf-8') as f:
+            json.dump({}, f, ensure_ascii=False)
+
+
+def load_cards_db():
+    try:
+        with open(CARDS_DB_FILE, 'r', encoding='utf-8') as f:
+            return json.load(f)
+    except Exception:
+        return {}
+
+
+def save_cards_db(data):
+    with open(CARDS_DB_FILE, 'w', encoding='utf-8') as f:
+        json.dump(data, f, indent=4, ensure_ascii=False)
\ No newline at end of file
diff --git a/database/chat_history.py b/database/chat_history.py
new file mode 100644
index 0000000000000000000000000000000000000000..7cf496c8cfce25de85bde55567aa52cdaec90820
--- /dev/null
+++ b/database/chat_history.py
@@ -0,0 +1,107 @@
+"""
+Persistent chat history database.
+Stores per-user per-subject chat data.
+"""
+
+import os
+import json
+from config import CHAT_HISTORY_DB_FILE
+
+
+def init_chat_history_db():
+    if not os.path.exists(CHAT_HISTORY_DB_FILE):
+        with open(CHAT_HISTORY_DB_FILE, 'w', encoding='utf-8') as f:
+            json.dump({}, f, ensure_ascii=False)
+
+
+def load_chat_history_db():
+    try:
+        with open(CHAT_HISTORY_DB_FILE, 'r', encoding='utf-8') as f:
+            return json.load(f)
+    except Exception:
+        return {}
+
+
+def save_chat_history_db(data):
+    with open(CHAT_HISTORY_DB_FILE, 'w', encoding='utf-8') as f:
+        json.dump(data, f, indent=4, ensure_ascii=False)
+
+
+def make_chat_db_key(username, subject_id):
+    return f"{username}__{subject_id}"
+
+
+def save_user_chat_to_db(username, subject_id, session_data):
+    """
+    Save a user's chat session for a specific subject.
+    session_data is the dict from ChatHistory session.
+    """
+    try:
+        from datetime import datetime
+        chat_db = load_chat_history_db()
+        db_key = make_chat_db_key(username, subject_id)
+
+        chat_db[db_key] = {
+            "username": username,
+            "subject_id": subject_id,
+            "messages": session_data.get("messages", []),
+            "full_messages": session_data.get("full_messages", []),
+            "summary": session_data.get("summary", ""),
+            "message_count": session_data.get("message_count", 0),
+            "last_file": session_data.get("last_file", None),
+            "subject": session_data.get("subject", subject_id),
+            "saved_at": datetime.now().isoformat()
+        }
+        save_chat_history_db(chat_db)
+        msg_count = len(session_data.get('full_messages', []))
+        print(f"✅ Saved chat for {username} / subject={subject_id} ({msg_count} messages)")
+    except Exception as e:
+        print(f"❌ Error saving chat to DB: {e}")
+
+
+def load_user_chat_from_db(username, subject_id):
+    """
+    Load saved chat data for a user+subject.
+    Returns dict or None.
+    """
+    try:
+        chat_db = load_chat_history_db()
+        db_key = make_chat_db_key(username, subject_id)
+
+        if db_key not in chat_db:
+            print(f"ℹ️ No saved chat found for {username} / subject={subject_id}")
+            return None
+
+        saved = chat_db[db_key]
+        print(f"✅ Loaded chat for {username} / subject={subject_id}")
+        return saved
+    except Exception as e:
+        print(f"❌ Error loading chat from DB: {e}")
+        return None
+
+
+def clear_user_subject_chat_from_db(username, subject_id):
+    try:
+        chat_db = load_chat_history_db()
+        db_key = make_chat_db_key(username, subject_id)
+        if db_key in chat_db:
+            del chat_db[db_key]
+            save_chat_history_db(chat_db)
+            print(f"🗑️ Cleared DB chat for {username} / subject={subject_id}")
+    except Exception as e:
+        print(f"❌ Error clearing chat from DB: {e}")
+
+
+def get_all_user_chats_from_db(username):
+    try:
+        chat_db = load_chat_history_db()
+        prefix = f"{username}__"
+        result = {}
+        for key, val in chat_db.items():
+            if key.startswith(prefix):
+                subject_id = key[len(prefix):]
+                result[subject_id] = val
+        return result
+    except Exception as e:
+        print(f"❌ Error getting all user chats: {e}")
+        return {}
\ No newline at end of file
diff --git a/database/telegram.py b/database/telegram.py
new file mode 100644
index 0000000000000000000000000000000000000000..21fde2b966673501976768abdbb3b2da129fc40d
--- /dev/null
+++ b/database/telegram.py
@@ -0,0 +1,19 @@
+"""
+Telegram verification database operations.
+"""
+
+import json
+from config import TELEGRAM_DB_FILE
+
+
+def load_telegram_db():
+    try:
+        with open(TELEGRAM_DB_FILE, 'r', encoding='utf-8') as f:
+            return json.load(f)
+    except Exception:
+        return {}
+
+
+def save_telegram_db(data):
+    with open(TELEGRAM_DB_FILE, 'w', encoding='utf-8') as f:
+        json.dump(data, f, indent=4, ensure_ascii=False)
\ No newline at end of file
diff --git a/database/users.py b/database/users.py
new file mode 100644
index 0000000000000000000000000000000000000000..ccc0ddd74792cb1bed955e29f7ae7d6a0a1b0df5
--- /dev/null
+++ b/database/users.py
@@ -0,0 +1,31 @@
+"""
+Users database operations.
+"""
+
+import os
+import json
+from config import USERS_DB_FILE
+
+
+def init_users_db():
+    if not os.path.exists(USERS_DB_FILE):
+        with open(USERS_DB_FILE, 'w', encoding='utf-8') as f:
+            json.dump({}, f, ensure_ascii=False)
+
+
+def load_users_db():
+    try:
+        with open(USERS_DB_FILE, 'r', encoding='utf-8') as f:
+            return json.load(f)
+    except Exception:
+        return {}
+
+
+def save_users_db(data):
+    with open(USERS_DB_FILE, 'w', encoding='utf-8') as f:
+        json.dump(data, f, indent=4, ensure_ascii=False)
+
+
+def get_user(username):
+    users = load_users_db()
+    return users.get(username, None)
\ No newline at end of file
diff --git a/exam/__init__.py b/exam/__init__.py
new file mode 100644
index 0000000000000000000000000000000000000000..1c50f0cfe5f27859e177bae30461556d7782a894
--- /dev/null
+++ b/exam/__init__.py
@@ -0,0 +1,4 @@
+"""
+Exam package.
+MCQ exam generation and scoring.
+"""
\ No newline at end of file
diff --git a/exam/__pycache__/__init__.cpython-314.pyc b/exam/__pycache__/__init__.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..a9dd2f2753399263a35f36a8ee2b23ef78726af1
Binary files /dev/null and b/exam/__pycache__/__init__.cpython-314.pyc differ
diff --git a/exam/__pycache__/generator.cpython-314.pyc b/exam/__pycache__/generator.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..98f956fd4f574320102d901ff0c780ef777b97a2
Binary files /dev/null and b/exam/__pycache__/generator.cpython-314.pyc differ
diff --git a/exam/__pycache__/routes.cpython-314.pyc b/exam/__pycache__/routes.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..9c96607cfb024b0d99b7fe4955ef7e8336d3dfa1
Binary files /dev/null and b/exam/__pycache__/routes.cpython-314.pyc differ
diff --git a/exam/generator.py b/exam/generator.py
new file mode 100644
index 0000000000000000000000000000000000000000..db5d45ac38ba805c706b9abf0db30d8244e62739
--- /dev/null
+++ b/exam/generator.py
@@ -0,0 +1,182 @@
+"""
+Exam question generator.
+Generates MCQ questions using GPT and parses responses.
+"""
+
+import re
+import json
+import random
+import os
+import requests
+from config import GPT_URL
+from subjects.loader import subject_loader
+
+
+def load_final_mcq(subject_id):
+    """Load the MCQ reference file from FINAL folder."""
+    final_path = os.path.join("FINAL", f"{subject_id}.txt")
+    try:
+        with open(final_path, 'r', encoding='utf-8') as f:
+            content = f.read()
+        print(f"  ✔ Loaded FINAL/{subject_id}.txt ({len(content)} chars)")
+        return content
+    except FileNotFoundError:
+        print(f"  ⚠ FINAL/{subject_id}.txt not found")
+        return ""
+    except Exception as e:
+        print(f"  ❌ Error loading FINAL/{subject_id}.txt: {e}")
+        return ""
+
+
+def generate_exam_questions(subject_id, door_file, question_count, difficulty, username):
+    """
+    Generate MCQ questions using GPT.
+    Returns (raw_json_string, error_string).
+    """
+    subject_data = subject_loader.load(subject_id)
+    if not subject_data:
+        return None, f"مجلد المادة '{subject_id}' غير موجود"
+
+    door_content = subject_data.get(door_file, "")
+    if not door_content:
+        return None, f"ملف الباب '{door_file}' غير موجود أو فارغ"
+
+    final_mcq_content = load_final_mcq(subject_id)
+    main_content = subject_data.get("main.txt", "")
+
+    difficulty_map = {
+        "easy": "سهلة - أسئلة مباشرة تعتمد على الحفظ والفهم الأساسي",
+        "medium": "متوسطة - أسئلة تعتمد على الفهم والتطبيق",
+        "hard": "صعبة - أسئلة تحليلية وتطبيقية عميقة تتطلب فهماً متقدماً"
+    }
+    difficulty_text = difficulty_map.get(difficulty, "متوسطة")
+
+    exam_prompt = f"""{main_content}
+
+=== محتوى الباب الدراسي ===
+{door_content}
+
+=== أسئلة السنوات السابقة (للاستئناس فقط) ===
+{final_mcq_content if final_mcq_content else "لا توجد أسئلة مرجعية متاحة"}
+
+=== تعليمات توليد الأسئلة ===
+أنت مدرس خبير متخصص في إعداد أسئلة الاختيار من متعدد (MCQ).
+
+مهمتك: توليد {question_count} سؤال اختيار من متعدد بمستوى {difficulty_text}.
+
+**قواعد مهمة جداً:**
+1. اعتمد بشكل رئيسي على محتوى الباب الدراسي أعلاه لصياغة الأسئلة
+2. يمكنك الاستئناس بأسئلة السنوات السابقة لفهم نمط الأسئلة وأسلوب المُعِدّين، لكن لا تنسخها حرفياً
+3. كل سؤال يجب أن يحتوي على 4 خيارات: 3 خاطئة و1 صحيحة
+4. اجعل الخيارات الخاطئة منطقية وقريبة من الصحيحة
+5. تنوّع في أنواع الأسئلة: تعريف، تطبيق، مقارنة، استنتاج
+
+**صيغة الإجابة المطلوبة (JSON فقط - لا تضف أي نص خارج JSON):**
+
+{{
+"questions": [
+    {{
+    "question": "نص السؤال هنا",
+    "correct": "الإجابة الصحيحة",
+    "wrong1": "خيار خاطئ أول",
+    "wrong2": "خيار خاطئ ثاني",
+    "wrong3": "خيار خاطئ ثالث"
+    }}
+]
+}}
+
+الآن أنشئ {question_count} سؤال بمستوى {difficulty_text} بصيغة JSON فقط:"""
+
+    payload = {
+        "user_input": exam_prompt,
+        "chat_history": [{"role": "system", "content": ""}],
+        "temperature": 0.7,
+        "top_p": 0.95,
+        "max_completion_tokens": 4000
+    }
+
+    try:
+        response = requests.post(GPT_URL, json=payload, timeout=120)
+        response.raise_for_status()
+        result = response.json().get("assistant_response", "")
+
+        if not result:
+            return None, "لم يتم الحصول على استجابة من الخادم"
+
+        print(f"✅ Exam generation complete: {len(result)} chars")
+        return result, None
+
+    except requests.exceptions.Timeout:
+        return None, "انتهت مهلة الاتصال بالخادم"
+    except Exception as e:
+        print(f"❌ Exam generation error: {e}")
+        return None, str(e)
+
+
+def parse_mcq_json(json_string):
+    """
+    Parse the JSON MCQ response into a list of question dicts.
+    Returns list of { question, choices: [{text, is_correct}], correct_answer }
+    """
+    questions = []
+    seen = set()
+
+    try:
+        # Strip markdown code fences if any
+        json_string = re.sub(r'```(?:json)?\s*', '', json_string)
+        json_string = re.sub(r'```', '', json_string).strip()
+
+        # Extract JSON object
+        match = re.search(r'\{.*\}', json_string, re.DOTALL)
+        if not match:
+            print("❌ No JSON object found in response")
+            return []
+
+        data = json.loads(match.group())
+        raw_questions = data.get("questions", [])
+
+        for item in raw_questions:
+            question_text = item.get("question", "").strip()
+            correct_text = item.get("correct", "").strip()
+            wrong1 = item.get("wrong1", "").strip()
+            wrong2 = item.get("wrong2", "").strip()
+            wrong3 = item.get("wrong3", "").strip()
+
+            if not question_text or not correct_text:
+                continue
+
+            # Deduplication
+            dedup_key = re.sub(r'\s+', ' ', question_text).strip()
+            if dedup_key in seen:
+                continue
+            seen.add(dedup_key)
+
+            wrong_texts = [w for w in [wrong1, wrong2, wrong3] if w]
+            if not wrong_texts:
+                continue
+
+            # Pad if needed
+            while len(wrong_texts) < 3:
+                wrong_texts.append(wrong_texts[-1])
+
+            choices = [{"text": correct_text, "is_correct": True}]
+            for w in wrong_texts[:3]:
+                choices.append({"text": w, "is_correct": False})
+
+            random.shuffle(choices)
+
+            questions.append({
+                "question": question_text,
+                "choices": choices,
+                "correct_answer": correct_text
+            })
+
+        print(f"✅ Parsed {len(questions)} MCQ questions from JSON")
+        return questions
+
+    except json.JSONDecodeError as e:
+        print(f"❌ JSON parse error: {e}")
+        return []
+    except Exception as e:
+        print(f"❌ Parse error: {e}")
+        return []
\ No newline at end of file
diff --git a/exam/routes.py b/exam/routes.py
new file mode 100644
index 0000000000000000000000000000000000000000..7b0c98dbc3830216cd8ef98b219b457a9514dd91
--- /dev/null
+++ b/exam/routes.py
@@ -0,0 +1,297 @@
+"""
+Exam API routes.
+MCQ exam generation, submission, and session management.
+"""
+
+import threading
+from datetime import datetime
+from flask import Blueprint, request, jsonify, session, render_template, redirect, url_for, flash
+from auth.helpers import is_session_valid
+from database.users import get_user
+from subjects.access import validate_user_subject_access
+from subjects.definitions import SUBJECTS, get_subject_name
+from subjects.loader import subject_loader
+from exam.generator import generate_exam_questions, parse_mcq_json
+
+exam_bp = Blueprint('exam', __name__)
+
+# In-memory exam sessions
+_exam_sessions = {}
+_exam_lock = threading.Lock()
+
+
+def _create_exam_session(username, subject_id, door_file, question_count, difficulty):
+    with _exam_lock:
+        _exam_sessions[username] = {
+            "subject_id": subject_id,
+            "door_file": door_file,
+            "question_count": question_count,
+            "difficulty": difficulty,
+            "questions": [],
+            "current_index": 0,
+            "score": 0,
+            "answers": [],
+            "started_at": datetime.now().isoformat(),
+            "status": "generating",
+        }
+    return _exam_sessions[username]
+
+
+def _get_exam_session(username):
+    with _exam_lock:
+        return _exam_sessions.get(username, None)
+
+
+def _clear_exam_session(username):
+    with _exam_lock:
+        if username in _exam_sessions:
+            del _exam_sessions[username]
+            print(f"🗑️ Cleared exam session for {username}")
+
+
+@exam_bp.route('/exam/<subject_id>')
+def exam_page(subject_id):
+    if not is_session_valid():
+        session.clear()
+        flash('انتهت الجلسة، يرجى تسجيل الدخول مرة أخرى.', 'error')
+        return redirect(url_for('auth.login'))
+
+    username = session['username']
+    user_data = get_user(username)
+
+    if not user_data or not user_data.get('verified', False):
+        flash('حسابك غير مفعّل. تواصل مع الإدارة.', 'error')
+        return redirect(url_for('dashboard'))
+
+    has_access, access_error = validate_user_subject_access(username, subject_id)
+    if not has_access:
+        flash(access_error, 'error')
+        return redirect(url_for('dashboard'))
+
+    subject_data = subject_loader.load(subject_id)
+    if not subject_data:
+        flash(f"مجلد المادة '{subject_id}' غير موجود على الخادم.", 'error')
+        return redirect(url_for('dashboard'))
+
+    student_type = user_data.get('student_type', 'علمي')
+    subject_name = get_subject_name(student_type, subject_id)
+
+    p_files = subject_data.get("_p_files", [])
+    doors = []
+    for i, pf in enumerate(p_files, 1):
+        doors.append({
+            "file": pf,
+            "label": f"الباب {i}",
+            "index": i
+        })
+
+    return render_template('exam.html',
+                           username=username,
+                           subject_id=subject_id,
+                           subject_name=subject_name,
+                           doors=doors,
+                           doors_count=len(doors))
+
+
+@exam_bp.route('/exam/generate', methods=['POST'])
+def exam_generate():
+    """Generate MCQ questions for the exam."""
+    if not is_session_valid():
+        return jsonify({"error": "غير مصرح", "code": "unauthorized"}), 401
+
+    data = request.json
+    username = session['username']
+    subject_id = data.get('subject_id', '').strip()
+    door_file = data.get('door_file', '').strip()
+    question_count = int(data.get('question_count', 10))
+    difficulty = data.get('difficulty', 'medium').strip()
+
+    if not subject_id:
+        return jsonify({"error": "يرجى تحديد المادة"}), 400
+    if not door_file:
+        return jsonify({"error": "يرجى اختيار الباب"}), 400
+    if question_count not in [5, 10, 15, 30]:
+        return jsonify({"error": "عدد الأسئلة غير صحيح"}), 400
+    if difficulty not in ['easy', 'medium', 'hard']:
+        return jsonify({"error": "مستوى الصعوبة غير صحيح"}), 400
+
+    has_access, access_error = validate_user_subject_access(username, subject_id)
+    if not has_access:
+        return jsonify({"error": access_error, "code": "no_access"}), 403
+
+    subject_data = subject_loader.load(subject_id)
+    if not subject_data:
+        return jsonify({"error": f"مجلد المادة '{subject_id}' غير موجود"}), 404
+
+    p_files = subject_data.get("_p_files", [])
+    if door_file not in p_files:
+        return jsonify({"error": f"الباب '{door_file}' غير موجود في هذه المادة"}), 400
+
+    print(f"📝 Generating exam: user={username}, subject={subject_id}, "
+          f"door={door_file}, count={question_count}, difficulty={difficulty}")
+
+    _create_exam_session(username, subject_id, door_file, question_count, difficulty)
+
+    raw_json, error = generate_exam_questions(
+        subject_id=subject_id,
+        door_file=door_file,
+        question_count=question_count,
+        difficulty=difficulty,
+        username=username
+    )
+
+    if error:
+        _clear_exam_session(username)
+        return jsonify({"error": f"فشل توليد الأسئلة: {error}"}), 500
+
+    if not raw_json:
+        _clear_exam_session(username)
+        return jsonify({"error": "لم يتم الحصول على أسئلة من الخادم"}), 500
+
+    questions = parse_mcq_json(raw_json)
+
+    if not questions:
+        _clear_exam_session(username)
+        return jsonify({"error": "فشل تحليل الأسئلة. حاول مرة أخرى."}), 500
+
+    questions = questions[:question_count]
+
+    if len(questions) == 0:
+        _clear_exam_session(username)
+        return jsonify({"error": "لم يتم توليد أي أسئلة صحيحة. حاول مرة أخرى."}), 500
+
+    with _exam_lock:
+        if username in _exam_sessions:
+            _exam_sessions[username]["questions"] = questions
+            _exam_sessions[username]["status"] = "active"
+            _exam_sessions[username]["total"] = len(questions)
+
+    print(f"✅ Exam ready: {len(questions)} questions for {username}")
+
+    return jsonify({
+        "success": True,
+        "questions": questions,
+        "total": len(questions),
+        "subject_id": subject_id,
+        "door_file": door_file,
+        "difficulty": difficulty,
+        "question_count": len(questions)
+    })
+
+
+@exam_bp.route('/exam/submit', methods=['POST'])
+def exam_submit():
+    """Submit exam answers and get score."""
+    if not is_session_valid():
+        return jsonify({"error": "غير مصرح", "code": "unauthorized"}), 401
+
+    data = request.json
+    username = session['username']
+    answers = data.get('answers', [])
+
+    exam_session = _get_exam_session(username)
+    if not exam_session:
+        return jsonify({"error": "لا توجد جلسة امتحان نشطة"}), 400
+
+    if exam_session.get('status') != 'active':
+        return jsonify({"error": "جلسة الامتحان غير نشطة"}), 400
+
+    questions = exam_session.get('questions', [])
+    if not questions:
+        return jsonify({"error": "لا توجد أسئلة في جلسة الامتحان"}), 400
+
+    score = 0
+    results = []
+
+    for i, question in enumerate(questions):
+        correct_answer = question['correct_answer']
+        selected_answer = None
+
+        for ans in answers:
+            if ans.get('question_index') == i:
+                selected_answer = ans.get('selected_answer', '')
+                break
+
+        is_correct = (selected_answer == correct_answer)
+        if is_correct:
+            score += 1
+
+        results.append({
+            "question_index": i,
+            "question": question['question'],
+            "correct_answer": correct_answer,
+            "selected_answer": selected_answer,
+            "is_correct": is_correct,
+            "choices": question['choices']
+        })
+
+    total = len(questions)
+    percentage = round((score / total) * 100, 1) if total > 0 else 0
+
+    if percentage >= 90:
+        grade_msg = "ممتاز! 🌟"
+        grade_color = "success"
+    elif percentage >= 75:
+        grade_msg = "جيد جداً! 👍"
+        grade_color = "info"
+    elif percentage >= 60:
+        grade_msg = "جيد 👌"
+        grade_color = "warning"
+    elif percentage >= 50:
+        grade_msg = "مقبول"
+        grade_color = "warning"
+    else:
+        grade_msg = "يحتاج إلى مراجعة 📚"
+        grade_color = "danger"
+
+    with _exam_lock:
+        if username in _exam_sessions:
+            _exam_sessions[username]['status'] = 'done'
+            _exam_sessions[username]['score'] = score
+            _exam_sessions[username]['answers'] = answers
+            _exam_sessions[username]['finished_at'] = datetime.now().isoformat()
+
+    print(f"✅ Exam submitted: {username} scored {score}/{total} ({percentage}%)")
+
+    return jsonify({
+        "success": True,
+        "score": score,
+        "total": total,
+        "percentage": percentage,
+        "grade_msg": grade_msg,
+        "grade_color": grade_color,
+        "results": results
+    })
+
+
+@exam_bp.route('/exam/clear', methods=['POST'])
+def exam_clear():
+    if not is_session_valid():
+        return jsonify({"error": "غير مصرح", "code": "unauthorized"}), 401
+
+    username = session['username']
+    _clear_exam_session(username)
+    return jsonify({"success": True, "message": "تم مسح جلسة الامتحان"})
+
+
+@exam_bp.route('/exam/status', methods=['GET'])
+def exam_status():
+    if not is_session_valid():
+        return jsonify({"error": "غير مصرح", "code": "unauthorized"}), 401
+
+    username = session['username']
+    exam_session = _get_exam_session(username)
+
+    if not exam_session:
+        return jsonify({"has_exam": False})
+
+    return jsonify({
+        "has_exam": True,
+        "status": exam_session.get('status'),
+        "subject_id": exam_session.get('subject_id'),
+        "door_file": exam_session.get('door_file'),
+        "question_count": exam_session.get('question_count'),
+        "difficulty": exam_session.get('difficulty'),
+        "total": exam_session.get('total', 0),
+        "started_at": exam_session.get('started_at')
+    })
\ No newline at end of file
diff --git a/history/main.txt b/history/main.txt
new file mode 100644
index 0000000000000000000000000000000000000000..29178fd0ac1f01b28cb34d3c39f691c294dedd9e
--- /dev/null
+++ b/history/main.txt
@@ -0,0 +1,182 @@
+"أنت مدرس ودود ومحترف في مادة التاريخ. اسمك "مساعد التاريخ الذكي".
+**تعليمات:**
+- رحب بالطلاب بحرارة إذا كانت أول رسالة
+- أجب على الأسئلة العامة بشكل مفيد
+- وجه الطلاب لطرح أسئلة محددة عن الفصول عند الحاجة
+- استخدم اللغة العربية
+- كن مشجعاً ومحفزاً
+- راعِ سياق المحادثة السابقة
+- إذا كان هناك ملخص سابق، استخدمه لفهم مستوى الطالب
+=== معلومات عامة عن المادة ===
+
+ النهج الذي يجب تدريسه 
+
+
+
+================================================================================
+PAGE 4 - page_0004.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+فهرس الموضوعات
+
+الفصل | الموضوعات | الصفحة
+
+- مقدمة .
+7
+
+الأول
+
+الوطن العربي في مطلع القرن السادس عشر الميلادي
+
+- أهمية المنطقة العربية .
+11
+
+- نشأة الدولة العثمانية وتطورها .
+14
+
+- مجيء العثمانيين إلى المنطقة العربية .
+21
+
+- أسئلة تطبيقية على الفصل الأول .
+30
+
+الثاني
+
+أحوال المنطقة العربية أثناء الحكم العثماني
+
+- أساليب الحكم العثماني في الولايات العثمانية بالمنطقة العربية .
+35
+
+- نظام الحكم العثماني في الولايات العثمانية بالمنطقة العربية .
+38
+
+- عوامل ضعف الدولة العثمانية .
+40
+
+- الحركات المناهضة للحكم العثماني في المنطقة العربية .
+42
+
+- نتائج الحكم العثماني للمنطقة العربية .
+50
+
+- أسئلة تطبيقية على الفصل الثاني .
+52
+
+الثالث
+
+أوروبا الحديثة بين النهضة والاستعمار
+
+- عصر النهضة ودوره في ظهور أوروبا الحديثة .
+57
+
+- حركة الكشوف الجغرافية وأثرها على حركة الاستعمار .
+60
+
+- ثورات الشعوب الأوروبية ونمو الحركة القومية في أوروبا :
+( الثورة الفرنسية - الوحدة الإيطالية - الثورة الإنجليزية )
+67
+
+- الثورة الصناعية وأثرها على التوسع الاستعماري الأوروبي .
+75
+
+- أسئلة تطبيقية على الفصل الثالث .
+85
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+4
+
+------------PAGE TALK ABOUT------------
+هذه الصفحة هي فهرس موضوعات كتاب "تاريخ الوطن العربي الحديث والمعاصر". تعرض عناوين الفصول الثلاثة الأولى مع الموضوعات الفرعية وأرقام الصفحات الخاصة بكل موضوع.  
+يتناول الفصل الأول الوطن العربي في مطلع القرن السادس عشر، والفصل الثاني أحوال المنطقة العربية أثناء الحكم العثماني، والفصل الثالث أوروبا الحديثة بين النهضة والاستعمار.  
+الصفحة عبارة عن جدول منظم بثلاثة أعمدة: الفصل، الموضوعات، الصفحة، مع تصميم إطار زخرفي بسيط ورقم الصفحة أسفل اليمين.
+
+
+================================================================================
+PAGE 5 - page_0005.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+الفصل | الموضوعات | الصفحة
+
+الرابع
+
+الدولة العثمانية والأطماع الأوروبية
+
+90
+- التوسع الاستعماري الأوروبي:-
+
+95
+- أثر حركة الاستعمار الأوروبي على الدولة العثمانية من خلال التطورات الدولية.
+
+96
+- الحرب العالمية الأولى وأثرها على الدولة العثمانية.
+
+99
+- الشريف الحسين وعلاقته ببريطانيا.
+
+105
+- اتفاقية (سايكس – بيكو السرية عام 1916م).
+
+114
+- أسئلة تطبيقية على الفصل الرابع.
+
+الخامس
+
+التطورات الدولية بعد الحرب العالمية الأولى وأثرها على الوطن العربي
+
+119
+أولاً في أوربا:- أوربا بين الحربين العالميتين 1918 – 1939م.
+
+123
+- الحرب العالمية الثانية وانعكاساتها على الوطن العربي.
+
+126
+ثانياً الحركات الوطنية في الوطن العربي.
+
+155
+- أسئلة تطبيقية على الفصل الخامس.
+
+السادس
+
+(الصراع العربي – الصهيوني)
+
+159
+- احتلال بريطانيا لفلسطين.
+
+159
+- الحركة الوطنية لعرب فلسطين.
+
+161
+- الأطماع الصهيونية في فلسطين.
+
+163
+- علاقة الحركة الصهيونية بالاستعمار الأوروبي.
+
+165
+- مقاومة العرب للصهاينة والإنجليز (ثورة سنة 1936).
+
+168
+فلسطين أثناء وبعد الحرب العالمية الثانية
+
+169
+- مقاومة العرب للصهيانية بعد عام 1948م.
+
+176
+- أسئلة للمراجعة الفصل السادس.
+
+5
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية – ليبيا
+
+------------PAGE TALK ABOUT------------
+هذه الصفحة هي فهرس لمحتويات كتاب التاريخ للسنة الثالثة من مرحلة التعليم الثانوي. تعرض عناوين الفصول الرابع والخامس والسادس مع الموضوعات الفرعية وأرقام الصفحات الخاصة بكل درس.  
+تركز الموضوعات على الدولة العثمانية والأطماع الأوروبية، والتطورات الدولية بعد الحرب العالمية الأولى، ثم الصراع العربي الصهيوني وقضية فلسطين.  
+بصرياً، الصفحة عبارة عن جدول منظم بثلاثة أعمدة: الفصل، الموضوعات، الصفحة، مع إطار زخرفي حول الصفحة ورقم الصفحة أسفلها.
+
+
diff --git a/history/p1.txt b/history/p1.txt
new file mode 100644
index 0000000000000000000000000000000000000000..c1a9b62947970e2f012eebd091aea3d9500f3f84
--- /dev/null
+++ b/history/p1.txt
@@ -0,0 +1,818 @@
+"أنت مدرس خبير ومحترف في مادة التاريخ. أنت تدرّس طالباً وتساعده على الفهم.
+
+=== محتوى الفصل (المرجع العلمي) ===
+
+=== نهاية السياق ===
+
+**تعليمات مهمة:**
+- استخدم المحتوى العلمي أعلاه كمرجع أساسي للإجابة
+- راعِ سياق المحادثة السابقة والمستوى التعليمي للطالب
+- أجب بشكل واضح ومفصل باللغة العربية
+- استخدم الأمثلة والتوضيحات عند الحاجة
+- إذا سأل الطالب عن شيء خارج المحتوى المتوفر، أخبره بذلك بلطف
+ 
+
+================================================================================
+PAGE 9 - page_0009.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+الفصل الأول
+
+الوطن العربي في مطلع القرن
+السادس عشر الميلادي
+
+9
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+هذه صفحة افتتاحية لفصل دراسي بعنوان: **الفصل الأول: الوطن العربي في مطلع القرن السادس عشر الميلادي**، وهي من كتاب مخصص للسنة الثالثة من مرحلة التعليم الثانوي.  
+تدل الصفحة على أن الفصل سيتناول أوضاع الوطن العربي في بداية القرن السادس عشر من الناحية التاريخية.  
+تتضمن الصفحة تصميماً زخرفياً كبيراً في الوسط على شكل إطار مزخرف وشريط علوي كُتب عليه عنوان الفصل، مع إطار خارجي للصفحة.  
+في الأسفل يظهر رقم الصفحة **9** وعبارة حقوق النشر الخاصة بمركز المناهج التعليمية والبحوث التربوية في ليبيا.
+
+
+================================================================================
+PAGE 10 - page_0010.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+أمريكا الشمالية  
+أوروبا  
+آسيا  
+المحيط الأطلسي  
+أفريقيا  
+المحيط الهادي  
+أمريكا الجنوبية  
+المحيط الهندي  
+أستراليا
+
+موقع الوطن العربي بين قارات العالم
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+10
+
+------------PAGE TALK ABOUT------------
+توضح الصفحة خريطة عالمية بعنوان: «موقع الوطن العربي بين قارات العالم».  
+تُظهر القارات والمحيطات الرئيسة، مع تظليل منطقة الوطن العربي بلون مختلف لبيان امتداده الجغرافي.  
+يبين الشكل أن الوطن العربي يقع في موقع متوسط بين قارات آسيا وأفريقيا وأوروبا، ويشرف على محيطات وبحار مهمة.  
+الصفحة تعليمية من كتاب «تاريخ الوطن العربي الحديث والمعاصر» وتستخدم الخريطة لشرح الأهمية الجغرافية للوطن العربي.
+
+
+================================================================================
+PAGE 11 - page_0011.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+الوطن العربي في مطلع القرن السادس عشر
+
+أهمية المنطقة العربية:
+
+تتميز المنطقة العربية بأهمية كبيرة شعر بها العالم منذ القدم، وعمل على استغلالها والاستفادة منها وتتمثل فيما يلي:
+
+1- الموقع والأهمية الجغرافية:
+تكمن أهمية المنطقة العربية في أن موقعها استراتيجي يتوسط العالم القديم والجديد فهي تقع بين قارات العالم القديم الثلاث آسيا وأفريقيا وأوروبا وقد شكل هذا الموقع أهمية استراتيجية وسياسية واقتصادية مما جعلها هدفاً لأطماع الأعداء على مر العصور وهذا الموقع يطل على عدة بحار ذات أهمية اقتصادية وسياسية تتحكم في الملاحة البحرية والتجارة الدولية، ولذا أصبحت هذه المنطقة حلقة وصل بين قارات العالم مشرقها ومغربها.
+
+تقع في المنطقة العربية أهم المضائق والقنوات التي تربط البحار والمحيطات بعضها ببعض وتقرب المسافات خدمة للتجارة والمواصلات مثل مضيق جبل طارق الذي يعتبر مدخلاً مهماً للبحر الأبيض المتوسط من الغرب، ورابطاً حقيقياً بينه وبين المحيط الأطلسي، وقناة السويس وهي الممر الصناعي الذي حفرته الأيدي المصرية لربط البحر الأحمر بالبحر الأبيض المتوسط عوضاً عن الدوران حول أفريقيا، ومضيق باب المندب، هو المدخل والمخرج الرئيسي من وإلى البحر الأحمر، وبحر العرب والمحيط الهندي في الجنوب. أما مضيق هرمز فإنه يتحكم في الملاحة داخل الخليج العربي ويربطه بالمحيط الهندي، وعلى امتداد السواحل العربية على البحار والمحيطات، قامت موانئ عربية كبرى ذات أهمية استراتيجية واقتصادية تشكل حلقة وصل مهمة في المواصلات الدولية بين قارات العالم وموانيها التجارية.
+
+وقد زاد من أهمية هذه المدن والموانئ توسع في مجال نقل الركاب والتجارة.
+
+كما أن البلاد العربية منطقة جغرافية واحدة متصلة، لا توجد بينها حواجز طبيعية تفصل أجزاءها عن بعضها البعض، وتحول دون اتصال سكانها بعضهم أو تعرقل حركتهم فهم عاشوا أغلب العصور في وحدة كاملة وصنعوا تاريخاً مشرفاً، حيث يرتبط العرب فيما بينهم بروابط وثيقة أهمها الدين الإسلامي واللغة العربية والتاريخ المشترك والمصير الواحد، وهي من أهم العوامل المساعدة على وحدة الوطن العربي.
+
+11
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة أهمية المنطقة العربية جغرافياً واستراتيجياً في مطلع القرن السادس عشر، مع التركيز على موقعها المتوسط بين قارات العالم القديم.  
+تشرح دور البحار والمضائق والقنوات مثل جبل طارق وقناة السويس وباب المندب وهرمز في التجارة والملاحة الدولية.  
+كما تبرز أن الوطن العربي منطقة متصلة جغرافياً، تجمع سكانه روابط الدين واللغة والتاريخ والمصير المشترك.  
+تتضمن الصفحة عنواناً رئيسياً داخل إطار زخرفي، مع تصميم تعليمي بسيط وحدود مزخرفة ورقم الصفحة في الأسفل.
+
+
+================================================================================
+PAGE 12 - page_0012.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+ومما يؤكد أهمية المنطقة ما يلي:
+1- وجود حضارات عريقة نشأت في رحاب هذه المنطقة، أسهمت الأنشطة البشرية في تطورها وبقائها، حيث عملت على نموها وتطورها عبر التاريخ في كل من العراق والسودان والقرن الأفريقي، وقد ساعدت سهولة الاتصال بين هذه الأقطار واندماج الأفراد على نمو هذه الحضارات واختلاطها وتطورها، فتأثر بذلك سكان المنطقة بعضهم بعضهم وعملوا على تطوير أنفسهم عبر التاريخ.
+2- اتضحت أهمية المنطقة في غزو الإسكندر المقدوني، الذي خرج من اليونان (بلاد الأغريق) إلى بلاد العربية في القرن الرابع قبل الميلاد، واجتاح معظم أقاليم المشرق العربي، الأمر الذي ساعد على اختلاط الحضارة اليونانية بالحضارة العربية القديمة والحضارات الشرقية الأخرى المعاصرة لها، وقد أدى ذلك إلى قيام الحضارة الهلنستية، كما تواصلت الاتصالات خلال العهدين الروماني والبيزنطي اللذان خضعت فيها الأقاليم العربية لنفوذهما.
+
+2- الأهمية التاريخية والدينية:
+ارتبطت أهمية الموقع بقدم وجود الإنسان في هذه المنطقة، إذ كان للنشاط البشري في زمن الحضارات القديمة التي ازدهرت على ضفاف الأنهار والأودية، وفي السهول الساحلية طيلة العصور القديمة، كما أنها كانت مهبط الأديان السماوية مثل: الديانة اليهودية والديانة المسيحية التي ظهرت في فلسطين بالمنطقة العربية، ومنها انتشرت إلى أوروبا وبقية أجزاء العالم وصار لها أتباع كثيرون، وقد اعتنقها بعض العرب وكان لهم جهد كبير في نشرها، ثم ختاماً بالدين الإسلامي الذي ظهر في الجزيرة العربية في القرن السابع الميلادي، واعتنق معظم العرب هذا الدين الجديد بما يحمله من قيم إنسانية ودعوة إلى المساواة والعدل والرخاء وتبصير الناس بقيمة الحياة الدنيا، وما ينتظرهم من نعيم خالد في الآخرة.
+كما إن تكليف العرب بنشره وتبليغه للناس كافة قد حملهم مسؤولية كبرى أصبحوا بها سادة لقرون عديدة حيث حمل المسلمون الأوائل رايته إلى جهات كثيرة في آسيا وأفريقيا وأوروبا في الوقت التي أصبحت بلادهم قبلة للناس من جميع أنحاء العالم، نظراً لوجود الحواضر التاريخية بها مثل مكة المكرمة والمدينة المنورة بالحجاز والقدس بفلسطين، وما تحويه هذه الحواضر من أماكن مقدسة تقوم عليها مناسك وشعائر مهمة، الأمر الذي جعل هذه المنطقة تزدهر في الجانب المادي والعلمي والفني، وفي القيم الروحية والأخلاقية أيضاً.
+ورغم ما أحدثه المسلمون من تطور وتقدم في كافة المجالات حتى بلغوا قمة المجد الحضاري، إلا أنهم تعرضوا إلى أحداث عصيبة ومأساوية نتيجة لتعرض البلاد العربية والإسلامية إلى اعتداءات خارجية متعددة، كادت أن تعصف بكيانها وتقضي عليها، فقد تعرض المسلمون في آن واحد تقريباً إلى الغزو الصليبي الأوروبي الغربي، والاجتياح المغولي البربري الشرقي، وما ألحقه هؤلاء من ضرر بالبلاد.
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+12
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة أهمية المنطقة العربية من الناحيتين الحضارية والتاريخية والدينية. تشرح قيام حضارات قديمة في العراق والسودان والقرن الأفريقي، وتأثرها بالاتصال بين الأقاليم، ثم تشير إلى غزو الإسكندر واختلاط الحضارات وظهور الحضارة الهلنستية.  
+كما تعرض مكانة المنطقة الدينية باعتبارها مهبط الديانات السماوية: اليهودية والمسيحية والإسلام، ودور العرب والمسلمين في نشر الإسلام وازدهار المنطقة علمياً وروحياً.  
+وتختم بذكر ما تعرضت له البلاد العربية والإسلامية من أخطار خارجية مثل الغزو الصليبي والاجتياح المغولي.  
+بصرياً: الصفحة من كتاب مدرسي عربي، بإطار زخرفي بني، عنوان علوي، وترقيم صفحة (12) أسفل اليمين.
+
+
+================================================================================
+PAGE 13 - page_0013.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+العربية والإسلامية وحضارتها طال البشر والحجر.
+
+ثم كان التهديد الإسباني- البرتغالي للسواحل والحواضر الإسلامية في شمال أفريقيا والسواحل الجنوبية لشبه الجزيرة العربية والخليج العربي والبحر الأحمر، بعد أن اكتشفوا طريق رأس الرجاء الصالح وتمكنوا من الدوران حول أفريقيا والاتجاه شرقاً وصولاً إلى الهند وبقية السواحل الشرقية.
+لقد أحدث هذا الاكتشاف الجغرافي الجديد تحولاً جذرياً في النشاط التجاري، وفقدت منطقتنا مكانتها الاقتصادية.
+كما أن نظام الحكم العثماني وفساد بعض الولاة في المنطقة العربية في مطلع القرن السادس عشر (1516م) أسهم في الركود والتخلف لمدة طويلة، ولما ضعفت الدولة العثمانية استغلت الدول الاستعمارية ذلك، وعملت على بسط نفوذها على معظم أجزاء البلاد العربية، وقد عاش سكان الوطن العربي مساوئ الاستعمار وقاوموه حتى تخلصوا منه.
+
+3- الأهمية الاقتصادية:
+
+تميزت المنطقة العربية باتساع رقعتها الجغرافية مما أدى إلى تنوع الأقاليم المناخية والنباتية بها، وحصولها على قدر مهم من الأمطار الشتوية والصيفية ودرجات حرارة مختلفة من مكان إلى آخر، كل ذلك أدى إلى تنوع مواردها الزراعية والنباتية التي أعطتها أهمية في الاقتصاد العالمي، وقد صاحب ذلك تنوع الثروة الحيوانية كمصدر للغذاء والخامات الصناعية.
+ثم كان اكتشاف النفط والغاز بكميات استهلاكية وتجارية، الأمر الذي أضفى على المنطقة العربية أهمية اقتصادية، كما أن ما لديها احتياط عالي من الثروة المعدنية جعل لها دوراً مهماً في الاقتصاد الدولي، وأتاح لها أن تلعب دوراً مهماً في الاقتصاد الدولي وقد تكون سبباً لتمتع العرب بمكانة سياسية مرموقة إذا استغلت هذه الثروات الاستغلال الأمثل.
+
+13
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة تراجع مكانة المنطقة العربية بعد اكتشاف طريق رأس الرجاء الصالح، وما نتج عنه من تحول في التجارة العالمية وتهديد إسباني-برتغالي للسواحل العربية والإسلامية.  
+كما تشرح أثر الحكم العثماني وضعفه ثم الاستعمار الأوروبي على البلاد العربية ومقاومة السكان له.  
+وفي الجزء الأخير تعرض الأهمية الاقتصادية للمنطقة العربية من حيث تنوع المناخ والموارد الزراعية والحيوانية.  
+وتبرز أيضاً أهمية النفط والغاز والثروات المعدنية في تعزيز مكانة المنطقة العربية في الاقتصاد الدولي.
+
+
+================================================================================
+PAGE 14 - page_0014.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+نشأة الدولة العثمانية وتطورها
+
+يرجع نسب الأتراك العثمانيين إلى الجنس الطوراني، الذي كان يسكن وسط قارة آسيا في تلك السهول الواسعة التي تقع بين شرق بحر قزوين وغرب الصين.
+
+وقد عاش الأتراك بشكل عام في قبائل متفرقة تحترف الرعي وسط حشائش الاستبس الكثيفة بأواسط آسيا، وكان لصعوبة الطبيعة الجغرافية وحركة تنقلهم الدائم أثر على حياتهم القاسية، إذ كانت تلك القبائل شديدة المراس في الحروب، قادرة على التكيف مع هذه البيئة القاسية.
+
+اعتنقت القبائل التركية الدين الإسلامي منذ زمن بعيد، وساهمت مساهمة واضحة في نشره بين قبائل أواسط آسيا وما حولها، وترجع علاقة العرب بالأتراك إلى زمن الدولة العباسية حيث استعان بهم الخليفة المعتصم 833-842م، وأدخلهم الجيش ومؤسسات الدولة واستطاع بعضهم الوصول إلى الحكم وتأسيس دولة شبه مستقلة كالطولونيين والإخشيديين في مصر، والغزنويين في الهند، والسلاجقة في آسيا الصغرى.
+
+أما تسميتهم بالعثمانيين فترجع إلى (عثمان بن أرطغرل بن سليمان) مؤسس الدولة العثمانية التي استمرت زهاء ستة قرون، إذ بدأت من أوائل القرن الرابع عشر (1300م) واستمرت قائمة إلى مطلع القرن العشرين (1924م).
+
+سبب هجرتهم إلى الأناضول:
+
+يرجع العثمانيون في أصلهم إلى قبيلة (أغوز) التركمانية التي كانت تقيم مع غيرها من القبائل التركية في سهول آسيا الوسطى، وقد هاجروا من موطنهم الأصلي بسبب الهجمات المغولية التي انطلقت في القرن الثالث عشر الميلادي، وذلك بعد أن نجح زعيم المغول جنكيز خان وتعني (ملك الملوك) في تأسيس دولة المغول التي هاجمت جيرانها بشراسة وفي كافة الاتجاهات، مما دفع القبائل التركمانية القاطنة في أواسط آسيا إلى التحرك في حالة خوف شديد في اتجاهات مختلفة، حيث وصلت قبيلة (أغوز) بقيادة أرطغرل إلى منطقة الأناضول، وأثناء تنقلها في هذه المنطقة، وجدت جيشاً من السلاجقة، وهم أتراك مسلمون بقيادة السلطان علاء الدين السلجوقي يخوض إحدى المعارك ضد قوات بيزنطية، فانضمت إليه حتى تم النصر للسلاجقة بهزيمة البيزنطيين، مما دفع السلطان السلجوقي إلى مكافأتهم بأن منحهم مقاطعة صغيرة تسمى (اسكي شهر) شمال الأناضول لكي تتخذها مقراً لها في موطنها الجديد.
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+14
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة نشأة الدولة العثمانية وأصول الأتراك العثمانيين وهجرتهم من آسيا الوسطى إلى الأناضول.  
+وتوضح طبيعة حياتهم القبلية، واعتناقهم الإسلام، وعلاقتهم بالعرب منذ العصر العباسي.  
+كما تشرح سبب تسميتهم بالعثمانيين نسبة إلى عثمان بن أرطغرل، ومدة قيام دولتهم من 1300م إلى 1924م.  
+وتعرض سبب هجرتهم بسبب الغزو المغولي، ثم استقرار قبيلة أغوز في الأناضول بعد مساندتها للسلاجقة ضد البيزنطيين.  
+وتتضمن الصفحة عناصر زخرفية تعليمية فقط مثل عنوان داخل إطار مزخرف وحدود للصفحة ورقم الصفحة أسفل اليمين.
+
+
+================================================================================
+PAGE 15 - page_0015.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+ترتيب شؤون الدولة وتطورها:
+
+من مقاطعة اسكي شهر بدأت قبيلة أغوز في ترتيب شؤونها، وتوسيع أملاكها وخاصة على أيام عثمان بن أرطغرل (1299 - 1326م) الذي خلف والده في زعامة القبيلة وكان على جانب كبير من الشجاعة والمقدرة السياسية، الأمر الذي مكنه من إعلان قيام الدولة العثمانية عام 1299م واتخذ من مدينة بورصة (بورصة) عاصمة لتلك الدولة الناشئة التي استطاعت أن تنهض بالرغم من أنها كانت محاطة بالأعداء، فمن الشرق كان التهديد المغولي الذي لا يزال محتملاً؛ ومن الغرب الدولة البيزنطية، ومن الجنوب الإمارات التركية المنافسة لها.
+
+استطاعت هذه الدولة أن تشق طريقها بصعوبة، وتصبح إمبراطورية مترامية الأطراف حيث لعبت دوراً هاماً وأساسياً في تشكيل تاريخ المنطقة والعالم ولمدة ستة قرون حوالي (625 سنة) وتوالى على حكم هذه الدولة (37) سلطاناً كان أولهم السلطان عثمان بن أرطغرل وآخرهم السلطان محمد السادس الذي انهارت الإمبراطورية العثمانية في عهده وقامت على أنقاضها الجمهورية التركية الحديثة عام 1924م.
+
+توسع الدولة العثمانية:
+أ- التوسع الداخلي:
+
+توسعت الدولة في عهد السلطان عثمان لتشمل مقاطعة (اسكي شهر) وسهول نيقية وإقليم بورصة، ومن هنا ازدادت شهرته وخافه البيزنطيون، واعترف به سلطان السلاجقة وتهاتوت أمامه الإمارات التركية المنافسة، ومن في عهد ابنه السلطان أورخان استمرت الدولة باحتلال مدينة بورصة ومدينة نيقية احتلالاً نهائياً، وقد استمرت الدولة في اتباع سياسة التوسع على حساب أملاك الدولة البيزنطية داخل آسيا الصغرى والأناضول حتى عام 1453م عندما استطاع السلطان محمد الثاني الملقب (بالفاتح)(*) من فتح مدينة القسطنطينية عاصمة الدولة البيزنطية والاستيلاء عليها وضمها إلى أملاك الدولة العثمانية فاتحاً بذلك طريق التوسع العثماني نحو شرق أوروبا، وقد اتخذ مدينة القسطنطينية عاصمة لدولته الجديدة بعد أن استبدل اسمها إلى مدينة الأستانة (وهي المعروفة الآن بمدينة إسطنبول، العاصمة الاقتصادية والتجارية لتركيا حالياً).
+
+(*) السلطان محمد الثاني الملقب بالفاتح: هو سابع سلاطين الدولة العثمانية وهو من سلالة آل عثمان عرف في عهده توسعاً كبيراً للدولة العثمانية، ولد في 29 رجب 833هـ/ الموافق 1429م في مدينة أدرنة عاصمة الدولة العثمانية آنذاك، دام حكمه إحدى وثلاثين سنة. توفي في 4 ربيع الأول 886-1481م عن ثلاث وخمسين سنة ودفن بالمسجد المسمى باسمه.
+
+15
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة نشأة الدولة العثمانية وتطورها منذ قبيلة أغوز في اسكي شهر، ثم إعلان قيام الدولة على يد عثمان بن أرطغرل سنة 1299م.  
+كما تشرح مراحل التوسع الداخلي للدولة العثمانية في عهد عثمان وأورخان، ثم فتح القسطنطينية سنة 1453م على يد السلطان محمد الفاتح.  
+وتذكر الصفحة مدة حكم الدولة العثمانية وعدد سلاطينها حتى سقوطها وقيام الجمهورية التركية الحديثة سنة 1924م.  
+بصرياً، تحتوي الصفحة على عناوين رئيسية وفرعية باللون البني، وإطار زخرفي حول النص، مع صندوق مميز أسفل الصفحة يضم نبذة عن السلطان محمد الفاتح.
+
+
+================================================================================
+PAGE 16 - page_0016.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+ب- التوسع الخارجي :
+
+كان التوسع غرباً باتجاه أوروبا الشرقية أي منطقة البلقان (اليونان حالياً وما في شمالها) من اهتمامات الدولة العثمانية في الفترة الواقعة بين قيامها 1299 - 1516م بعد أن تم لها ضم جميع مناطق غرب الأناضول البيزنطية ثم الاستيلاء على جزيرة رودس وطرد فرسان القديس يوحنا إلى جزيرة مالطا والذين عرفوا فيما بعد (فرسان مالطا) الذين كانوا يحتلون رودس منذ الحروب الصليبية على الوطن العربي، كذلك تم الاستيلاء على مدينة (بلغراد) عاصمة صربيا اليوم سنة 1520م واتجه نحو المجر واستولى السلطان العثماني على العاصمة (بودابست) سنة 1526م، كما حاول السيطرة على مدينة (فيينا) عاصمة النمسا التي وصلها الجيش العثماني وحاصرها في 1529م غير أنه لم يستطع إتمام احتلالها بسبب تكالب الدول الأوروبية على الدولة العثمانية، وتزعمت الكنيسة الدعوة إلى وقف الخطر العثماني الإسلامي الداهم لأوروبا المسيحية.
+
+لم يلق الشرق العربي الإسلامي اهتماماً يذكر من الدولة العثمانية إلا بعد أن ظهرت دولة الصفويين الإسلامية ذات المذهب الشيعي في إيران والتي أخذت تنشر مبادئها بين القبائل التركمانية السنية، وكانت تلك القبائل تعارض الحكم العثماني وتوسعه في إطار التنافس لغرض الزعامة بين القبائل التركمانية، بذلك تحالفت تلك القبائل مع الدولة الصفوية الشيعية ضد العثمانيين، مما دفع هؤلاء إلى إرسال جيشهم على أيام السلطان العثماني سليم الأول (1512-1520م) الذي التقى بالجيش الصفوي الشيعي فيما يعرف تاريخياً بمعركة (جالديران) عام 1914م قرب مدينة (تبريز) عاصمة الدولة الصفوية، حيث انتصر العثمانيون انتصاراً باهراً على خصومهم الصفويين، ورغم ذلك انسحبوا لعدم أهمية المنطقة بالنسبة لهم، وقد ترتب على هذا الانتصار أن تقلص النفوذ الصفوي الشيعي داخل الأناضول، ونجح العثمانيون في ضم أجزاء كثيرة من شرق الأناضول إلى دولتهم، وبذلك حصنوا حدودهم الشرقية، وقد نبهت هذه المعركة العثمانيين إلى وجود الفراغ السياسي الموجود في منطقة المشرق الإسلامي وبخاصة ببلاد الشام والعراق المجاورة لدولتهم وقد أدرك السلطان سليم الأول أهمية بلاد الشام ومصر التابعين لدولة المماليك وما تسببه من منافسة قوية للدولة العثمانية، لذلك دفع بجيشه نحو بلاد الشام واستولى عليها بعد أن هزم المماليك في موقعة (مرج دابق) عام 1516م، فأصبحت بلاد الشام تابعة للعثمانيين ومنها سار الجيش العثماني نحو مصر التي دخلها عام 1517م، بعد أن هزم وقضى على دولة المماليك في موقعة الريدانية (العباسية) شرق مصر.
+
+ولما توفي السلطان سليم الأول خلفه ابنه السلطان سليمان القانوني 1520-1566م وقد شهدت الدولة في عهده ازدهاراً كبيراً، وقد وضع قانوناً ثابتاً يضمن تقسيم الدولة إلى ولايات كل منها قائم بذاته من أجل ترسيخ أركان الدولة وحفظها من الانفصال لذلك عرف بالقانوني، وقد توفي السلطان
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+16
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن التوسع الخارجي للدولة العثمانية، خاصة في أوروبا الشرقية ومنطقة البلقان، ثم انتقال اهتمامها إلى المشرق العربي بعد ظهور الدولة الصفوية.  
+كما تشرح معارك مهمة مثل الاستيلاء على بلغراد وبودابست، ومحاولة حصار فيينا، ثم معركة جالديران ضد الصفويين.  
+وتعرض أيضاً توسع العثمانيين في بلاد الشام ومصر بعد هزيمة المماليك في مرج دابق والريدانية، ثم بداية عهد السلطان سليمان القانوني.  
+الصفحة نصية بالكامل تقريباً، وتضم عنواناً رئيسياً في الأعلى، وإطاراً زخرفياً حول النص، ورقم الصفحة في الأسفل.
+
+
+================================================================================
+PAGE 17 - page_0017.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+(سليمان القانوني) 1566م في إحدى معاركه في شرق أوربا وخلفه ابنه (سليم الثاني) الذي تم في عهده الاستيلاء على جزيرة قبرص، غير أن عهد سليم الثاني اتسم بالضعف وساد فيه الفساد السياسي وانتشار الرشوة والاهتمام بالحريم، وأهمل الجيش الذي أصبح عنصراً مهماً في انتشار الفوضى وعدم استتباب الأمن بفعل تدخل الجند في السياسة.
+
+الدولة العثمانية بعد السلطان سليم الثاني:
+
+توالى على حكم الإمبراطورية العثمانية بعد سليم الثاني عدد من السلاطين لم تسجل في عهودهم حوادث مهمة ومثيرة، كما تدهورت الأحوال السياسية والاقتصادية بسبب سيطرة الجند الإنكشارية على السلطة واستغلال نفوذهم في عزل وتعيين الولاة والمسؤولين حيث أصبحت المناصب تباع وتشترى.
+ولما تولى السلطان مراد الرابع عرش الإمبراطورية عمل على إخماد ثورة الجند والحد من نفوذهم، حيث قام بحل هذه المنظمة نهائياً، وبذلك تخلصت الدولة العثمانية من أهم عوامل الاضطراب، كما استرد بغداد من الفرس وقضى على ثورة فخر الدين في لبنان وبذلك انتعشت أحوال الدولة العثمانية.
+لكن أوضاع الدولة العثمانية عادت إلى التدهور مرة أخرى خلال عهد السلطان إبراهيم، ومحمد الرابع، وسليمان الثاني، ومصطفى الثاني غير أن تولي أبناء الأسرة (كوبريلي) منصب الصدر الأعظم (رئاسة الوزراء) في الدولة العثمانية لمدة (50) خمسين عاماً من عام (1640-1691م) استطاعوا أن يستردوا هيبة السلطان العثماني ومكانة الإمبراطورية العثمانية التي أصبحت تلفظ أنفاسها.
+لقد خاض أفراد هذه الأسرة عدة حروب مع بلاد فارس والدول الغربية، غير أنهم لم يصمدوا طويلاً، وقد تعددت جبهات القتال وأصبح التحدي للعثمانيين كبيراً، وهو ما أشغلهم عن الإصلاح والاهتمام بالأوضاع الاقتصادية والاجتماعية وتحديث الجيش. لقد خسر العثمانيون في عهد مصطفى الثالث معظم أملاكهم في أوربا أثناء صراعهم مع روسيا فيما يعرف (بحرب القرم) والتي كان من نتائجها فرض الامتيازات الروسية على الدولة العثمانية.
+أما في عهد السلطان (عبد الحميد الأول) فقد تلقت الدولة العثمانية هزيمة على يد القوات الروسية 1771م، وفرضت عليها معاهدة (كوجك فينارجه) عام 1774م.
+لقد أُدخلت بعض الإصلاحات على الدولة العثمانية في عهد السلطان سليم الثالث، والسلطان محمود الثاني الذي قضى على ثورة الجند الإنكشارية الذين حاولوا العودة إلى واجهة الأحداث، كما فقدت الدولة العثمانية العديد من المناطق، حيث استقلت صربيا واليونان كما استقل محمد علي بحكم مصر والذي أصبح استقلالاً نهائياً في عهد السلطان عبد العزيز وحصل حاكمها على لقب الخديوي إضافة إلى بعض الامتيازات الأخرى، وذلك بعد تدمير الأسطولين العثماني والمصري في حرب المورة.
+وفي عام 1876م تربع السلطان (عبد الحميد الثاني) على عرش الإمبراطورية خلفاً للسلطان (عبد العزيز)،
+
+17
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة أوضاع الدولة العثمانية بعد وفاة سليمان القانوني وتولي سليم الثاني، ثم مظاهر الضعف والفساد وتدخل الإنكشارية في الحكم. كما تشرح محاولات بعض السلاطين والوزراء، خاصة مراد الرابع وآل كوبريلي، لإصلاح الدولة واستعادة هيبتها.  
+وتعرض الصفحة الحروب مع فارس وروسيا والدول الأوروبية، وما نتج عنها من هزائم ومعاهدات مثل كوجك فينارجه، إضافة إلى فقدان بعض الأقاليم واستقلال صربيا واليونان ومصر.  
+بصرياً، الصفحة عبارة عن نص تاريخي تعليمي عربي داخل إطار زخرفي بني، مع عنوان فرعي بارز، ورقم الصفحة 17 وشعار حقوق النشر أسفل الصفحة.
+
+
+================================================================================
+PAGE 18 - page_0018.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+الذي كلف وزيره (مدحت باشا) بإعداد دستور لحكم البلاد، ولكنه عزله بعد مدة قصيرة، وازداد في عهده فقدان الدولة العثمانية لأملاكها في مناطق القوقاز والبلقان وغيرها، كما أن الأطماع السياسية الاستعمارية للدول الأوروبية أصبحت واضحة ومكشوفة، وأخذت تعد العدة للتوسع على حساب أملاك الدولة العثمانية، حيث احتلت فرنسا الجزائر 1830م وتونس 1881م واحتلت بريطانيا عدن 1839م ومصر 1882م.
+
+لقد حاول السلطان عبد الحميد إيقاف هذا المد الاستعماري ولكنه تعرض للعزل سنة 1909م من قبل حزب تركيا الفتاة، وتم تنصيب شقيقه السلطان محمد رشاد الملقب بالخامس خلفاً له، وهو الذي ثارت في عهده شعوب منطقة البلقان ضد الدولة العثمانية من جديد، وألحقت جيوش الدولة العثمانية هزيمة كبيرة لولا ذلك الموقف الذي وقفه زعماء وقادة حزب تركيا الفتاة وخاصة العسكريين ومنهم (أنور باشا) و(مصطفى كمال) (أتاتورك).
+
+وقد دخلت تركيا الحرب العالمية الأولى (1914-1918م) إلى جانب ألمانيا والنمسا وسخرت كامل إمكانياتها في هذه الحرب لكنها خرجت مهزومة، وفقدت على أثرها أملاكها في المنطقة العربية وعقب انتهاء الحرب العالمية الأولى تولى (السلطان محمد وحيد الدين المعروف بالسادس) (1918-1922) وهو آخر سلاطين الدولة العثمانية، وقد واجه زعماء تركيا في عهده جيوش الحلفاء الفرنسيين والبريطانيين (1920-1922م) وتمكن الحلفاء من استرداد أراضيهم بعد معاهدة لوزان سنة 1923م كما أصروا على إجلاء اليونانيين والحلفاء المساندين لهم عن إسطنبول وتراقيا الشرقية، وتم إلغاء الامتيازات الأجنبية التي كان يتمتع بها الأجانب القاطنين في الأراضي التركية.
+
+وفي عام 1924م تولى السلطة (مصطفى كمال أتاتورك)، فاتخذ مجموعة من الإجراءات أثار بعضها غضب الأكراد والعرب والمسلمين كافة والتي لازالت تبعاتها ظاهرة إلى اليوم، ومن أهم هذه الإجراءات:
+1- إلغاء الخلافة الإسلامية التي استمرت ستة قرون والتي اعتبرها البعض امتداداً للخلافة العباسية.
+2- كتابة اللغة التركية بالحروف اللاتينية بعد أن كانت بالحروف العربية وذلك اعتباراً من عام 1928م في محاولة لسلخ تركيا عن محيطها الشرقي الإسلامي.
+3- استبدال الطربوش التركي بالقبعة في تنكر واضح للتراث العثماني.
+4- إسقاط الألقاب والأسماء العربية واستبدالها بغيرها تركية، وطبق ذلك على نفسه سنة 1934م بأن سمى نفسه (أتاتورك) ومعناها (أبو الترك) وسمى رفيقه (عصمت باشا) باسم (عصمت إينونو) نسبة إلى معركة إينونو المعروفة بهزيمة اليونان أمام الترك في الأناضول.
+5- إقرار مبدأ العلمانية والذي لا يجعل للدين أي مكانة في الحياة العامة.
+
+وبتولي (مصطفى كمال أتاتورك) انتهى عصر الخلافة العثمانية الذي تواصل من سنة 1300 - 1924م وحل مكانه عصر الجمهورية التركية حتى الوقت الحاضر.
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+18
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة أواخر الدولة العثمانية، وتوضح ضعفها وفقدانها لأراضٍ واسعة بسبب التوسع الاستعماري الأوروبي.  
+كما تشرح عزل السلطان عبد الحميد الثاني، ثم دخول تركيا الحرب العالمية الأولى وهزيمتها وانتهاء الحكم العثماني.  
+وتعرض صعود مصطفى كمال أتاتورك وإجراءاته بعد 1924م مثل إلغاء الخلافة، اعتماد الحروف اللاتينية، والعلمانية.  
+الصفحة نصية تعليمية فقط، ولا تحتوي على صور أو رسوم بيانية، مع إطار زخرفي ورقم الصفحة 18.
+
+
+================================================================================
+PAGE 19 - page_0019.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+قائمة بأسماء سلاطين الدولة العثمانية وزمن توليهم الحكم من  
+عام (1299م وحتى عام 1922م)
+
+| الرقم | اسم السلطان | فترة الحكم بالتاريخ الميلادي | ملاحظات |
+|---|---|---|---|
+|  | عثمان الأول (ابن ارطغرل) | 1299 إلى 1326م | مؤسس الدولة العثمانية |
+| 1 | أورخان بن عثمان | 1326 إلى 1362م |  |
+| 2 | مراد الأول | 1362 إلى 1389م |  |
+| 3 | بايزيد الأول | 1389 إلى 1402م |  |
+| 4 | محمد جلبي | 1403 إلى 1413م | سلطان الاناضول الشرقية |
+| 5 | محمد الأول | 1413 إلى 1421م |  |
+| 6 | مراد الثاني | 1421 إلى 1444م | فترة حكمه الأولى |
+| 7 | محمد الثاني | 1444 إلى 1446م |  |
+| 8 | مراد الثاني | 1446 إلى 1451م |  |
+| 9 | محمد الثاني (الفاتح) | 1451 إلى 1481م | فترة حكمه الثانية/ فتح القسطنطينية 1453م |
+| 10 | بايزيد الثاني | 1481 إلى 1512م |  |
+| 11 | سليم الأول | 1512 إلى 1520م | أصبح خليفة للمسلمين منذ 1517م |
+| 12 | سليمان الأول (الملقب بالقانوني) | 1520 إلى 1566م | حكم أطول فترة وبلغت البلاد في عهده الكمال والإزدهار |
+| 13 | سليم الثاني | 1566 إلى 1574م | أول سلطان أهمل قيادة الجيش |
+| 14 | مراد الثالث | 1595 إلى 1603م |  |
+| 15 | احمد الأول | 1603 إلى 1617م | بداية ركود الدولة |
+| 16 | مصطفى الأول | 1617 إلى 1618م | عزل عن العرش بسبب اصابته بعاهة عقلية |
+| 17 | عثمان الثاني | 1618 إلى 1622م | نصب بدل عمه مصطفى الأول |
+| 18 | مراد الرابع | 1622 إلى 1640م | ابن أحمد الأول، ليسترجع عدة أقاليم من الصفويين |
+| 19 | إبراهيم بن محمد أحمد سياحمد الأول | 1640 إلى 1648م | خلع بانقلاب عسكري بقيادة شيخ الإسلام |
+| 20 | محمد الرابع | 1648 إلى 1687م | عزل بعد الهزيمة في معركة موهاج الثانية |
+
+19
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن قائمة سلاطين الدولة العثمانية مع سنوات حكمهم بالتاريخ الميلادي، بدءًا من عثمان الأول مؤسس الدولة سنة 1299م.  
+كما تعرض ملاحظات مختصرة عن بعض السلاطين مثل فتح القسطنطينية في عهد محمد الفاتح، وخلافة سليم الأول، وازدهار الدولة في عهد سليمان القانوني.  
+الصفحة عبارة عن جدول منظم بأربعة أعمدة: الرقم، اسم السلطان، فترة الحكم، والملاحظات.  
+يوجد إطار زخرفي حول الصفحة، ورقم الصفحة 19 في الأسفل، مع إشارة إلى أنها من كتاب للسنة الثالثة من مرحلة التعليم الثانوي في ليبيا.
+
+
+================================================================================
+PAGE 20 - page_0020.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+21 | سليمان الثاني | 1687 إلى 1691م  
+22 | أحمد الثاني | 1691 إلى 1695م  
+23 | مصطفى الثاني | 1695 إلى 1703م  
+24 | أحمد الثالث | 1703 إلى 1730م | بداية أفول الدولة  
+25 | محمود الأول | 1730 إلى 1754م  
+26 | محمد الثاني | 1754 إلى 1757م  
+27 | مصطفى الثالث | 1757 إلى 1774م  
+28 | عبد الحميد الأول | 1774 إلى 1789م  
+29 | سليم الثالث | 1789 إلى 1807م | بداية انحلال الدولة  
+30 | مصطفى الرابع | 1807 إلى 1808م  
+31 | محمد الثاني | 1808 إلى 1839م | أصدر فرمانا يهدف تحديث الدولة وفرمانا آخر يتضمن المساواة بين العثمانيين بغض النظر عن دياناتهم.  
+32 | عبد العزيز | 1861 إلى 1876م | عزله وزراؤه، مات منتحرا  
+33 | مراد الخامس | 1876 إلى 1876م | عزل لإصابته بالجنون  
+34 | عبد الحميد الثاني | 1876 إلى 1909م | أقر الدستور ثم عطله، تم أعيد العمل به، خلع بالانقلاب 1909م  
+35 | محمد الخامس | 1909 إلى 1918م | حكم حكما صوريا  
+36 | محمد السادس | 1918 إلى 1922م | شهد انهيار الدولة العثمانية، غادر الأستانة 1922م توفي في منفاه بمدينة سان ريمو بإيطاليا  
+37 | عبد المجيد الثاني | 1922 إلى 1924م | آخر خليفة وقد انتخب من قبل البرلمان التركي قيام الجمهورية التركية
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+20
+
+------------PAGE TALK ABOUT------------
+الصفحة تعرض جدولا تاريخيا لسلاطين الدولة العثمانية من الرقم 21 إلى 37 مع سنوات حكم كل سلطان وملاحظات مختصرة عن أبرز الأحداث في عهده.  
+تشير إلى مراحل مهمة مثل بداية أفول الدولة وبداية انحلالها، ثم الإصلاحات الدستورية والسياسية في القرن التاسع عشر.  
+كما توضح نهاية الدولة العثمانية في عهد محمد السادس، ثم آخر خليفة وهو عبد المجيد الثاني حتى قيام الجمهورية التركية.  
+العنصر البصري الأساسي هو جدول من أربعة أعمدة: الرقم، اسم السلطان، مدة الحكم، وملاحظات تاريخية.
+
+
+================================================================================
+PAGE 21 - page_0021.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+مجئ العثمانيين إلى المنطقة العربية:
+
+يفخر العثمانيون بأنهم من معتنقي الدين الإسلامي، وأنهم من حماته والمدافعين عنه، لذلك وقفت الدولة العثمانية ضد كافة الهجمات والمؤامرات التي استهدفت العالم الإسلامي، ومع هذا فقد اتجهت الدولة العثمانية إلى المنطقة العربية لعدة أسباب أخرى أهمها:
+
+أ- إمكانية السيطرة على المنطقة العربية لوجود فراغ سياسي بها نتيجة لتوسع الخلاف بين العرب والمماليك.
+
+ب- رغبة المسلمين بالمنطقة العربية في التحالف مع العثمانيين لمواجهة الخطر الصليبي.
+
+ج- توقف العثمانيين عن التوسع في أوروبا نظراً لاستعداد الأوروبيين للمواجهة، وهو الأمر الذي لا يمكنهم من التوغل غرباً لأكثر من ذلك.
+
+د- عدم رغبة العثمانيين في التوسع شرقاً داخل بلاد فارس، وما حولها خوفاً من فتنة مذهبية بين السنة والشيعة، والاكتفاء بتحطيم الخطر الصفوي الإيراني في معركة (جالديران) عام 1514م ودخول مدينة تبريز عاصمة الصفويين.
+
+هـ- رغبة العثمانيين في تكوين إمبراطورية مترامية الأطراف تكون المنطقة العربية ضمنها، لذلك يحتمل أن يكون السلطان سليم الأول قد تطلع إلى ضم الأماكن المقدسة في كل من مكة المكرمة والمدينة المنورة وبيت المقدس إلى الدولة العثمانية بذلك يصبح حامي حمى المسلمين ومقدساتهم، وقد شجعت الانتصارات السريعة التي تحققت في ضم بلاد الشام ومصر على توسيع نفوذهم أكثر في البلاد العربية.
+
+سمحت الظروف العامة لمجئ العثمانيين إلى المنطقة العربية وذلك لتدهور الأوضاع العسكرية والسياسية والاقتصادية بها، والتي أوجدت فراغاً سياسياً وعسكرياً بالمنطقة بسبب ظهور الإسبان في الأندلس كدولة ناشئة لها تطلعاتها العدائية تجاه العرب والمسلمين، وقد اهتمت بالتوسع الخارجي فشغلت جيشها وأسطولها به والذي هدد المسلمين في الشمال الأفريقي، ونجح في احتلال العديد من المدن والمرافئ البحرية في المنطقة الواقعة بين طنجة بالمغرب غرباً حتى طرابلس ليبيا شرقاً، إلى جانب بروز دولة البرتغال أيضاً في غرب شبه جزيرة أيبيريا كقوة برية وبحرية تحمل روح التعصب الديني والعداء للمسلمين.
+
+وقد اكتشف رأس الرجاء الصالح على يد البرتغالي (فاسكودا جاما)، الذي دار حول إفريقيا ووصل إلى الهند سنة 1498م، وقد ساهم هذا الاكتشاف في تحويل طرق التجارة البرية التي كانت تمر عبر المنطقة العربية الإسلامية ثم إلى البحر المتوسط فأوروبا، والتي أصبحت مرتبطة مباشرة بقارتي إفريقيا وآسيا بحراً، ونتيجة هذا الاكتشاف أصبح الأسطول البرتغالي محاصراً للسواحل العربية في جنوب شبه
+
+21
+
+ليبيا  
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة أسباب مجيء العثمانيين إلى المنطقة العربية، مثل الفراغ السياسي، ورغبة المسلمين في التحالف معهم، وتوقف توسعهم في أوروبا، وعدم رغبتهم في التوسع داخل فارس، وسعيهم لضم الأماكن المقدسة.  
+كما تشرح الظروف العامة التي ساعدت على ذلك، ومنها ضعف الأوضاع السياسية والعسكرية والاقتصادية في المنطقة.  
+وتعرض أيضاً خطر الإسبان والبرتغاليين على العالم الإسلامي، خاصة بعد اكتشاف طريق رأس الرجاء الصالح سنة 1498م وتحول طرق التجارة.  
+الصفحة نصية تعليمية فقط، مزينة بإطار بني، وبها عنوان رئيسي في الأعلى ورقم الصفحة 21 في الأسفل مع تذييل خاص بحقوق النشر في ليبيا.
+
+
+================================================================================
+PAGE 22 - page_0022.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+الجزيرة العربية والخليج العربي مهدداً باحتلالها، من هنا كانت نظرة المسلمين في المنطقة إلى الدولة العثمانية نظرة المنقذ من العدو الصليبي وبأنها دولة مسلمة لها إمكانات، ويمكن أن تحمي البلاد الإسلامية من الأطماع الخارجية.
+
+سقلية  
+إيطاليا  
+ليبيا  
+مغرب السودان  
+بحر الأدرياتي  
+بحر مرمرة  
+بحر قزوين  
+الدولة الصفوية  
+شبه جزيرة العرب  
+بحر العرب  
+البحر المتوسط  
+البحر الأحمر  
+مصر  
+الحجاز  
+اليمن  
+عُمان  
+الشام  
+العراق  
+الأناضول  
+اليونان  
+بلغاريا  
+رومانيا  
+صربيا  
+هنغاريا  
+النمسا  
+روسيا  
+إيران  
+القرم  
+نهر الدانوب  
+نهر دجلة  
+نهر الفرات  
+نهر النيل  
+نهر السند  
+الخليج العربي
+
+الفتوحات الأولى  
+التوسع في عهد سليم الأول  
+التوسع في عهد سليمان القانوني  
+حدود التوسع العثماني
+
+التوسع العثماني
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+22
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن نظرة المسلمين في الجزيرة العربية والخليج العربي إلى الدولة العثمانية بوصفها دولة إسلامية قادرة على حمايتهم من الأخطار والأطماع الخارجية.  
+كما تعرض خريطة بعنوان "التوسع العثماني" توضح مراحل اتساع الدولة العثمانية في ثلاث فترات: الفتوحات الأولى، والتوسع في عهد سليم الأول، والتوسع في عهد سليمان القانوني.  
+تُظهر الخريطة مناطق الامتداد في الأناضول والبلقان والشام ومصر والعراق والحجاز واليمن وأجزاء من شمال أفريقيا، مع بيان حدود التوسع العثماني بخط أحمر.
+
+
+================================================================================
+PAGE 23 - page_0023.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+التوسع العثماني في المنطقة العربية:
+
+أولاً- المشرق العربي:
+
+أ- ضم بلاد الشام عام 1516م:
+
+كانت بلاد الشام تابعة لحكم دولة المماليك القائمة في مصر، وهي آخر الدولات الإسلامية في العصور الوسطى والتي تصدت للغزوين المغولي والصلبي وهزمتهما، وحررت المنطقة من شرورهما، وعندما ظهرت الدولة العثمانية كقوة إسلامية في الأناضول وذاع صيتها بعد ما حققته من انتصارات على الدولة البيزنطية في الأناضول وشرق أوروبا ومنطقة البلقان.
+
+كان المماليك يفرحون بتلك الانتصارات على اعتبارها انتصارات حققها المسلمون على الغرب، الذي يعد عدواً مشتركاً لكل من المماليك والعثمانيين، إضافة إلى أن المماليك كانوا يتبعون المذهب السني مثل العثمانيين. ولكن هذا الوضع من العلاقات الودية بينهما لم يستمر طويلاً، فقد توتر الموقف نظراً لتصادم مصالحهما على الحدود بين البلدين وفي شرق البحر المتوسط، وكان من أسباب هذا التوتر:
+1- قيام المماليك بالاستيلاء على جزيرة قبرص عام 1424م، وهو ما اعتبره العثمانيون تهديداً مباشراً لهم.
+2- قيام المماليك بتقديم الحماية للأمير (جم بن محمد الثاني أخو السلطان) منافس الأمير (بايزيد) في إطار الصراع على الحكم والعرش العثماني ورفضهم تسليم هذا الأمير للعثمانيين.
+3- الصراع بينهما حول إمارة (ذي القدر) الواقعة في الفرات الأعلى على الحدود بين الدولتين، وكانت موالية للمماليك ورفضت تقديم المساعدة للجيش العثماني أثناء حربه مع الصفويين الإيرانيين الشيعة.
+4- تبادل الاتهامات بينهما حول تعرض كل منهما للقوافل التجارية والإمدادات العسكرية التي تخص الطرف الثاني.
+
+تجمعت هذه الأسباب وغيرها في الوقت الذي كان السلطان العثماني (سليم الأول) متحفزاً لغزو الشام، مستغلاً الظروف السياسية والاقتصادية لدولة المماليك، فقد اندفع الجيش العثماني داخل أراضي الشام مخترقاً الحدود بينهما، ووصل أثناء زحفه إلى شمال مدينة حلب عند موضع يسمى (مرج دابق).
+
+التقى الجيشان العثماني بقيادة السلطان (سليم الأول) والمملوكي بقيادة السلطان (قنصوه الغوري) في معركة فاصلة عرفت بمعركة (مرج دابق) يوم 13 أغسطس 1516م، هزم فيها المماليك هزيمة ساحقة، وقتل سلطانهم (قنصوه الغوري). وقد نتج عن هذا الانتصار توغل الجيش العثماني جنوباً ليحتل كامل بلاد الشام معتمداً على
+
+23
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة بداية التوسع العثماني في المشرق العربي، وبالتحديد ضم بلاد الشام سنة 1516م.  
+تشرح وضع الشام تحت حكم المماليك، ثم أسباب توتر العلاقات بين المماليك والعثمانيين مثل النزاع على قبرص وإمارة ذي القدر والصراع السياسي والتجاري.  
+كما تعرض تحرك السلطان سليم الأول نحو الشام ووقوع معركة مرج دابق ضد قنصوه الغوري في 13 أغسطس 1516م، وانتصار العثمانيين.  
+الصفحة ذات طابع نصي تعليمي فقط، ولا تحتوي على صور أو خرائط، مع إطار زخرفي ورقم الصفحة 23 أسفلها.
+
+
+================================================================================
+PAGE 24 - page_0024.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+أسلحته النارية، التي لم تكن في حوزة المماليك، وقد تابع السلطان (سليم الأول) زحفه في اتجاه مصر، قبل أن تصل منها الإمدادات إلى المماليك ببلاد الشام بعد أن بايعه الأمراء وحكام الأقاليم الذين أقرهم في أماكنهم ووظائفهم السابقة، كما وزع الأموال والهبات على العلماء والصوفية والفقراء، وكان من نتائج هذه المعركة ارتفاع اسم العثمانيين عالياً كقوة إسلامية في المنطقة، وخصماً عنيداً للأطماع الغربية فيها.
+
+ب- ضم مصر 1517م:
+
+واصل الجيش العثماني بقيادة السلطان (سليم الأول) تقدمه جنوباً نحو مصر مباشرة بعد احتلال الشام، وقبل أن يتمكن المماليك بها من جمع شملهم واستعدادهم لمواجهته، وما أن وصلت طلائع الجيش العثماني الأراضي المصرية، حتى طلب السلطان (سليم الأول) من سلطان المماليك الجديد (طومان باي) أن يعلن الولاء للعثمانيين ويدخل في طاعة السلطان (سليم) ويذكر اسمه على منابر المساجد في مصر مع تعهد السلطان (سليم) بإقراره حاكماً على مصر كما هو عليه، وفي نفس الوقت تجنباً لإراقة المزيد من الدماء والخسائر من الطرفين، وتصبح بذلك مصر ولاية عثمانية.
+
+رفض سلطان المماليك هذا العرض العثماني، وبذلك أصبح لا مفر من حدوث المواجهة العسكرية واندلاع القتال بين الطرفين، حيث التقى الجيش العثماني بقوات المماليك في معركة الريدانية (العباسية) عام 1517م، وفيها هزم الجيش المملوكي، وقتل السلطان (طومان باي) بعد القبض عليه، وقد ترتب على هذا الانتصار سقوط دولة المماليك نهائياً بعد أن عاشت فترة طويلة من الزمن وأصبحت مصر ولاية عثمانية ودخلت مرحلة جديدة من تاريخها.
+
+ج- دخولهم الحجاز 1517م:
+
+عاشت بلاد الحجاز زمناً طويلاً من تاريخها متأثرة بما يحدث في مصر حيث كانت تابعة لها، وبلاد الحجاز في لغة التاريخ تعني الإقليم الذي تقع فيه حواضر مكة المكرمة والمدينة المنورة والطائف وجمعة، وهي عموماً بلاد فقيرة يعتمد سكانها على مورد الحج، وبعض التجارة، وما تقدمه الأوقاف الإسلامية المحبسة على أهل مكة والمدينة المنورة.
+
+وقد عاشت بلاد الحجاز مسألة في معزل عن الأحداث السياسية والعسكرية وأصبح حاكمها يعين من مركز الدولة الإسلامية في القاهرة، وكان حكام مكة المكرمة يعتقدون أن من يحكم مصر فلا بد أن يعمل المسلمون تحت لوائه، لأن الخليفة العباسي الذي يعتبر الحاكم الروحي للمسلمين انتقل إلى القاهرة في أعقاب الهجمة المغولية على بغداد عام 1258م، وسقوط الخلافة العباسية بها، وعندما استولى
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+24
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة توسع الدولة العثمانية بقيادة السلطان سليم الأول بعد السيطرة على الشام، ثم ضم مصر سنة 1517م بعد هزيمة المماليك في معركة الريدانية وقتل طومان باي.  
+كما تشرح نتائج هذا الانتصار بسقوط دولة المماليك وتحول مصر إلى ولاية عثمانية.  
+وتبدأ بعد ذلك في الحديث عن دخول العثمانيين الحجاز سنة 1517م، وارتباط الحجاز تاريخياً بمصر واعتماده الاقتصادي على الحج والتجارة والأوقاف.  
+الصفحة نصية بالكامل تقريباً، ولا تحتوي على صور أو خرائط، فقط عناوين فرعية وإطار زخرفي ورقم الصفحة.
+
+
+================================================================================
+PAGE 25 - page_0025.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+العثمانيون على مصر أدرك السلطان (سليم الأول) أهمية السيطرة على الحرمين الشريفين في الحجاز، وأن من يحكمها تكون له قيادة المسلمين في جميع أنحاء العالم، وخاصة وأن العثمانيين يتبعون المذهب السني الذي يتبعه معظم العالم الإسلامي، وقد بادر حاكم مكة (الشريف أبو البركات) إلى استرضاء السلطان العثماني (سليم الأول) وهو آنذاك لا يزال موجوداً بمصر، فأرسل إليه ابنه حاملاً مفاتيح الكعبة المشرفة معلناً الولاء للدولة العثمانية والطاعة للسلطان العثماني، وهذا الإجراء من شريف مكة حتى لا يعتبر غافلاً عما يجري في المنطقة من أحداث، وهو الذي لا يملك القوة العسكرية اللازمة لحماية نفسه من هذا التيار الذي اجتاح المنطقة.
+
+وهكذا نرى أن الحجاز قد انضم سلماً للعثمانيين وأصبح جزءاً من الدولة العثمانية.
+
+د- ضم العراق عام 1534م:
+
+ساد المذهب الشيعي في العراق على أثر احتلاله من جانب الدولة الصفوية الإيرانية، وقد اتخذت الدولة الصفوية الشيعية من العراق موضعاً لمعاداة الدولة العثمانية السنية، إلا أن العثمانيين لم يكونوا راضين عن هذا الأمر مما دفعهم إلى تجريد حملة عسكرية استولت على مدينة تبريز عاصمة الصفويين عام 1514م، فيما يعرف بمعركة (جالديران) الشهيرة، وقد نتج عن هذه المعركة فرض النفوذ العثماني على كل من مناطق - الموصل وديار بكر وماردين - الواقعة شمال العراق، وتعيين حكام موالين عليها، إلا أن تطورات أخرى جرت في بغداد عجلت بزحف العثمانيين عليها، وذلك أن أحد الزعماء الأكراد ويدعى (ذو الفقار) اغتال حاكم بغداد الصفوي، وتحالف مع العثمانيين وتعاون معهم، إلا أن الصفويين نجحوا في قتل هذا الزعيم الكردي حليف العثمانيين، وبذلك عاد النفوذ الصفوي إلى بغداد. وعندما أدرك العثمانيون أنه لا سبيل إلى استقرار الأحوال في العراق لصالحهم إلا بضرب الدولة الصفوية في عقر دارها وبالتالي إخراجها من العراق، لذلك جهز السلطان (سليمان القانوني 1520-1566م) جيشاً قوياً توجه به إلى مدينة تبريز عاصمة الصفويين عام 1533م، ولكن سوء الأحوال الجوية أخرّت تقدم هذا الجيش عاماً آخر، في عام 1534م دخل الجيش العثماني مدينة تبريز، وبعد أن اطمأن على عدم قدرة الصفويين على التحرك والتأثير مستقبلاً وليس في مقدورهم تقديم الدعم لقواتهم في العراق، قرر الاتجاه صوب مدينة بغداد، فبدأ بقطع الإمدادات عن الصفويين الموجودين بها، فاستولى على مدينة همدان ومنها دخل إلى مدينة بغداد يوم 31 ديسمبر 1534م، وقد دخل السلطان (سليمان القانوني) بغداد بعد احتلالها بثلاثة أيام حيث قوبل بحفاوة وترحاب، وكان دخوله بمثابة الإعلان رسمياً عن أن العراق أصبح ولاية تابعة للدولة العثمانية.
+
+25
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة توسع الدولة العثمانية بعد السيطرة على مصر، فتشرح أهمية الحجاز دينياً وسياسياً وكيف انضم سلمياً للعثمانيين بعد إعلان شريف مكة الولاء للسلطان سليم الأول.  
+ثم تعرض فقرة بعنوان: ضم العراق عام 1534م، وتوضح الصراع العثماني الصفوي وأثر معركة جالديران سنة 1514م في شمال العراق.  
+كما تشرح أسباب الحملة التي قادها السلطان سليمان القانوني على تبريز ثم بغداد، وانتهت بدخول بغداد يوم 31 ديسمبر 1534م وضم العراق للدولة العثمانية.  
+الصفحة عبارة عن نص تاريخي تعليمي داخل إطار مزخرف، وفي أسفلها رقم الصفحة 25 وحقوق النشر الخاصة بمركز المناهج التعليمية والبحوث التربوية في ليبيا.
+
+
+================================================================================
+PAGE 26 - page_0026.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+هـ- ضم الخليج العربي عام 1538م:
+
+كان ظهور الأسطول البرتغالي في مياه الخليج العربي وبحر العرب والمحيط الهندي جنوب شبه الجزيرة العربية وعند مدخل البحر الأحمر، الشغل الشاغل للدولة العثمانية حيث كان هذا الأسطول يهدد التجارة البحرية وطرقها، بالإضافة إلى الاعتداء على الولايات العثمانية في المنطقة، وقد أصبح لزاماً على العثمانيين الدفاع عن هذه المناطق؛ لذلك نجدهم يسارعون في الاستيلاء على مسقط عام 1538م، ثم يبسطوا نفوذهم على إمارات الخليج العربي مثل عمان والأحساء والبحرين واستقروا بها، ووضعوا خطة لمواجهة الأسطول البرتغالي ومحاولة الحد من نشاطه في المياه العربية، وحماية التجارة وقوافلها من سطوته، إلا أن اتجاه البرتغاليين إلى الاهتمام بالأراضي في العالم الجديد بعد نجاح حركة الكشف الجغرافي أضعفت حركتهم حول المناطق العربية، بالإضافة إلى تدهور أوضاعهم الاقتصادية والعسكرية وظهور منافسين لهم في المجال البحري.
+
+و- جيئهم إلى اليمن عام 1518م:
+
+لعبت الطبيعة الجبلية القاسية دوراً مهماً في تاريخ اليمن على مر العصور، حيث ساعدت السكان في محاربة جميع الغزاة المحتلين، وقد شهد اليمن من مطلع القرن السادس عشر الميلادي حالة عدم استقرار نتيجة الصراع المتعدد الجوانب بين القوى السياسية والأسر الحاكمة والجماعات الطامعة في الحكم، وقد زاد من أهمية اليمن التهديدات التي تعرض لها من جانب الأسطول البرتغالي الذي استولى على بعض المدن الساحلية اليمنية مهدداً التجارة وحركة المواصلات في المنطقة، ومذكراً باستمرار الحقد الصليبي ضد المسلمين.
+
+وعندما استولى العثمانيون على الشام ومصر والتي على إثرها سقطت دولة المماليك بهما، قام بعض المماليك في اليمن بطلب المساعدة من السلطان العثماني ضد الأمراء الزيديين الذين يتبعون المذهب الشيعي، وذلك بعد أن أعلنوا الولاء الكامل للسلطان العثماني والدولة العثمانية. أرسل العثمانيون جيشاً إلى اليمن عام 1518م، في زمن السلطان (سليم الأول)، ثم في عام 1538م أعاد السلطان (سليمان القانوني) محاولة ضبط الأوضاع السياسية باليمن، ولكن كلتا المحاولتين باءتا بالفشل، ومع ذلك استمرت محاولات العثمانيين السيطرة على اليمن كلما هيئت الظروف الفرصة لذلك مثلما حدث عندما دب الخلاف بين أفراد الأسرة الزيدية عام 1551م ثم عند نشوب خلاف نزاع بين (الإمام علي بن المهدي) وأعدائه عام 1872م، ومع ذلك كان العثمانيون يسيطرون على المدن ولم يستطيعوا إحكام سيطرتهم على الأرياف حيث القبائل، كما إنهم لم يتوغلوا في المرتفعات.
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+26
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة توسع الدولة العثمانية في الخليج العربي واليمن خلال القرن السادس عشر.  
+تشرح أسباب ضم الخليج العربي سنة 1538م لمواجهة الخطر البرتغالي وحماية التجارة والموانئ العربية.  
+كما تعرض مجيء العثمانيين إلى اليمن سنة 1518م، وظروف اليمن السياسية والجغرافية التي صعّبت السيطرة عليه.  
+بصرياً: الصفحة نصية بالكامل تقريباً، فيها عنوانان فرعيان بارزان، إطار زخرفي بني حول الصفحة، ورقم الصفحة 26 أسفل اليمين.
+
+
+================================================================================
+PAGE 27 - page_0027.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+ثانياً - شمال إفريقيا:
+
+استطاع العثمانيون ضم الجزائر وليبيا وتونس وذلك وفق التسلسل الآتي:
+
+أ - الجزائر عام 1525م:
+
+تعرضت الدول الإسلامية في شمال إفريقيا عقب سقوط غرناطة بالأندلس وإخراج المسلمين منها عام 1492م إلى هجمات الأسطولين البرتغالي والإسباني، وكان للعدوان الإسباني النصيب الأوفر في هذه الهجمات، وفي الفترة الواقعة بين عامي 1505 و1511م احتل الإسبان مدن المرسى الكبير ووهران وبجاية والجزائر العاصمة.
+
+وقد قام الإسبان بمعاملة الشعب الجزائري معاملة قاسية منها القتل والتعذيب والنفي وذلك في إطار الحقد الصليبي الذي يحمله الاحتلال الإسباني، ونتيجة لسوء الأحوال السياسية والاقتصادية والاجتماعية في الجزائر، وقسوة المعاملة الإسبانية، وقلة الإمكانيات لصد هذا العدوان، تصادف أن ظهر مغامران بحريان أصلهما من اليونان وهما (عروج وأخوه خير الدين بربروسا) اللذان كانا يملكان أسطولاً قوياً في البحر المتوسط، وفي الوقت الذي كان فيه أهل الجزائر يبحثون فيه عن شخصية قوية تتولى قيادة المقاومة ضد الإسبان وتعمل على تحرير المدن من احتلالهم، فعرضوا على (عروج باشا) التعاون، فوافق وعملا معاً ضد الوجود الإسباني حتى قتل على أيدي الإسبان عام 1518م.
+
+خلف (خير الدين) أخاه (عروج) في قيادة المعركة ضد الإسبان، وعندما علم أن جهوده وأهل الجزائر لا يمكن أن تقف أمام الإمكانيات التي يملكها الأسطول الإسباني، جاء إلى السلطان العثماني (سليمان القانوني) الذي استجاب لطلبه ومده بالجنود والأسطول والسلاح اللازم لقتال الأسطول الإسباني.
+
+بدأ (خير الدين) نشاطه الحربي بمساعدة العثمانيين بدخول مدينة قسنطينة عام 1522م، ثم اتجه نحو مدينة الجزائر العاصمة حيث دخلها عام 1525م، بعد أن استولى على الجزر المحيطة بالمدينة، وبدخول خير الدين مدينة الجزائر أصبحت البلاد ولاية عثمانية.
+
+ب - جيشهم إلى ليبيا عام 1551م:
+
+وقعت طرابلس الغرب تحت حكم الإسبان عام 1510م، في إطار حملة الإسبان على موانئ الشمال الإفريقي، وبعد معاملة قاسية مع السكان كان يدعمها الحقد الصليبي الإسباني على المسلمين في الأندلس، تنازل الإسبان عن طرابلس إلى حلفائهم فرسان القديس يوحنا عام 1530م، وهم منظمة صليبية حاقدة
+
+27
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة توسع الدولة العثمانية في شمال إفريقيا، خاصة ضم الجزائر ثم التوجه إلى ليبيا.  
+تشرح أسباب التدخل العثماني، ومنها العدوان الإسباني بعد سقوط الأندلس واحتلاله مدناً جزائرية ومعاملته القاسية للسكان.  
+كما تعرض دور عروج وخير الدين بربروسا في مقاومة الإسبان، ثم طلب خير الدين دعم السلطان سليمان القانوني حتى أصبحت الجزائر ولاية عثمانية سنة 1525م.  
+وفي آخر الصفحة تبدأ فقرة عن ليبيا، موضحة سقوط طرابلس الغرب بيد الإسبان ثم انتقالها إلى فرسان القديس يوحنا.
+
+
+================================================================================
+PAGE 28 - page_0028.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+تدعم الجيوش الصليبية في الحرب على المسلمين.
+
+بقي الفرسان بطرابلس حتى عام 1551م، ومارسوا خلالها أبشع أنواع التعذيب والاضطهاد والتنكيل ضد السكان المسلمين، وقد قاوم سكان طرابلس العدو الإسباني، وتحملوا جور فرسان القديس يوحنا لمدة 21 سنة، ولما عجزوا عن التخلص من هذا الظلم استعانوا بالسلطان العثماني (سليمان القانوني) الذي كانت الدولة العثمانية في عهده تعيش أقوى أيامها، وأسطولها يجوب البحر المتوسط بكل حرية، استجاب السلطان العثماني لطلب سكان طرابلس، وأرسل إليهم أسطولاً بحرياً يقوده (مراد آغا) و(سنان باشا) و(درغوث باشا)، وقد نزلت قوات الجيش بمنطقة تاجوراء، بينما حاصر الأسطول المدينة من البحر، وفي هجمة واحدة استطاعت القوات العثمانية بمساعدة الأهالي القضاء على فرسان القديس يوحنا بعد أن فرت منهم أعداد كثيرة عبر البحر عن طريق السفن، وبدخول القوات العثمانية مدينة طرابلس غدت البلاد ولاية عثمانية.
+
+ومنذ عام 1551م دخلت ليبيا عهداً جديداً عرف بالعهد العثماني الأول الذي استمر حتى عام 1711م عندما استقل (أحمد باشا القرمانلي) بولاية طرابلس الغرب (ليبيا) وأقام الدولة القرمانلية (1711-1835م).
+
+شمل الحكم العثماني كافة أنحاء ليبيا، وكان يدير شؤونها والٍ يعينه السلطان العثماني، وقد تولى حكم ليبيا أربعة وعشرون والياً، وفي كثير من الأحيان لم يبق الوالي في منصبه أكثر من عام واحد نتيجة للفوضى وتدخل الجند الإنكشارية الذين صاروا ينصبون ويعزلون الولاة متى شاؤوا في جو مشحون بالمؤامرات والعنف.
+
+لقد مرت ليبيا بأوقات عصيبة نتيجة لتلك الظروف وعانى فيها الليبيون الويلات نتيجة لسوء إدارة بعض الولاة واضطراب الأمن وعدم الاستقرار، الأمر الذي أدى إلى قيام الدولة القرمانلية.
+
+ج- ضم تونس 1574م:
+
+دافع الإخوان بربروسا عن تونس عندما كانوا يهاجمون الأسطول الإسباني أمام سواحل ومدن الجزائر، وخلال الفترة ما بين عامي (1505-1511م) حاولوا تحرير جزيرة جربة من أيدي الإسبان، ولما نجح (خير الدين) في تحرير الجزائر وضمها إلى الدولة العثمانية، لم يتوقف عند الأراضي الجزائرية بل اتجهت قواته شرقاً فدخل الأراضي التونسية، ثم حاصر العاصمة وحلق الواد معلناً انتهاء حكم الدولة الحفصية، كما اقتحمت قواته مدينة القيروان، وقد حاولت القوات الإسبانية البحث عن حجة جديدة تعود بها لاحتلال تونس، حيث ادعت بأن بعض أفراد الأسرة الحفصية صاحبة
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+28
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة دخول ليبيا تحت الحكم العثماني سنة 1551م بعد تحرير طرابلس من الإسبان وفرسان القديس يوحنا، ثم تشرح أوضاع ليبيا في العهد العثماني الأول حتى قيام الدولة القرمانلية سنة 1711م.  
+كما تعرض سوء إدارة بعض الولاة وتدخل الإنكشارية وما نتج عنه من اضطراب وعدم استقرار.  
+وفي آخر الصفحة يبدأ عنوان جديد عن ضم تونس سنة 1574م، مع الحديث عن دور الإخوة بربروسا وخير الدين في مقاومة الإسبان والتوسع العثماني في تونس.  
+بصرياً: الصفحة من كتاب تاريخ، تحتوي على نص عربي فقط داخل إطار زخرفي بني، مع رقم الصفحة 28 أسفل اليمين دون صور أو خرائط.
+
+
+================================================================================
+PAGE 29 - page_0029.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+الحق الشرعي في حكم تونس استنجد بها وطلب الحماية منها، وعلى إثر ذلك هاجم الأسطول الإسباني مدينة تونس العاصمة ومنطقة حلق الواد مرة أخرى واحتلها، ولكن قوات الأهالي المدعومة من (خير الدين بروسـا) والأسطول العثماني استطاعت بين عامي (1560-1574م) مهاجمة المحتلين وحطمت أسطولهم على سواحل تونس وطاردت فلول الإسبان وفرسان القديس يوحنا في عرض البحر وأبعدت خطرهم نهائياً عن كامل الأراضي التونسية عام 1574م، وبذلك أصبحت تونس ولاية عثمانية.
+
+29
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن خضوع تونس للحكم العثماني بعد الصراع مع الإسبان.  
+توضح أن الإسبان هاجموا تونس واحتلوا العاصمة وحلق الواد، ثم تمكنت قوات الأهالي بدعم خير الدين بروسـا والأسطول العثماني من هزيمتهم.  
+وتذكر أن هذا الصراع انتهى سنة 1574م بطرد الإسبان نهائياً، فأصبحت تونس ولاية عثمانية.  
+الصفحة ذات طابع نصي فقط، وتحتوي على إطار زخرفي ورقم الصفحة في الأسفل دون صور أو خرائط.
+
+
+================================================================================
+PAGE 30 - page_0030.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+أسئلة تطبيقية عن الفصل الأول
+
+س 1: ما الأسس التي تأكدت بها الوحدة الإسلامية في المنطقة العربية؟
+
+س 2: تحدث عن الأهمية التاريخية والدينية للمنطقة العربية.
+
+س 3: إلى من يُنسب الأتراك العثمانيون؟ وأين كان موطنهما الأصلي؟
+
+س 4: ما أهمية موقعة (جالديران) بالنسبة للدولة العثمانية؟
+
+س 5: بين أسباب توتر العلاقات بين المماليك والعثمانية؟ وما أثر ذلك على توسع الدولة العثمانية؟
+
+س 6: تتبع قيام الدولة العثمانية منذ النشأة حتى ضم بلاد الشام عام 1516م.
+
+س 7: (كان لزامًا على الدولة العثمانية الدفاع عن منطقة الخليج العربي بعد ظهور الأسطول البرتغالي فيها) علل ذلك؟
+
+س 8: اكتب مذكرات تاريخية عن:
+أ- مجيء العثمانيين إلى ليبيا.
+ب- خير الدين بربروسا.
+ج- أسباب مجيء العثمانيين إلى المنطقة العربية.
+
+30
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+------------PAGE TALK ABOUT------------
+الصفحة تعرض أسئلة تطبيقية عن الفصل الأول من مادة تاريخ الوطن العربي الحديث والمعاصر.  
+تركز الأسئلة على الدولة العثمانية وعلاقتها بالمنطقة العربية، مثل نشأتها، توسعها، علاقتها بالمماليك، ومعركة جالديران.  
+كما تتناول أهمية المنطقة العربية التاريخية والدينية، ودفاع العثمانيين عن الخليج العربي، ومجيئهم إلى ليبيا وخير الدين بربروسا.  
+بصريًا، الصفحة ذات تصميم تعليمي بسيط بإطار زخرفي بني وعنوان داخل شكل مستطيل مستدير الحواف.
+
+
+================================================================================
+PAGE 31 - page_0031.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+س9: ما هي الإجراءات التي اتخذها مصطفى كمال (أتاتورك) عقب إلغاء الخلافة الإسلامية عام 1924م؟
+
+س10: رتب تصاعدياً ضم العثمانيون لكل من:
+(اليمن - الشام - العراق - الحجاز - مصر - الخليج العربي).
+
+31
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتضمن الصفحة سؤالين من مادة التاريخ للمرحلة الثانوية.  
+السؤال التاسع يطلب بيان الإجراءات التي اتخذها مصطفى كمال أتاتورك بعد إلغاء الخلافة الإسلامية سنة 1924م.  
+والسؤال العاشر يطلب ترتيباً زمنياً تصاعدياً لضم العثمانيين لبعض الأقاليم العربية مثل اليمن والشام والعراق والحجاز ومصر والخليج العربي.  
+تظهر الصفحة بتصميم كتاب مدرسي بسيط مع إطار زخرفي ورقم الصفحة 31 في الأسفل.
+
+
+================================================================================
+PAGE 32 - page_0032.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+32
+
+------------PAGE TALK ABOUT------------
+الصفحة تبدو صفحة تمهيدية أو توضيحية من كتاب تاريخ، ولا تحتوي على شرح نصي سوى عنوان المادة ورقم الصفحة.  
+تتضمن رسماً تاريخياً لمعمار عربي/إسلامي قديم، يظهر بوابة حجرية عالية ومباني مزخرفة ذات طراز معماري تقليدي.  
+كما يظهر في الصورة عدد من الأشخاص في ساحة أو ممر ضيق، مما يوحي بمشهد من الحياة اليومية في مدينة عربية قديمة.  
+الهدف من الصفحة على الأرجح إبراز الطابع الحضاري والعمراني المرتبط بتاريخ الوطن العربي الحديث والمعاصر.
+
+
+================================================================================
+PAGE 33 - page_0033.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+الفصل الثاني
+
+أحوال المنطقة العربية أثناء
+الحكم العثماني
+
+33
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+هذه صفحة افتتاحية لفصل دراسي بعنوان: "الفصل الثاني: أحوال المنطقة العربية أثناء الحكم العثماني".
+تشير إلى أن المحتوى يخص السنة الثالثة من مرحلة التعليم الثانوي في ليبيا.
+تتضمن الصفحة إطارًا زخرفيًا كبيرًا على شكل لوحة مزينة وشريط علوي كُتب عليه عنوان الفصل.
+لا توجد في الصفحة فقرات شرح أو رسوم بيانية، وإنما تصميم تمهيدي يعلن بداية الفصل فقط.
+
+
+================================================================================
+PAGE 34 - page_0034.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+34
+
+------------PAGE TALK ABOUT------------
+هذه الصفحة تبدو صفحة فارغة من كتاب مدرسي، ولا تحتوي على متن دراسي أو فقرات شرح.
+يوجد في أعلى الصفحة عنوان المادة: "تاريخ الوطن العربي الحديث والمعاصر".
+في أسفل الصفحة يظهر تنبيه حقوق النشر: "جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا"، مع رقم الصفحة 34.
+كما تحتوي الصفحة على إطار زخرفي بني يحيط بالمحتوى دون صور أو جداول أو رسوم توضيحية.
+
+
diff --git a/history/p2.txt b/history/p2.txt
new file mode 100644
index 0000000000000000000000000000000000000000..3837d540c383303ec05ab04b1f0571b563e708b9
--- /dev/null
+++ b/history/p2.txt
@@ -0,0 +1,702 @@
+"أنت مدرس خبير ومحترف في مادة التاريخ. أنت تدرّس طالباً وتساعده على الفهم.
+
+=== محتوى الفصل (المرجع العلمي) ===
+
+=== نهاية السياق ===
+
+**تعليمات مهمة:**
+- استخدم المحتوى العلمي أعلاه كمرجع أساسي للإجابة
+- راعِ سياق المحادثة السابقة والمستوى التعليمي للطالب
+- أجب بشكل واضح ومفصل باللغة العربية
+- استخدم الأمثلة والتوضيحات عند الحاجة
+- إذا سأل الطالب عن شيء خارج المحتوى المتوفر، أخبره بذلك بلطف
+
+
+================================================================================
+PAGE 35 - page_0035.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+أحوال المنطقة العربية أثناء الحكم العثماني
+
+دخل العثمانيون البلاد العربية منذ مطلع القرن السادس عشر الميلادي (1516م)، وخلال مدة قصيرة استطاعوا أن يضموا معظم البلاد العربية عدا المغرب الأقصى (مراكش)، والذي ظل تحت حكم الأشراف السعديين حتى مطلع القرن العشرين، ونتيجة لبعد المسافة بين عاصمة الدولة العثمانية في الأستانة وبلاد المغرب الأقصى، والتي لم تعط العثمانيين فرصة التوسع أبعد مما وصلت إليه بسبب ما ترتب على ذلك من التزامات دفاعية وغيرها، ولقد استطاعت الدولة العثمانية مسك زمام الأمور في الولايات العربية وخاصة عندما كانت الدولة قوية على أيام السلاطين العظام أمثال (سليم الأول) و(سليمان القانوني) وغيرهما، وقد دخلت عوامل عدة على الدولة العثمانية سببت انتشار الفوضى، وسوء الإدارة وانحراف الجيش عن واجباته بسبب تصرفات الجنود الانكشارية(*)، كل ذلك كان رهناً بضعف السلاطين الذين لم يعودوا قادرين على إدارة زمام الدولة بالقوة التي كان عليها السلاطين العظام، مما سبب اختلالاً داخلياً عاماً، وبداية الأطماع الخارجية الأجنبية الأوروبية الاستعمارية في ولايات الدولة العثمانية، التي كانت المنطقة العربية تشكل أغلبها، ومن هنا بدأ الصراع واضحاً بين الدولة العثمانية من جهة، والدول الاستعمارية الأوروبية من جهة أخرى.
+
+(*) الجنود الانكشارية: أقوى فرق الجيش العثماني تأسست في عهد السلطان مراد الأول (1362 - 1389م)، وهم في الأصل أسرى الحروب من الغلمان يتم تربيتهم تربية إسلامية على أن يكون ولاؤهم للسلطان العثماني بالكامل، وأن تكون الحرب مهمتهم الوحيدة. كان لهم تنظيم خاص يهتم بشكأناتهم العسكرية وشاراتهم ورتبهم وامتيازاتهم، وكان لهم مركز متميز في الدولة العثمانية يتسم بالقوة والنفوذ خاصة في القرنين 17،18 لدرجة أن كان لهم القدرة على تنصيب السلطان وخلعه متى شاءوا، وقضى عليهم نهائياً السلطان محمود الثاني (1808 - 1839).
+
+35
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة أوضاع المنطقة العربية في ظل الحكم العثماني منذ دخول العثمانيين سنة 1516م، وكيف ضموا معظم البلاد العربية باستثناء المغرب الأقصى.  
+وتوضح أن قوة الدولة العثمانية كانت واضحة في عهد سلاطين أقوياء مثل سليم الأول وسليمان القانوني، ثم بدأت تضعف بسبب الفوضى وسوء الإدارة وانحراف الجيش.  
+كما تشير إلى دور الجنود الانكشارية في إضعاف الدولة، وإلى بداية الأطماع الاستعمارية الأوروبية في الولايات العربية التابعة للدولة العثمانية.  
+وتتضمن الصفحة صندوقاً توضيحياً في الأسفل يشرح من هم الجنود الانكشارية، مع إطار زخرفي للعنوان وحدود زخرفية للصفحة.
+
+
+================================================================================
+PAGE 36 - page_0036.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+أساليب الحكم العثماني في الولايات العثمانية بالمنطقة العربية مايلي :
+
+1 - الاعتماد على العاطفة الدينية ومبدأ الأُخُوَّة الإسلامية :
+
+اتفق المسلمون العرب والعثمانيون على كونهم مسلمين، أغلبهم يتبعون المذهب السني، والمسلمون العرب متدينون بطبعهم ويكرمون دينهم الإسلامي ويدافعون عنه، ولهم شرف بدء نشره وتبليغه للناس كافة، وقد اعترف العثمانيون بهذه الميزة وخاطبوا العرب المسلمين في الولايات من خلالها، حيث رسخوا لديهم مبدأ أن العرب مسلمون وأن السلطان العثماني هو حاكم المسلمين وأميرهم، وعليهم واجب السمع والطاعة دون جدال، وأن معصيته والخروج عن تعليماته وأوامره هو إضعاف للإسلام نفسه وللدولة الإسلامية، ومن هنا كانت تسمية السلاطين لأنفسهم بأسماء مثل : أمير المؤمنين، وخادم الحرمين الشريفين، وخليفة المسلمين، وحامي حمى المسلمين ... إلخ، وسارع السلطان العثماني (عبد الحميد الثاني) إلى مساندة فكرة قيام الجامعة الإسلامية، محتضناً صاحب الفكرة (جمال الدين الأفغاني)(*) لأن هذه الدعوة تساعد على إعلان الجهاد وقتال الأوروبيين إذا اقتضى الأمر باعتباره خليفة المسلمين ومعتمداً على موقف جميع المسلمين في العالم، كما كان بعض السلاطين العثمانيين أثناء تلك الأزمات يوجهون اهتمامهم بالأماكن المقدسة ويقدمون لها الخدمات، ويرفعون من شأنها معمارياً واقتصادياً، ويتقربون إلى سكانها أثناء ما يكون المناخ السياسي منفعماً بالأحداث، والسلطان في حاجة إلى من يشد أزره ليظهر بمظهر صاحب العرش القوي المتماسك، القادر على حماية رعاياه وعرشه وبلاده، وقد تكرر ذلك خلال التهديدات الأوروبية للدولة العثمانية.
+
+(*) جمال الدين الأفغاني: (1838 - 1897م) أحد الأعلام البارزين في النهضة المصرية، ومن أعلام تجديد الفكر الإسلامي في القرن التاسع عشر الميلادي.
+
+2 - غلق المجتمعات في المنطقة العربية عن التطور :
+
+احتفظ المجتمع العربي المسلم بتكوينه الاجتماعي والاقتصادي الذي كان عليه قبل مجيء العثمانيين، وهو الأمر الذي أدى إلى التخلف والركود وانتشار الخرافات والشعوذة وصعوبة الحياة وغيرها من العوامل السلبية، وجعلها تستمر على نفس الوتيرة دون أن يحدث أي تقدم أو تطور، بالرغم ما شهده العالم من تغير واضح في أساليب الحياة، والمتتبع لسلوك الحكومة العثمانية تجاه الولايات العربية يمكنه أن
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+36
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة أساليب الحكم العثماني في الولايات العربية، وتركز أولاً على استغلال العاطفة الدينية ومبدأ الأخوة الإسلامية لترسيخ طاعة العرب المسلمين للسلطان العثماني باعتباره خليفة المسلمين.  
+كما تشير إلى دعم السلطان عبد الحميد الثاني لفكرة الجامعة الإسلامية وارتباط ذلك بمواجهة الأخطار الأوروبية، مع ذكر جمال الدين الأفغاني في مربع جانبي تعريفي.  
+ثم تبدأ الفقرة الثانية ببيان أن الحكم العثماني أسهم في عزل المجتمعات العربية عن التطور، مما أدى إلى الركود والتخلف وانتشار الخرافات.  
+بصرياً: الصفحة من كتاب مدرسي، فيها عنوان رئيسي، فقرات مرقمة، ومربع مميز بخط متقطع يحتوي ملاحظة عن جمال الدين الأفغاني، مع رقم الصفحة أسفل اليمين.
+
+
+================================================================================
+PAGE 37 - page_0037.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+يستخلص أن العثمانيين كانوا حريصين على الآتي:
+
+أ- نظراً للظروف الاقتصادية التي تعاني منها الدولة العثمانية انحصرت مسؤولية الحكومة العثمانية في الولايات العربية في جمع الضرائب على اعتبارها من الموارد الرئيسية التي تعول عليها الدولة، دون أن ينفق أي مبلغ من هذه الموارد على شؤون الولايات وتطوير حياة السكان، وهو ما جعل الفقر والعوز والحاجة والتخلف مستمراً.
+
+ب- اهتمام الحكومة العثمانية في الولايات العربية وبقدر كبير من الجهد لأجل المحافظة على الأمن الداخلي، بغرض بقاء الولايات مستقرة تابعة للدولة العثمانية، وفي نفس الوقت أعطت مسألة حماية الولايات من الغزو الأجنبي الخارجي اهتماماً متزايداً في محاولة لبقاء ولايتها تابعة لها تدر عليها أرباحاً، فهي بالتالي حريصة على الدفاع عنها.
+
+ج- إهمال واضح بالخدمات المتعلقة بالمواطن في كافة الولايات العربية، مثل تخلف الزراعة وإهمال الصناعة وانتشار الجهل وسوء الخدمات الصحية، وانتشار الأمراض والأوبئة وسيادة الخرافات والأفكار البالية.
+
+3- عزل الولايات العربية عن اليقظة الفكرية:
+
+لم تواكب الولايات العربية للدولة العثمانية العالم الخارجي وما كان يحدث به من تقدم فكري وعلمي وسياسي، بسبب اهتمام الدولة العثمانية بالأعمال العسكرية ومواجهة الأخطار المحدقة بها وما تعانيه من مشاكل اقتصادية، وهو الأمر الذي زاد من تخلف المنطقة وركود الحياة السياسية والفكرية والثقافية، في الوقت الذي ازدهرت فيه المدنية الحديثة في أوربا بعلومها الفنية وأفكارها المتطورة المنفتحة على الآخرين، وما حققته من اكتشافات جغرافية ناجحة، وتطورات علمية واضحة في مجالات متعددة بسبب أخذها بأساليب العلم الحديث، والدراسة التجريبية وبعد نبذ أفكار العصور الوسطى البالية.
+كل هذا كان يجري في حين استمر الوضع كما هو عليه في البلاد العربية حتى أوائل القرن التاسع عشر الميلادي، وهي تعاني من رتابة الحياة العامة تحت الحكم العثماني.
+
+4- السيطرة العسكرية المباشرة على الولايات العربية:
+
+حرصت الدولة العثمانية بأجهزتها السياسية والعسكرية على السيطرة المباشرة على عواصم الولايات العربية، وبعض المدن الكبرى المهمة ذات الشهرة الاقتصادية والسياسية، في حين رأت ترك المناطق الداخلية في أغلب الولايات تحت حكم الأمراء والمشايخ وأصحاب العصبيات المحلية الذين كان هم نفوذ كبير بتلك المناطق، وبالرغم من التخلف الواضح في حياة تلك المناطق على وجه الخصوص،
+
+37
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن سياسة الدولة العثمانية في الولايات العربية، حيث ركزت على جمع الضرائب، حفظ الأمن، والدفاع عن الولايات مع إهمال تنمية السكان والخدمات.  
+كما توضح عزل الولايات العربية عن اليقظة الفكرية والتقدم العلمي الذي شهدته أوروبا، مما أدى إلى استمرار التخلف والركود.  
+وتعرض أيضاً أسلوب السيطرة العسكرية المباشرة على العواصم والمدن الكبرى، مع ترك المناطق الداخلية لنفوذ الزعامات المحلية.  
+الصفحة نصية تعليمية فقط، وتحتوي على إطار زخرفي بسيط ورقم الصفحة في الأسفل دون صور أو رسوم بيانية.
+
+
+================================================================================
+PAGE 38 - page_0038.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+فقد نجحت السياسة العثمانية في ضبطها عن طريق أولئك الأمراء والمشايخ وغيرهم، وذلك عندما كانت الدولة العثمانية تتمتع بالقوة السياسية والعسكرية في العالم، ولكن الأمر اختلف بحلول مطلع القرن الثامن عشر الميلادي تقريباً، عندما تعرضت الدولة العثمانية إلى ضغط استعماري خارجي من الدول الأوروبية، مع تدهور الأحوال الداخلية عامة، فانعاكس الأمر بتلك المناطق الداخلية حيث تعززت المكانة السياسية لأصحاب العصبيات الداخلية، وشعروا أنهم أقوى وأحق بالحكم من الدولة العثمانية في ولايتهم، فأقدموا على القيام بحركات سياسية غلب عليها المظهر العسكري، وهو ما دفع الدولة العثمانية إلى التعامل مع تلك الحركات بأساليب متعددة قصد القضاء عليها في الوقت المناسب.
+
+نظام الحكم العثماني في الولايات العثمانية بالمنطقة العربية:
+
+شملت الدولة العثمانية أراضٍ ومناطق شاسعة في قارات آسيا وأفريقيا وأوروبا، وكانت المنطقة العربية أساسها المتين، فقد بلغت مساحتها حوالي (14 مليون كيلومتر مربع)، وهذا الاتساع بلغ بالدولة العثمانية مركزاً عظيماً بين دول العالم في آخر القرن السادس عشر الميلادي على وجه الخصوص، عندما كانت الدولة متماسكة الأطراف، وقد ترتب على هذا الاتساع تقسيم الدولة العثمانية إلى إيالات أو ولايات وتسمى أحياناً باشاويات، وقسمت كل ولاية أو إيالة إلى عدد من الألوية أو السناجق، وقسم كل لواء أو سنجق إلى عدد من المقاطعات، وكان مما خضع للتقسيم أملاك الدولة العثمانية في المنطقة العربية التي أصبحت تشمل أربع عشرة ولاية وإمارة واحدة ليسهل بذلك إدارتها وتشديد القبضة عليها.
+
+وقد وضع العثمانيون لإدارة هذه الولايات نظاماً صارماً نجحت من خلاله الدولة العثمانية في السيطرة وبسط نفوذها بما يكفل بقاء تلك الولايات تابعة لها.
+ويتكون نظام الحكم الذي طبقه العثمانيون في الولايات العثمانية من عناصر متعددة هي:
+1 - الوالي: ويلقب بالباشا، برتبة وزير، وهو ينوب عن السلطان في حكم الولاية ويمثله شخصياً، فهو بالتالي المرجع الأول في إدارة الولاية بكافة الشؤون السياسية والعسكرية وغيرها، ومع ذلك لم يفكر أغلب الولاة في القيام بأي إصلاحات، أو إنجاز أي عمل يعود بالفائدة والنفع على رعايا الدولة بالولاية، بل كان همهم الوحيد منصباً على جمع الأموال لأنفسهم لتكون عوناً لهم بعد عزلهم عن مناصبهم.
+2 - الديوان: وهو مجلس يشكل في كل ولاية ليضم كبار الضباط في الحامية العثمانية، وكبار الموظفين بالولاية والعلماء بمن فيهم القاضي والمفتي والأعيان وغيرهم من أهل المشورة، ومهمة هذا المجلس النظر في الشؤون المالية والإدارية في الولاية، وفرض الضرائب واقتراح أيسر الطرق لجبايتها وإرسالها
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+38
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة تراجع قدرة الدولة العثمانية على ضبط الولايات العربية مع ضعفها في القرن الثامن عشر، وظهور حركات محلية ذات طابع عسكري بسبب تدهور الأوضاع الداخلية والضغط الأوروبي.  
+ثم تشرح نظام الحكم العثماني في الولايات العربية، وكيف قُسمت الدولة إلى ولايات وألوية وسناجق ومقاطعات لتسهيل الإدارة وتشديد السيطرة.  
+كما تعرض عناصر الحكم في الولاية، وأبرزها الوالي (الباشا) والديوان، مع بيان وظائف كل منهما.  
+الصفحة نصية بالكامل تقريباً، ولا تحتوي على صور أو رسوم توضيحية، سوى إطار زخرفي للصفحة ورقم الصفحة في الأسفل.
+
+
+================================================================================
+PAGE 39 - page_0039.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+إلى الأستانة، وكذلك تقديم المشورة للوالي في عديد القضايا، وكان لوجود الديوان عاملاً مهماً في الحد من تصرفات الولاة الشخصية وانفراده بالقرارات الهامة والمصيرية.
+
+3- الحامية العثمانية: وتعني مجموعة الجنود والضباط العثمانيين الذين شاركوا في احتلال الولاية، وبعد استقرار الحكم العثماني، خصص لهذه المجموعة معسكراً وسط عاصمة الولاية لتكون قريبة من مركز الأحداث وتساهم في حفظ الأمن الداخلي بالولاية، والدفاع عنها ضد أي غزو خارجي.
+
+وعندما حدث الخلل في حكم الولايات نتيجة لضعف الحكم في مركز الدولة بالأستانة، أصبح هؤلاء الجند يتدخلون في إدارة الولايات، فاستبدوا بالأمر وساهموا في خلع الولاة وتعيين غيرهم، وهكذا أصبحوا عاملاً من عوامل تدهور الأحوال السياسية.
+
+4- العصبيات المحلية: ترك العثمانيون شؤون الحكم الداخلي في الولايات العربية إلى أصحاب العصبيات الإقليمية، من الأمراء السابقين الذين كانوا يتولون السلطة فيها قبل المجيء العثماني للبلاد العربية قصد الاستفادة من خبرتهم، مثل أمراء المماليك في مصر، وزعماء العشائر البدوية في الشام والعراق، وأمراء البحر في الجزائر وغيرهم، وعندما ضعفت الدولة العثمانية استبد هؤلاء بالناس وقام النزاع بينهم على الزعامة والمصالح الخاصة، واستغلت الدول الأوروبية هذه النزاعات بأن ألبت زعيماً على آخر، وبذلك انتشرت الفتن والاضطرابات، وغاب الاستقرار، كما حدث بالشام بين طائفتي الدروز والمارونيين، وبالتحالف الذي حدث بين روسيا وعلي بيك الكبير في مصر.
+
+وقد اختلفت الولايات العربية في شمال أفريقيا عن غيرها من الولايات العربية الأخرى، إذ ظهر في هذه الولاية بحارة أقوياء يملكون السفن الضخمة التي تحمل الجند والسلاح، لمقاومة السفن الأوروبية في البحر المتوسط، فكان لهم من جراء هذا العمل نفوذ قوي، ونجحت بعض الجماعات القوية في تأسيس أسر حاكمة توارث أبناؤها حكم الولايات تحت السيادة العثمانية. ومن أمثلة ذلك: الأسرة القرمانلية في ولاية طرابلس الغرب والأسرة الحسينية في ولاية تونس.
+
+5- حكام الألوية والمقاطعات: يعين الوالي نوابه في كل سنجق ومقاطعات الولاية لحكمها وحفظ النظام فيها، ويرسل معهم حامية من الجند، مهمتها إقرار النظام، وحفظ الأمن، وتنفيذ أوامر الوالي وجباية الضرائب من المواطنين، وأتاحت هذه السياسة ظهور بعض العصبيات بين طوائف الجند، فعمت الفوضى واختل النظام.
+
+39
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة تنظيم الحكم العثماني في الولايات العربية وبعض العوامل التي أدت إلى تدهور الأوضاع السياسية.  
+تشرح دور الحامية العثمانية، ثم العصبيات المحلية وصراعات الزعامة، مع أمثلة من الشام ومصر وشمال أفريقيا.  
+كما تعرض دور حكام الألوية والمقاطعات في حفظ النظام وجباية الضرائب، وكيف ساهم ذلك أحياناً في الفوضى.  
+الصفحة عبارة عن نص دراسي فقط داخل إطار مزخرف، مع رقم الصفحة 39 وشعار/بيانات حقوق النشر في الأسفل.
+
+
+================================================================================
+PAGE 40 - page_0040.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+عوامل ضعف الدولة العثمانية
+
+بدأت الدولة العثمانية بعد عهد السلطان (سليمان القانوني) تسير نحو الضعف والانهيار، وتوالت عليها عوامل شتى، بعضها داخلي والآخر خارجي أدت جميعها في النهاية إلى تفككها وفسادها.
+
+أولاً: عوامل الضعف الداخلية:
+1- كان معظم السلاطين بعد السلطان (سليمان القانوني) لا يهتمون كثيراً بالإصلاح، وتولى بعضهم الحكم في سن صغيرة دون أن يتدربوا على شؤون الحكم والسياسة، وكان أغلبهم من ضعاف الشخصية والإرادة، انغمسوا في الملاهي والملذات، وكان من نتيجة ذلك أن ظهر نفوذ النساء ورجال البلاط في القصر، وأصبح أغلب السلاطين ألعاباً في أيديهم، وانتشرت في قصر السلطان المؤامرات والدسائس والاغتيالات والرشوة والوساطة والمحسوبية.
+واستبد الولاة بالأهالي، وانصرفوا عن الإصلاح، وتفننوا في أساليب ابتزاز الأموال، حتى يتمكنوا من جمع أكبر قدر من المال مدة الولاية، وقد دفعهم إلى ذلك سياسة الدولة في كثرة العزل والتعيين، فكانوا معرضين دائماً للنقل أو العزل، مما جعلهم يهتمون بمصالحهم الشخصية دون مصلحة البلاد.
+
+2- ضعف الجيش: وهو عماد الدولة، ونتيجة لضعف السلاطين والحكومة فقد الجند مزاياهم الحربية، وانحط مركز الضباط الأدبي، وانعدمت فيهم الكفاية العسكرية، إذ أصبحوا يتسابقون على شراء الرتب من أجل الحصول على المراتب في الدولة، والوصول إلى أكبر الوظائف، كما أن القادة اكتسبوا شهرتهم ومراكزهم بالتقرب من الولاة وحاشية السلطان وليس بالخبرة والعطاء، وقد كثرت حالات التمرد والعصيان بين صفوفهم، وتغلبت الغايات والأهواء خوفاً منهم، وأصبح ضمان السلاطين لعروشهم، والولاة لمراكزهم مقروناً بضمان ولاء هؤلاء القادة لهم.
+حدث هذا في الوقت الذي لم تحاول فيه الدولة إدخال النظم العسكرية الحديثة، التي انتشرت في ذلك الوقت بالبلاد الأوروبية.
+
+3- كما أن نظامي الالتزام(*) والإقطاع اللذين اتبعتهما الدولة العثمانية أثرهما في سوء الحالة، إذ ابتز الملتزمون (جامعو الضرائب) الأهالي وعاملوهم معاملة قاسية، كما عمد أصحاب الإقطاعات الكبيرة في الكثير من الأحيان إلى الخروج على سياسة الدولة، بحيث أصبحوا هم الحكام الفعليين للإقطاعات.
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+40
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة عوامل ضعف الدولة العثمانية بعد عهد السلطان سليمان القانوني، وتركز على العوامل الداخلية التي أدت إلى تدهورها.  
+تذكر ضعف السلاطين وفساد القصر والولاة، ثم ضعف الجيش وتراجع كفاءته وغياب التحديث العسكري.  
+كما تشرح أثر نظامي الالتزام والإقطاع في ظلم الأهالي وتقوية نفوذ أصحاب الإقطاعات.  
+تتضمن الصفحة عنواناً رئيسياً داخل إطار زخرفي، مع تنسيق كتابي مدرسي ورقم الصفحة في الأسفل.
+
+
+================================================================================
+PAGE 41 - page_0041.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+4- ومن أقوى العوامل في ضعف الدولة العثمانية، اتساعها وتراخي أطرافها، واختلاف أجناس وأديان الشعوب التي خضعت لحكمها، شعوب كانت لها حضارات زاهية وتمتعت قبل الحكم العثماني باستقلال طويل، فكان من الصعب أن تظل خاضعة وقتاً طويلاً للحكم العثماني، فقد أخضعت الدولة العثمانية لحكمها الشعوب البلغارية والألبانيين والأكراد والأرمن والعرب والفرس، ولم تحاول الدولة العثمانية مقابل ذلك تقوية الروابط بينها وبين هذه الشعوب، فأخذت تتمرد عليها من حين لآخر.
+
+ثانياً: عوامل الضعف الخارجية:
+
+1- تقع روسيا على البحر الأسود، وكانت تسعى لإيجاد منفذ لها إلى البحر المتوسط وذلك بالاستيلاء على مضيق البوسفور والدردنيل الواقعين في الأراضي العثمانية، وقامت في سبيل ذلك بمناوشات عديدة على حدود الدولة العثمانية، ودخلت معها في حروب كثيرة، واشتركت مع النمسا في إثارة شعوب البلقان على العثمانيين الأمر الذي أضعف الدولة وأنهك قوتها.
+
+2- حدث تطور كبير في ذلك الوقت في أوربا، حيث قامت فيها نهضة شاملة، عمت مظاهر الحياة السياسية والاجتماعية والاقتصادية والفكرية والفنية، وبقيت الدولة العثمانية في عزلة عن هذه النهضة، فأصابها الركود والضعف والتأخر.
+
+3- حصل الأجانب على بعض الامتيازات المالية والقضائية في أنحاء الدولة العثمانية، وكان لذلك أثر في زيادة ضعفها، إذ أخذ هؤلاء الأجانب يستغلون هذه الامتيازات ويتدخلون في شؤون الدولة.
+أضف إلى ذلك أن الأتراك اضطروا إلى الاستعانة بالأجانب في بعض مناصب الدولة، وخاصة ما كان منها يتعلق بالشؤون المالية الخارجية، نظراً لانصراف العثمانيين عن دراسة العلوم واللغات الحديثة.
+
+(*) نظام الالتزام: هو جباية الأموال والضرائب من عامة الشعب لإرسالها إلى السلطان العثماني، وقد تولى جباية الالتزام طبقة الأثرياء، وكان هؤلاء لا يتهدون بجمع الضرائب من الفلاحين.
+
+41
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة أسباب ضعف الدولة العثمانية، فتذكر من العوامل الداخلية اتساع الدولة وتعدد الشعوب والأديان الخاضعة لها وما نتج عن ذلك من تمردات.  
+ثم تعرض العوامل الخارجية مثل أطماع روسيا في المضائق، وتأثير نهضة أوروبا مقابل عزلة الدولة العثمانية، إضافة إلى الامتيازات التي حصل عليها الأجانب وتدخلهم في شؤون الدولة.  
+كما تحتوي الصفحة على مربع توضيحي يشرح معنى "نظام الالتزام" بوصفه نظاماً لجباية الأموال والضرائب من الشعب لصالح السلطان العثماني.  
+الصفحة ذات تنسيق كتاب مدرسي، وفي أسفلها صندوق مميز بخط متقطع لشرح المصطلح، مع رقم الصفحة وحقوق النشر.
+
+
+================================================================================
+PAGE 42 - page_0042.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+الحركات المناهضة للحكم العثماني :
+
+كانت سياسة الولاة في الدولة العثمانية سبباً في حدوث حالة الجمود والركود والتخلف التي أصابت مرافق الدولة، وظلت شعوب هذه الولايات تحتفظ بشخصيتها ونظمها وتقاليدها. بل وأخذت تتمرد على الدولة العثمانية من حين لآخر، وخاصة عندما كانت تشتد مظالم الولاة ومساوئهم. فقد شهد القرن الثامن عشر الميلادي الكثير من الحركات الانفصالية، وانتشرت فكرة الاستقلال عن الدولة العثمانية ومن أهم هذه الحركات:
+
+أولاً – في المشرق العربي:
+1- في بلاد الشام:
+قسمت بلاد الشام إلى عدة ولايات، وتولى الزعماء المحليون تسيير دفة الحكم في المناطق الداخلية، وقد تعرض العثمانيون منذ احتلالهم لمنطقة الشام إلى خطر القبائل البدوية في سهل البقاع، وأصبحوا يهددون المدن الرئيسية وطريق الحج السلطاني الذي يربط عاصمة الدولة بمدينة دمشق، ثم إلى الحجاز، وقد اتبعت الدولة العثمانية سياسة متعددة الجوانب مع تلك الحركات تهدف جميعها إلى القضاء عليها كل في وقته المناسب، ومن هذه الحركات ثورة أسرة آل الحنش في سهل البقاع – ثورة الأمير فخر الدين المعني الكبير في البقاع وحوران وفلسطين – حركة أسرة آل العظم في مدن حمص وحماة وطرابلس الشام – وكان أخطر حركات بلاد الشام ما عرف بـ:
+
+حركة الشيخ ظاهر العمر بفلسطين:
+هو الشيخ (ظاهر العمر الزيداني) نشأ في شمال فلسطين وكان في بداية حياته العملية ملتزماً بجمع الضرائب، ونتيجة حسن معاملته للفلاحين تمكن من توسيع التزامه إلى مناطق مختلفة من الجليل (شمال فلسطين)، فخضعت له مدينتا نابلس والناصرة، وأعلن انفصاله عن الدولة العثمانية. ثم احتل مدينة عكا عام 1750م، وذلك بهدف تحصين مواقعه. وأيضاً لتسهيل الاتصال بالعالم الخارجي لبيع محاصيله إلى الأسواق الأجنبية مباشرة بدون وساطة التجار الفرنسيين والإنجليز الذين كانوا يتمتعون بالامتيازات الأجنبية.
+
+صادفت حركة الشيخ (ظاهر العمر) في فلسطين حركة انفصالية (عن الدولة العثمانية) في مصر هي حركة (علي بك الكبير)، وقد جمع بينهما العداء المشترك للسلطان العثماني، واتفق الطرفان على مقاومة الجيش العثماني إذا حاول التدخل في فلسطين. وجه السلطان العثماني أوامره إلى والي الشام في عام 1770م، لجمع جيش للقضاء على حركة الشيخ (ظاهر العمر) وأوفد (علي بك الكبير) قائد جيشه (محمد بك أبو الذهب) بعدة آلاف من الجند للوقوف إلى جانب قوات الشيخ
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+42
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة الحركات المناهضة للحكم العثماني في الوطن العربي، وتوضح أن ظلم الولاة وضعف الإدارة أدّيا إلى ظهور حركات تمرد وانفصال، خاصة في القرن الثامن عشر.  
+تركز الصفحة على بلاد الشام، وتذكر بعض الحركات المحلية فيها، ثم تفصل في حركة الشيخ ظاهر العمر في فلسطين.  
+تشرح كيف توسع نفوذ ظاهر العمر في الجليل ونابلس والناصرة، واحتل عكا سنة 1750م، وأعلن انفصاله عن الدولة العثمانية.  
+كما تشير إلى تعاونه مع علي بك الكبير في مصر ضد العثمانيين.  
+الصفحة ذات تصميم كتاب مدرسي، فيها عناوين بارزة باللون البني، إطار زخرفي حول النص، ورقم الصفحة 42 أسفل اليمين.
+
+
+================================================================================
+PAGE 43 - page_0043.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+(ظاهر العمر) بفلسطين، وتمكنت قوات الحليفين من دخول مدينة دمشق عام 1771م. في هذه الأونة كانت هناك حرب دائرة بين الدولة العثمانية وروسيا (1768-1771) وقد طلب الشيخ (ظاهر العمر) من الحكومة الروسية مساعدته ضد السلطان العثماني، فاستجابت له وقدمت له المعونة العسكرية التي تمكن بها من احتلال صيدا وبيروت في عام 1772م، إلا أن انتهاء الحرب الروسية - التركية في عام 1774م مكن السلطان العثماني من إرسال جيش تمكن به من القضاء على حركة الشيخ ظاهر العمر في عام 1775م.
+
+2 - في مصر:
+
+ساهم المماليك بقدر كبير في الانتفاضات التي قامت ضد الدولة العثمانية بمصر، على اعتبار أن المماليك أكثر الأطراف تضرراً من الحكم العثماني الذي قضى على دولة المماليك بمصر والشام. وقد استطاع المماليك مرات عدة من استمالة القبائل العربية للمشاركة في الثورة على العثمانيين، حيث كان صعيد مصر مرتعاً خصباً لحركة المماليك، وخاصة بعد الخطأ الذي ارتكبه العثمانيون بعزل أكبر القبائل العربية وأقواها نفوذاً عن الصعيد وهي قبيلة هوارة وبذلك زال التوازن في المنطقة.
+ولعل أبرز الحركات الموجهة ضد السلطة العثمانية في القرن الثامن عشر الميلادي هي:
+
+حركة علي بك الكبير:
+
+هو أحد أمراء المماليك في مصر، تولى منصب شيخ البلد عام 1763م، ولما كانت الدولة العثمانية في حرب مع روسيا من أجل تحقيق الأطماع الروسية المتعددة في أملاك الدولة العثمانية، فقد استغل (علي بك الكبير) هذه الفرصة وأعلن انفصاله واستقلاله بمصر عن الدولة العثمانية عام 1769م، وبعد أن استقر له الأمر في مصر، أخذ يعمل على توسيع أملاكه خارجها، فأرسل قواته إلى الحجاز وضمها إليه، إلا أن الدولة العثمانية استطاعت أن تستميل قائده (محمد بك أبو الذهب) إلى جانبها، بعد أن وعده السلطان العثماني بمنحه ولاية مصر، فأقدم على قتل مولاه (علي بك الكبير) عام 1773م، وبذلك انتهت هذه الحركة وعادت مصر ولاية عثمانية كما كانت عليه من قبل ودخلت مرحلة جديدة من تاريخها.
+
+3 - في العراق:
+
+خلال القرنين الثامن عشر والتاسع عشر الميلاديين، ارتفع شأن المماليك في العراق وأصبحوا قوة لها آثارها في الأحداث السياسية، ففي عام 1749م، وصل إلى منصب ولاية العراق (سليمان باشا المملوكي الملقب بأبي ليلى)، واستمر حكمه إلى 1762م، وخلال فترة حكمه أدرك مدى الضعف الذي كان عليه العثمانيون، وأن السلطان العثماني ليس بمقدوره اتخاذ قرارات مصيرية ضد حركات التحرر والاستقلال
+
+43
+ليبيا
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة حركات التمرد والاستقلال ضد الدولة العثمانية في المشرق العربي خلال القرن الثامن عشر.  
+تذكر نهاية حركة ظاهر العمر في فلسطين والشام بعد تحالفه مع الروس، ثم تنتقل إلى مصر ودور المماليك في مقاومة العثمانيين، مع التركيز على حركة علي بك الكبير ونهايتها.  
+كما تبدأ بعرض وضع العراق وصعود نفوذ المماليك فيه، خاصة في عهد سليمان باشا المملوكي.  
+الصفحة نصية تعليمية فقط، ولا تحتوي على صور أو خرائط أو رسوم بيانية، مع إطار زخرفي ورقم الصفحة 43 أسفل الصفحة.
+
+
+================================================================================
+PAGE 44 - page_0044.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+والانفصال عن الدولة العثمانية، كذلك عدم قدرته في مواجهة الأطماع الأجنبية المتزايدة في
+الولايات العربية العثمانية، لذلك نجده سريعاً ما أعلن شق عصا الطاعة على الدولة العثمانية،
+وامتنع عن إرسال أموال الضرائب إليها.
+
+كما أعلن استقلاله الذاتي وانفصاله عن الدولة العثمانية، وأنه أصبح الحاكم الفعلي للعراق دون منازع، حيث
+أنه مدعوم من جموع المماليك ومن الجيش الذي اعتنى بتدريبه وزيادة عدده.
+
+تظاهرت الدولة العثمانية بالموافقة على حكم (سليمان باشا) للعراق، وكذلك لمن جاء من بعده
+حتى تحين الفرصة المناسبة لاسترجاع العراق إلى حظيرة الدولة العثمانية، وعندما وصل (داود باشا)
+إلى الحكم وهو آخر الحكام من مماليك العراق (1817-1831م)، كانت الأحوال مضطربة بفعل التدخل
+الأجنبي الذي بدأت أطماعه واضحة من خلال الامتيازات، وتغلغل الشركات، وكثرة البعثات العلمية
+ظاهراً، والتجسس باطناً.
+
+وفي العام 1831م، ساءت الأحوال بالعراق، حيث ثارت القبائل العربية والكردية ضد حكم
+المماليك وتعسفهم، كما أن النزاع بين الجند الإنكشارية والمماليك على السلطة قد كان عاملاً مهماً
+في انتشار الفوضى وعمومها، وقد ساعد في تعميق الاضطراب أيضاً انتشار وباء الكوليرا بين السكان
+واشتداد المجاعة في مدينة بغداد، وبينما كانت الفوضى تعم البلاد والمماليك ليس بمقدورهم السيطرة
+عليها أرسل السلطان العثماني حملة عسكرية لمحاصرة مدينة بغداد، وقد نجحت هذه الحملة في
+بسط نفوذها على المدينة وما حولها، وقد ساعد في ذلك حدوث الفيضان نتيجة لارتفاع منسوب
+المياه في نهر دجلة الذي يمر من وسط بغداد، فهدم البيوت والأسوار والحصون التي كانت تحمي
+المدينة وتدافع عنها، فاستسلمت للقوات العثمانية.
+
+وأصدر السلطان العثماني أمراً بتعيين والٍ عثماني جديد على العراق، معلناً عودة البلاد تحت
+السيطرة العثمانية المباشرة، حيث بقي فيها العثمانيون حتى احتلها البريطانيون أثناء الحرب العالمية
+الأولى (1914 - 1918م).
+
+4- في شبه الجزيرة العربية:
+
+عندما استبد العثمانيون بالحكم في اليمن وأساؤوا معاملة الناس، توالت الانتفاضات الشعبية
+ضدهم، ففي اليمن تزعم الأئمة الزيديون في صنعاء حركة المقاومة الشعبية وأرغموا العثمانيين على
+الجلاء عنها، ومن أجزاء أخرى من جنوب شبه الجزيرة العربية سنة 1515م.
+
+حكم الأئمة الزيديون اليمن قرابة مائتي عام وذلك منذ أواخر العهد العباسي ونشروا المذهب
+الزيدي الشيعي فيها وفي العهد العثماني الذي امتد حكمه إلى الشرق العربي عام 1516م ما لبث أن
+وصل إلى اليمن وذلك في عهد السلطان (سليمان القانوني) عندما وصل الأسطول العثماني إلى عدن
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+44
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة أوضاع العراق في أواخر حكم المماليك وعلاقته بالدولة العثمانية، ثم استعادة العثمانيين السيطرة المباشرة على العراق سنة 1831م بعد الاضطرابات والفيضان في بغداد.  
+كما تشرح أثر التدخل الأجنبي والامتيازات والشركات والبعثات في إضعاف الوضع الداخلي.  
+وفي القسم الأخير تبدأ فقرة جديدة عن شبه الجزيرة العربية، وتركز على اليمن ومقاومة الأئمة الزيديين للحكم العثماني.  
+الصفحة عبارة عن نص تاريخي فقط داخل إطار زخرفي، مع عنوان فرعي أعلى الصفحة ورقم الصفحة 44 أسفل اليمين.
+
+
+================================================================================
+PAGE 45 - page_0045.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+وسيطرت القوات العثمانية عليها وانتقل العثمانيون للاستيلاء على البلاد بالكامل وحقق ذلك في 1540م إلا أنهم اضطروا للجلاء عنها بسبب ثورة القبائل عليهم في عام 1635م ثم عادوا إليها مع اشتداد الخطر الاستعماري وازدياد حدة التنافس الاستعماري الأوروبي في البحر الأحمر وذلك في عام 1872م لكن سلطانهم لم يتعدى السواحل وبعض المناطق الداخلية فيما ظلت المناطق الجبلية ومنطقة صعدة بعيدة عن نفوذهم واستمر الصراع بين العثمانيين من ناحية وبين القبائل من الجانب الثاني وتبادل السيطرة عليه حتى اضطر العثمانيون إلى الرحيل والتخلي عن اليمن في أعقاب الحرب العالمية الأولى 1918م شأنها شأن كل الدول العربية. بعد أن خسرت الحرب وقسمت أملاكها بالبلاد العربية إلى مناطق نفوذ أوروبية.
+
+وفي الشرق وخلال النصف الثاني من القرن الثامن عشر الميلادي سيطرت قبائل القواسم على بعض مناطق شرق شبه الجزيرة على ساحل الخليج العربي وهو ما يعرف اليوم (بالإمارات العربية المتحدة)، وفي بداية القرن التاسع عشر الميلادي حاصرتها بريطانيا وكبلتها في معاهدات معها.
+
+وفي منطقة عمان ومسقط ظهرت قبيلة اليعاربة، حيث انتخب أحد أفرادها إماماً سنة 1624م، وبذلك بدأ حكم اليعاربة، حيث طردوا البرتغاليين منها وحاولوا الاستقلال، إلا أن حدوث الحرب الأهلية بينهم وبين قبيلة أخرى من آل بوسعيد التي انتصرت في تلك الحرب وانتقلت الإمامة إليها منذ سنة 1743م.
+
+في منطقة شمال شرق الجزيرة العربية، وتحديداً عند رأس الخليج العربي وفيما يعرف اليوم بالكويت، وصلت قبائل العتب أي (العتوب) التي هاجرت من وسط شبه الجزيرة العربية بسبب الجفاف إلى شواطئ الخليج العربي الشمالية الشرقية بعد أن اتحدت هناك في القرن السابع عشر، وقد التقت هذه القبائل عند منطقة تسمى الكويت (تصغير لكلمة الكوت وتعني الحصن الصغير)، ومن تحالف هذه القبائل برزت أسرة آل الصباح التي كونت إمارة الكويت منذ عام 1750م.
+
+ثانياً - في المغرب العربي:
+1 - في ليبيا:
+شهدت ولاية طرابلس الغرب العثمانية (ليبيا) كغيرها من الولايات الأخرى، حالة عدم استقرار سياسي مع اضطراب في الحياة الاقتصادية وسوء المعيشة وانهيار النظام الاجتماعي والتعليمي وتخلفهما، وكان هذا الوضع ينذر بحدوث حالة عدم الرضا عن الحكم العثماني وتصرفاته تجاه الأهالي وإرهاق حياتهم.
+
+وفي مطلع القرن الثامن عشر الميلادي وتحديداً في عام (1711م) ظهر (أحمد باشا القره مانلي)، وهو ضابط من أسرة عثمانية (وأم عربية) استوطنت ليبيا بعد مجيء العثمانيين إليها عام (1551م)، وكان قد شغل عدة مناصب
+
+45
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة أوضاع بعض الأقاليم العربية تحت الحكم العثماني، خاصة اليمن وعُمان والخليج العربي والكويت، ثم تنتقل إلى المغرب العربي وبالتحديد ليبيا. تشرح تراجع النفوذ العثماني بسبب الثورات القبلية والصراعات الداخلية والتدخل الأوروبي، مع ذكر تواريخ مهمة مثل 1540م و1635م و1872م و1918م. كما تعرض نشأة حكم اليعاربة وآل بوسعيد في عُمان، وظهور إمارة الكويت بقيادة آل الصباح. بصرياً، الصفحة عبارة عن نص تاريخي فقط داخل إطار مزخرف، مع عنوان فرعي واضح: «ثانياً - في المغرب العربي: 1 - في ليبيا».
+
+
+================================================================================
+PAGE 46 - page_0046.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+عسكرية في طرابلس، وأثناء عمله اتصف بحسن المعاملة مع الجنود والضباط والأهالي فأكسب بذلك ثقتهم وخاصة أن البلاد كانت في تلك الآونة تعاني كثيراً من الأخطار بسبب الفتن التي انتشرت بين الجند وتدخلهم في تعيين وخلع الولاة، إضافة إلى المؤامرات التي كانت تحيكها الدول الأجنبية مستغلة سوء الحالة السياسية لتتمكن لنفسها وشركائها قاعدة سياسية واقتصادية بها. وفي شهر يوليو 1711م، أجمع الجند والضباط والأهالي على اختيار (أحمد باشا القره مانلي) والياً على طرابلس حسماً للموقف المتردي.
+
+تولى (أحمد باشا) (1711 - 1745م) الحكم منهياً الاضطرابات والفتن، ناشراً الأمن والاستقرار، قاضياً على كل من تسبب في حدوث الفوضى، منفرداً بالسلطة، معلناً رسمياً استقلاله عن الدولة العثمانية بولاية طرابلس، ولم يجد السلطان العثماني مفراً من الاعتراف بسيادته على الولاية مع بقاء التبعية الاسمية للدولة العثمانية، حتى يمكن عودتها إلى حظيرة الدولة كما فعل مع الحركات الاستقلالية في الولايات الأخرى، وقد قام (أحمد باشا) بإصلاحات داخلية أهمها:
+أ - وضع نواة القوات البحرية الليبية ووجه اهتمامه بالأسطول الذي كان يعتبر في ذلك الوقت من أهم مظاهر التقدم.
+ب - القضاء على الثورات والفتن التي قامت بها العصبيات المحلية، كما استطاع السيطرة على جميع أنحاء البلاد وبذلك سادت روح الأمن وعمت الطمأنينة الأهالي ورعايا الدولة الآخرين.
+ج - النهوض بمرافق البلاد الاقتصادية والاجتماعية.
+د - الاهتمام بطرق التجارة الصحراوية.
+هـ - تشجيع العلوم والمعرفة ووجه للعلماء واهتمامه بهم.
+
+وقد توفي (أحمد باشا القره مانلي) عام 1745م بعد أن وطد حكم القره مانليين في البلاد وخلق نوعاً من الاستقرار السياسي، كانت البلاد في أشد الحاجة إليه بعد حالة الاضطرابات التي شهدتها طيلة فترة العهد العثماني الأول (1551 - 1711م)، وقد استمر حكم الأسرة القره مانلية في طرابلس مستقلاً عن الدولة العثمانية حوالي 124 سنة (1711 - 1835م)، وقد تولى خلال هذه الفترة حكام من نفس العائلة هم:
+1 - أحمد القره مانلي 1711 - 1745م.
+2 - محمد أحمد القره مانلي 1745 - 1754م.
+3 - علي محمد القره مانلي 1754 - 1793م.
+4 - يوسف علي القره مانلي 1795 - 1834م.
+
+ويتصف عهد (يوسف باشا القره مانلي) بأنه من أحسن فترات الحكم القره مانلي، حيث شهدت البلاد انتعاشاً اقتصادياً نتيجة لجهود أسلافه السابقين ولقوة الأسطول والبحرية في عهده، والتي عادت
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+46
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة قيام حكم الأسرة القرمانلية في طرابلس، وبداية تولي أحمد باشا القرمانلي سنة 1711م بعد اضطرابات وفتن داخلية.  
+وتوضح إصلاحاته السياسية والعسكرية والاقتصادية، مثل إنشاء نواة البحرية الليبية، القضاء على الفتن، وتنشيط التجارة والعلوم.  
+كما تذكر وفاة أحمد باشا سنة 1745م واستمرار حكم الأسرة القرمانلية مستقلاً عن الدولة العثمانية نحو 124 سنة.  
+وتسرد أسماء حكام الأسرة القرمانلية وتعطي تمهيداً لعهد يوسف باشا القرمانلي بوصفه من أفضل فترات الحكم.  
+الصفحة نصية بالكامل تقريباً، مع إطار زخرفي بسيط ورقم الصفحة 46 في الأسفل.
+
+
+================================================================================
+PAGE 47 - page_0047.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+على خزينة الولاية بالدخل الوافر لما فرضته من معاهدات وإتاوات (غرامات) على السفن الأمريكية والأوروبية لضمان سلامتها وتنقلها في البحر المتوسط، وكذلك السماح لها بالمشاركة في النشاط التجاري بالمنطقة.
+
+نزاع يوسف باشا القرمانلي مع أمريكا:
+
+تعرضت سفن الولايات المتحدة الأمريكية لبطش الأسطول الليبي القرمانلي، فقد قام رجال البحر الليبيون بمهاجمة بعض السفن الأمريكية التي اعتدت على الشواطئ الليبية، ورفضت الامتثال للأمر الواقع بدفع الغرامات ضماناً لمرور سفنها بسلام في البحر المتوسط، وخاصة وأن أمريكا كانت دولة ناشئة في ذلك الوقت، وحديثة عهد بالدنيا حيث استقلت عام 1776م.
+
+حاولت الولايات المتحدة التفاوض مع (يوسف باشا) تجنباً للحرب وكسباً للوقت لكي تستعد الاستعداد المناسب، غير أن محاولات التفاوض فشلت، فقد أسرع (يوسف باشا) بإعلان الحرب عليها في 14 مايو 1801م، فلم يعد أمام الولايات المتحدة غير القتال، فأرسلت بعض قواتها البحرية عام 1803م، بعد ترددها كثيراً في اتخاذ قرار بهذا الشأن، وقد قامت هذه القوة البحرية بمهاجمة ميناء طرابلس، واستطاع الأسطول الليبي بعد قتال عنيف رد المعتدين، والاستيلاء على السفينة الحربية الأمريكية (فيلادلفيا) وأسر قائدها.
+
+صورة السرايا الحمراء توضح سارية السفينة (فيلادلفيا)
+
+47
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن نزاع يوسف باشا القرمانلي مع الولايات المتحدة الأمريكية بسبب فرض الإتاوات على السفن في البحر المتوسط ورفض أمريكا دفعها. كما تذكر فشل المفاوضات ثم إعلان الحرب سنة 1801م، وإرسال أمريكا قوات بحرية سنة 1803م لمهاجمة طرابلس.  
+وتوضح الصفحة أن الأسطول الليبي تصدى للهجوم واستولى على السفينة الأمريكية "فيلادلفيا" وأسر قائدها.  
+توجد صورة في أسفل الصفحة للسرايا الحمراء في طرابلس، مع دائرة حمراء تشير إلى سارية السفينة "فيلادلفيا".
+
+
+================================================================================
+PAGE 48 - page_0048.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+وكان لخبر الاستيلاء على هذه السفينة الحربية الأمريكية أثرٌ عظيمٌ في نفوس الأهالي، فخرجوا إلى الساحل يشاهدون المصير الذي انتهت إليه هذه السفينة، كما كان له أثرٌ سيئٌ في نفوس الأمريكيين إذ أُصيبَتْ كبريتهم الناشئة وسمعتهم في الصميم. وحاولت الولايات المتحدة الانتقام لما حدث لها، ورأت أن خير وسيلة للانتقام أن تقوم بتحطيم السفينة (فيلادلفيا) وخاصة بعد أن تأكدت من استحالة استعادتها، فتسلل بعض الأفراد ليلاً، وتمكنوا من إشعال النار في السفينة وهي راسية في ميناء طرابلس.
+
+صورة توضح حرق السفينة (فيلادلفيا)
+
+واكتفى الأمريكيون بهذا القدر واعتبروه نصراً كبيراً، وكان ذلك في عام 1804م، ثم لجأ الأمريكيون بعد ذلك إلى بث الدسائس وإثارة الفتن في البلاد، لكن سياسة (يوسف باشا) وحسن تصرفه جعلت الأمريكيين يدخلون في مفاوضات انتهت بعقد الصلح الذي دفعت بموجبه أميركا غرامة مالية كبيرة لـ(يوسف باشا)، وقد استمر حكمه مدة طويلة بلغت حوالي (40) عاماً.
+
+وفي نهاية المطاف تمكنت الدولة العثمانية من القضاء على حكم القرمانلي وإعادة ليبيا ولاية عثمانية عام 1835م، وهو ما عُرف بالعهد العثماني الثاني، واستمر ذلك حتى قدوم الاحتلال الإيطالي عام 1911م.
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+48
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة حادثة إحراق السفينة الأمريكية «فيلادلفيا» بعد استيلاء الليبيين عليها في ميناء طرابلس، وما تركه ذلك من أثر في الأهالي والأمريكيين. كما تشرح محاولة الولايات المتحدة الانتقام ثم لجوءها إلى المفاوضات مع يوسف باشا ودفع غرامة مالية كبيرة.  
+وتعرض الصفحة أيضاً نهاية حكم القرمانلي وعودة ليبيا ولاية عثمانية سنة 1835م حتى الاحتلال الإيطالي سنة 1911م.  
+وتتضمن صورة كبيرة لسفينة شراعية مشتعلة بالنيران ليلاً في الميناء، مع تجمع أشخاص على الشاطئ يشاهدون الحريق، وتحتها تعليق: «صورة توضح حرق السفينة (فيلادلفيا)».
+
+
+================================================================================
+PAGE 49 - page_0049.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+2 - في تونس:
+
+شهد شمال إفريقيا ظهور الأسر القوية التي استطاعت أن تكون لنفسها كياناً مستقلاً عن الدولة العثمانية، وتسيطر على الحكم داخل الولايات، كما أن هذه الأسر استطاعت أن تتجه نحو الاستقلال بشؤونها، وتصريف أمورها مستفيدة من ضعف الدولة العثمانية في الأستانة وغضب الأهالي عليها في الولايات بسبب ظلم جند الإنكشارية، إضافة إلى سوء الأحوال الاقتصادية.
+
+وبحلول القرن الثامن عشر الميلادي ظهرت هذه الأسر إلى الوجود معلنة الاستقلال وأنها المتصرف في شؤون الولايات دون الرجوع إلى الدولة المركزية، بل اتجهت إلى الفردية وإقامة الكيان الخاص، فبالرغم أن أصول هذه الأسر كان غير عربي، بل في تونس قامت الأسرة الحسينية ومؤسسها (حسين بن علي) الذي اختاره الأهالي ليكون حاكماً على الولاية، استطاعت هذه الأسرة أن تبني قوة بحرية حديثة ومجهزة تجهيزاً حديثاً، واكتسبت المنطقة في عهدها شخصيتها الذاتية حتى أن دول أوروبا عقدت معها المعاهدات لتأمين تجارتها في البحر المتوسط.
+
+وقد لقب أفراد هذه الأسر بلقب (البايات) وهي جمع مفردها (باي)، وأصبح كل من تقلد الحكم منها يسمى (باياً)، واستمر حكم هذه الأسرة قائماً في تونس رغم حدوث الاحتلال الفرنسي للبلاد 1881م، وبقي كذلك إلى أن استقلت تونس عام 1957م.
+
+3 - في الجزائر:
+
+كان الحال في الجزائر مشابهاً تماماً لما كان عليه الحال في تونس وليبيا، فقد زاد نفوذ المغامرين من أمراء البحر ورؤساء الجند.
+
+في الجزائر ظهر ما يعرف تاريخياً بـ (الدايات) وهي جمع كلمة (داي) ومقابلة لـ(بايات) في تونس، وقد استطاع هؤلاء الأمراء الحربيون من استغلال الظروف السياسية والصعبة التي كانت تمر بها الدولة العثمانية في مطلع القرن الثامن عشر الميلادي، وعدم قدرتها على بسط نفوذها القوي داخل الولايات، بنحو وما كانت عليه الأحوال عند بدء الحكم العثماني لها في مطلع القرن السادس عشر الميلادي.
+
+إضافة إلى شعور الأهالي بخيبة أمل نتيجة للظلم الواقع عليهم من جند الإنكشارية، كذلك اضطراب الأحوال الاقتصادية، وانتشار الفقر والجهل والأمراض، كل ذلك دفع أمراء البحر إلى الاستقلال الجزئي عن السلطة العثمانية المركزية، في محاولة للرفع من شأن البلاد وإصلاح أحوالها.
+
+وبالرغم من حدوث هذا الانفصال ومحاولات الأمراء تقديم أفضل الخدمات، إلا أن الصراع السياسي بين الدايات أنفسهم، وتربص الاستعمار الفرنسي بالجزائر منذ زمن بعيد سبق غيرها من الدول العربية بفترة طويلة،
+
+49
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة أوضاع تونس والجزائر في العهد العثماني، وكيف ظهرت أسر وحكام محليون اتجهوا إلى الاستقلال عن الدولة العثمانية بسبب ضعفها وسوء الأوضاع الداخلية.  
+في تونس تشرح قيام الأسرة الحسينية ولقب حكامها بـ"البايات"، واستمرار حكمها حتى بعد الاحتلال الفرنسي.  
+وفي الجزائر تعرض ظهور "الدايات" واستقلالهم الجزئي، مع بيان أثر ظلم الإنكشارية وتدهور الاقتصاد وانتشار الفقر.  
+الصفحة نصية تعليمية فقط، وتحتوي على إطار زخرفي للصفحة ورقم الصفحة 49 دون صور أو رسوم أو مخططات.
+
+
+================================================================================
+PAGE 50 - page_0050.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+كل ذلك أخر الإصلاح وعجل بوصول الاحتلال الفرنسي إلى البلاد عام 1830م، حيث دخلت البلاد في مرحلة جديدة من تاريخها.
+
+نتائج الحكم العثماني للمنطقة العربية:
+1 - النتائج الاجتماعية:
+انقسم المجتمع في الولايات العربية إلى طبقات:
+أ - طبقة حاكمة مستغلة تكونت من العثمانيين وهي تملك القرار وتستمد كيانها من القوة العسكرية، وحرصت على عدم اختلاطها بالعرب في أكثر الأحيان.
+ب - طبقة أغنياء القوم وأشراف أهل البلاد الأصليين، وقد تمتعت بامتيازات خاصة لدعمها للسلطة الحاكمة.
+ج - طبقة محكومة من أهل البلد وهي الطبقة الكادحة وتضم الصناع والفلاحين والتجار وأصحاب الحرف المختلفة.
+د - طبقة الفقهاء والقضاة، وقد تمتع أصحاب هذه الطبقة بمكانة سامية بين الأهالي، واستطاعت أن تدفع الظلم عن نفسها، ووقفت أحياناً إلى جانب الأهالي ضد ظلم الحكام، كما تمتعت بنوع خاص من الحماية، وقد أثرت على حساب الآخرين.
+
+إلى جانب هؤلاء كانت هناك فئات من الديانات الأخرى من المسيحيين واليهود والتي تمتعت بامتيازات وصلاحيات تخولها تدبير شؤون رعاياها ووظائفها المالية والقضائية والدينية والتعليمية، وكان لها مدارسها الخاصة، وهي معفاة من الجندية والقتال.
+
+وقد اهتم أفراد الطبقة الحاكمة بجمع الأموال لتعويض ما دفعوه من رشاوى في سبيل الوصول إلى مراكزهم، ولم يعيروا أي اهتمام لأمور الطبقة المحكومة، وأهملوا نواحي الإصلاح، وبفضل ما كان لرجال الدين من مكانة بين الأهالي، فقد تمتعوا بنوع خاص من الحماية وبعض الثراء. وقد تمكنت فئة التجار والصناع من جمع بعض الثروة، فوقعت أموالهم فريسة للنهب والسلب أو المصادرة.
+
+2 - النتائج الثقافية:
+لم يكن اهتمام الدولة العثمانية بالتعليم كبيراً، وكانت المدارس في ولايات المنطقة العربية قليلة جداً، والعلوم التي تدرس فيها لم تكن علوماً عصرية، بل كانت بسيطة بدائية لتعليم القراءة والكتابة العربية.
+
+50
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة نتائج الحكم العثماني في المنطقة العربية، وتركز على النتائج الاجتماعية والثقافية.  
+توضح انقسام المجتمع إلى طبقات: الحكام العثمانيون، والأغنياء والأشراف، والطبقة الكادحة، وطبقة الفقهاء والقضاة، مع الإشارة إلى أوضاع المسيحيين واليهود.  
+كما تشرح انتشار الظلم والرشوة وإهمال الإصلاح، وتأثر التجار والصناع بالمصادرة والنهب.  
+وفي الجانب الثقافي، تبين ضعف اهتمام الدولة العثمانية بالتعليم وقلّة المدارس وبساطة العلوم التي كانت تُدرّس.  
+الصفحة عبارة عن نص دراسي فقط داخل إطار مزخرف، ولا تحتوي على صور أو رسوم أو مخططات.
+
+
+================================================================================
+PAGE 51 - page_0051.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+أمّا العلوم الدينية والفقهية فقد كانت في الزوايا والكتاتيب، وقد لعبت المساجد دوراً كبيراً في هذا الشأن وذلك بأن أصبحت مراكز عبادة وعلم، وكانت تنشأ إلى جوار المساجد عادة دور لتحفيظ القرآن الكريم، إلى جانب مبادئ الكتابة والحساب، ولقد بقي الأزهر الشريف بمصر وجامع الزيتونة بتونس منارات يلجأ إليها طلاب العلوم الإسلامية من كافة البلاد العربية والإسلامية لتعلم أصول اللغة العربية والعلوم الفقهية، وكانت سياسة الجمود والعزلة التي فرضتها سياسة الدولة العثمانية أكبر الأثر في إهمال دراسة العلوم الطبيعية كالكيمياء والرياضيات والطب ونحوها في جميع ولايات الدولة.
+
+3- النتائج الاقتصادية:
+
+تدهورت أحوال المشرق العربي الاقتصادية بسبب حرمان أقطاره من الأموال التي كانت تحصل عليها نتيجة مرور تجارة أوروبا والشرق عبر أراضيه، بسبب كشف البرتغاليين لطريق رأس رجاء الصالح حول أفريقيا عام 1498م، وتحول التجارة إليه، وفشل العثمانيون في طرد البرتغاليين من بحر العرب والخليج العربي والمحيط الهندي، يضاف إلى ذلك أن العثمانيين عقدوا مع الدول الأوروبية المسيحية معاهدات (الامتيازات الأجنبية) ابتداءً من عام 1535م، منحت الأوروبيين بموجبها امتيازات اقتصادية كانت ذات أثر فعال في إضعاف الولايات العربية اقتصادياً.
+
+وفي ميدان الزراعة أهملت حكومات الولايات شؤون الري ووسائله من ترع وقنوات وآبار وعيون، ولم توجه العناية لشؤون الأمن ما عدا طريق الحج إلى بيت الله الحرام، فانتشر في بعض المناطق قطاع الطرق واللصوص، وأدى إهمال شؤون الزراعة وفرض الضرائب الباهظة على الفلاحين إلى هجر بعضهم أرضه، واكتفى بعضهم الآخر بأن ينتج من الأرض ما يسد به رمقه.
+
+وقد كانت الأرض تعتبر ملكاً للسلطان العثماني، الذي قسمها ووزعها على كبار رجال الدولة، الذين استخدموا الفلاحين لزراعتها مقابل نصيب ضئيل من إنتاجها، هذا بالإضافة إلى الضرائب التي يدفعها الفلاحون حسب نظام الالتزام.
+
+51
+
+ليبيا
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة أوضاع التعليم والعلوم في العهد العثماني، حيث ازدهرت العلوم الدينية في الزوايا والمساجد والكتاتيب، بينما أُهملت العلوم الطبيعية بسبب سياسة الجمود والعزلة.  
+ثم تعرض النتائج الاقتصادية لتدهور المشرق العربي بعد تحول طرق التجارة إلى رأس الرجاء الصالح سنة 1498م، وفشل العثمانيين في مواجهة البرتغاليين، إضافة إلى الامتيازات الأجنبية منذ 1535م.  
+كما تشرح تراجع الزراعة بسبب إهمال الري والأمن وفرض الضرائب الباهظة، مما أدى إلى هجرة الفلاحين لأراضيهم وضعف الإنتاج.  
+بصرياً: الصفحة نصية بالكامل داخل إطار زخرفي، وفي الأسفل رقم الصفحة 51 وشعار/اسم ليبيا وحقوق النشر لمركز المناهج التعليمية والبحوث التربوية.
+
+
+================================================================================
+PAGE 52 - page_0052.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+أسئلة تطبيقية على الفصل الثاني
+
+س 1: عدد أساليب العثمانيين في حكم الولايات العثمانية ثم تحدث عن إحداها بالتفصيل.
+
+س 2: تكلم عن النظام الذي فرضه العثمانيون في حكم الولايات العربية.
+
+س 3: (انقسم المجتمع في الولايات العربية في العهد العثماني إلى عدة طبقات) اشرح ذلك.
+
+س 4: اكتب مذكرات تاريخية عن:
+أ- الديوان.
+ب- حكام الألوية والمقاطعات.
+ج- الحامية العثمانية.
+
+س 5: تحدث عن عوامل الضعف الداخلية التي ساهمت في ضعف الدولة العثمانية.
+
+س 6: كيف كانت الامتيازات الأجنبية عاملاً في زيادة ضعف الدولة العثمانية؟
+
+س 7: ماهو نظام الإلتزام؟
+
+س 8: ماذا يعني مفهوم الحركات الاستقلالية؟ اكتب حول أهم تلك الحركات في بلاد الشام ومصر.
+
+52
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+الصفحة تعرض أسئلة تطبيقية على الفصل الثاني من مادة تاريخ الوطن العربي الحديث والمعاصر.  
+تركز الأسئلة على الحكم العثماني في الولايات العربية، مثل أساليب الحكم، النظام الإداري، طبقات المجتمع، والديوان والحامية العثمانية.  
+كما تتناول أسباب ضعف الدولة العثمانية، والامتيازات الأجنبية، ونظام الالتزام، والحركات الاستقلالية في بلاد الشام ومصر.  
+بصريًا، الصفحة ذات تصميم بسيط بإطار زخرفي بني، وعنوان رئيس داخل شكل مستطيل بحواف منحنية، مع رقم الصفحة أسفل اليمين.
+
+
+================================================================================
+PAGE 53 - page_0053.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+س 8: قامت الحركة القره مانلية في ليبيا ضد الحكم العثماني في مطلع القرن الثامن عشر الميلادي،
+اشرح تفاصيل ذلك.
+
+س 9: قارن بين حركتي الإستقلال في كل من:
+تونس - الجزائر
+
+53
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+الصفحة من كتاب تاريخ/دراسات للمرحلة الثانوية، وتعرض سؤالين مقاليين للمراجعة.  
+السؤال الأول عن الحركة القره مانلية في ليبيا ضد الحكم العثماني في بداية القرن الثامن عشر وطلب شرح تفاصيلها.  
+والسؤال الثاني يطلب المقارنة بين حركتي الاستقلال في تونس والجزائر.  
+بصريًا، الصفحة بسيطة جدًا بلا صور أو خرائط، وتحتوي فقط على إطار زخرفي حول الصفحة مع رقم الصفحة في الأسفل.
+
+
+================================================================================
+PAGE 54 - page_0054.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+54
+
+------------PAGE TALK ABOUT------------
+تعرض الصفحة صورًا لأدوات وتقنيات عسكرية وبحرية قديمة مرتبطة بتاريخ الوطن العربي الحديث والمعاصر.  
+في الأعلى تظهر آلة معدنية قديمة ومدفع على عجلات، ما يشير إلى تطور وسائل القتال والتسليح.  
+وفي الأسفل رسوم لسفن شراعية كبيرة وصغيرة، تمثل الملاحة البحرية والأساطيل الحربية أو التجارية القديمة.  
+الصفحة تبدو توضيحية وتعتمد على الصور لشرح جانب من التطور العسكري والبحري في تلك الفترة.
+
+
+================================================================================
+PAGE 55 - page_0055.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+الفصل الثالث
+
+أوروبا الحديثة بين النهضة
+والاستعمار
+
+55
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+هذه صفحة افتتاحية لفصل دراسي بعنوان: "أوروبا الحديثة بين النهضة والاستعمار" ضمن منهج السنة الثالثة من مرحلة التعليم الثانوي.  
+تُظهر الصفحة بداية الفصل الثالث، ما يدل على أن الدروس القادمة ستتناول تطور أوروبا الحديثة وعلاقتها بحركتي النهضة والتوسع الاستعماري.  
+تتضمن الصفحة تصميماً زخرفياً على شكل إطار ومخطوطة مزينة في الوسط كعنصر بصري رئيسي، مع عنوان الفصل داخل شريط علوي.  
+كما يظهر رقم الصفحة في الأسفل مع إشارة إلى حقوق النشر الخاصة بمركز المناهج التعليمية والبحوث التربوية في ليبيا.
+
+
+================================================================================
+PAGE 56 - page_0056.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+سؤال وجواب
+
+لماذا نجد أنه من الضروري  
+أن ندرس بعض الأحداث المهمة  
+في تاريخ أوروبّا ونحن ندرس  
+تاريخ المنطقة العربية في العصر  
+الحديث؟
+
+السبب في ذلك أن تاريخ المنطقة العربية سوف يكون مرتبطًا ارتباطًا مباشرًا  
+بتاريخ أوروبّا نظرًا لتأثير الاتجاهات الجديدة التي ظهرت في أوروبّا أثناء اليقظة  
+الفكرية والكشوف الجغرافية والثورة الصناعية والحركة العلمية.... والتي أدت جميعها  
+إلى تطور الآراء والأفكار السياسية وبالتالي ظهور ثورات رسمت معالم الحديثة  
+للدول الأوروبّية وكانت سببًا مباشرًا في ظهور فكرة الاستعمار الأوروبّي.  
+لذا وجب دراسة بدايات نشوء حركة الاستعمار والتعرف على الظروف التي  
+عاشتها أوروبّا قبل تلك الصراعات والتي أدت إلى ظهور واشتداد النزعة الاستعمارية  
+لدى الأوروبّيين وما نتج عنها من انعكاسات على المنطقة العربية بعد دخولها ضمن  
+أملاك وسيطرة الدول الأوروبّية الأمر الذي ترتب عليه وجوب ظهور حركات  
+المقاومة العربية ضد الاستعمار الأوروبّي فيما بعد.
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+56
+
+------------PAGE TALK ABOUT------------
+الصفحة تعرض سؤالًا وجوابًا من مادة تاريخ الوطن العربي الحديث والمعاصر، وتوضح سبب دراسة بعض أحداث تاريخ أوروبا عند دراسة تاريخ المنطقة العربية الحديثة.  
+تبيّن أن النهضة الفكرية والكشوف الجغرافية والثورة الصناعية والحركة العلمية في أوروبا أثرت مباشرة في العالم العربي.  
+كما تشرح أن هذه التطورات أدت إلى ظهور الاستعمار الأوروبي، ثم خضوع أجزاء من المنطقة العربية لسيطرة الدول الأوروبية وظهور حركات المقاومة العربية.  
+بصريًا، تحتوي الصفحة على تصميم تعليمي فيه علامة استفهام كبيرة وفقاعة كلام وسؤال داخل إطار، مع عنوان جانبي ورقم الصفحة أسفل اليمين.
+
+
diff --git a/history/p3.txt b/history/p3.txt
new file mode 100644
index 0000000000000000000000000000000000000000..46d09e20a1d77e7ba2de6420afabac9baf764fd2
--- /dev/null
+++ b/history/p3.txt
@@ -0,0 +1,1107 @@
+"أنت مدرس خبير ومحترف في مادة التاريخ. أنت تدرّس طالباً وتساعده على الفهم.
+
+=== محتوى الفصل (المرجع العلمي) ===
+
+=== نهاية السياق ===
+
+**تعليمات مهمة:**
+- استخدم المحتوى العلمي أعلاه كمرجع أساسي للإجابة
+- راعِ سياق المحادثة السابقة والمستوى التعليمي للطالب
+- أجب بشكل واضح ومفصل باللغة العربية
+- استخدم الأمثلة والتوضيحات عند الحاجة
+- إذا سأل الطالب عن شيء خارج المحتوى المتوفر، أخبره بذلك بلطف
+
+
+================================================================================
+PAGE 57 - page_0057.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+عصر النهضة ودوره في ظهور أوروبا الحديثة
+
+أ- وضع أوربا قبل عصر النهضة:
+
+إن تاريخ أوربا ذو صلة قوية بتاريخ الوطن العربي الحديث، لذا فإننا نحاول هنا أن نقدم نبذة عن وضع أوربا وتطورها منذ ما قبل العصور الوسطى وحتى عصر النهضة الذي مهد لظهور أوربا الحديثة.
+
+كانت أوربا قبل مرحلة العصور الوسطى جزءاً من الإمبراطورية الرومانية، وقد أطلق المؤرخون على مرحلة العصور الوسطى (بالظلم) حيث كانت كثير من المعتقدات تعتمد على الأساطير والخرافات. بدأت العصور الوسطى منذ سقوط روما عاصمة الإمبراطورية الرومانية في القرن الخامس الميلادي (476م) وإلى بدايات عصر النهضة الأوروبية 1300م.
+
+كانت القبائل الجرمانية هي أول من هاجمت الإمبراطورية الرومانية بعد أن ظهر ضعفها وانتشر فيها الفساد. وقد أطلق على هذه القبائل اسم "البربرة" فاحتلوا الأجزاء الشمالية منها. كما سيطر القوط على إسبانيا وإيطاليا والسكسون على بريطانيا، والفرانكيون على فرنسا وقسمت أراضي الإمبراطورية إلى إقطاعيات، بذلك تمزقت الإمبراطورية الرومانية إلى ممالك وضياع يمتلكها الحكام والأغنياء أصحاب النفوذ من الفرسان، ويعمل الفلاحون فيها بأجور زهيدة وأحياناً بالسخرة، وبعد ذلك ظهر في أوربا نظام اقتصادي واجتماعي جديد عرف (بنظام الإقطاع)(*) وبالتالي انقسم المجتمع الأوربي إلى ثلاث طبقات:
+1- طبقة رجال الدين.
+2- طبقة ملاك الأرض.
+3- طبقة العمال والفلاحين.
+
+(*) نظام الإقطاع: هو نظام اقتصادي، اجتماعي سياسي حربي، انتشر في أوربا الوسطى والغربية خلال فترة العصور الوسطى، وهو نظام يعتمد على ملكية الأرض من قبل الطبقة الإقطاعية، حيث تعتبر الأرض آنذاك الوسيلة الوحيدة للإنتاج، وقد استغل الفلاحون للعمل بها.
+
+57
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة وضع أوربا قبل عصر النهضة، وتوضح أنها كانت جزءاً من الإمبراطورية الرومانية ثم دخلت العصور الوسطى بعد سقوط روما سنة 476م حتى بدايات النهضة حوالي 1300م.  
+كما تشرح هجمات القبائل الجرمانية وتقسيم أراضي الإمبراطورية إلى إقطاعيات، وظهور نظام الإقطاع كنظام اقتصادي واجتماعي وسياسي.  
+وتبين انقسام المجتمع الأوروبي إلى ثلاث طبقات: رجال الدين، وملاك الأرض، والعمال والفلاحين.  
+تتضمن الصفحة عناصر زخرفية حول العنوان، وإطاراً جانبياً، ومربعاً مميزاً في الأسفل يحتوي تعريف نظام الإقطاع.
+
+
+================================================================================
+PAGE 58 - page_0058.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+عاشت أوروبا في ظل القوانين الدينية التي فرضتها الكنيسة، ومارست القساوسة السلطة على الناس، إلا أن انتشار الفساد في الكنائس والأديرة قد مهد لحالات تمرد على تعاليم البابا خاصة بعد ظهور الحركة الإنسانية التي تدعو إلى احترام الإنسان وظهر بعض المصلحين لإصلاح الكنيسة الكاثوليكية وهو ما عرف (بالإصلاح الديني) وكانت البروتستانتية أهم ملامح تلك الثورة الدينية وظهرت ترجمات للإنجيل باللغات المحلية، وتعرف الناس على أصل الديانة المسيحية وعاشت أوروبا في هذه المرحلة حروباً دينية طويلة أدت إلى بزوغ عصر النهضة في ربوع أوروبا، بعد أن تقلصت صلاحية رجال الدين.
+
+ب- عصر النهضة الأوروبية:
+
+عصر النهضة هو عبارة عن حركة ثقافية تنويرية ظهرت بوادرها في أواخر العصور الوسطى، ثم صارت واضحة المعالم بحلول القرن الرابع عشر (1300م) واستمرت حتى نهاية القرن السابع عشر (1600م)، وقد كانت إيطاليا هي المركز الذي انطلقت منه.
+
+عصر النهضة هو الخطوة الأولى والحقيقية على طريق الحضارة وما تشهد أوروبا اليوم من رقي حضاري وازدهار اقتصادي وتقدم في شتى المجالات، وما كان هذا ليحصل لولا رواد النهضة الذين جاهدوا من أجل إرساء أسس الحضارة الأوروبية على مدى ثلاثة قرون متتالية.
+
+وبسرعة البرق راحت الأفكار تنتقل من قلب إيطاليا إلى كافة أرجاء القارة الأوروبية، وذلك بفضل اختراع آلات الطباعة والورق المخصص لها، وقد ساهم ذلك بصورة كبيرة في الإسراع بعبور الأفكار، ليتم بذلك القضاء على أنظمة الحكم التي كانت قد فرضت سيطرتها على أغلب المناطق الأوروبية، والتي كانت تحارب العلوم والعلماء، فقد كانت هذه الأنظمة تسعى لإنشاء الجهل وسط العامة لضمان استقرار أنظمتها الحاكمة، ولكن بحلول عصر النهضة أشرقت على أوروبا شمس الحضارة والتنوير بعد قرون من الظلام؛ فقد كان للعرب والمسلمين فضل كبير على النهضة في أوروبا بفضل علمائهم أمثال (ابن سينا والفارابي وابن رشد وابن طفيل وابن باجة) وغيرهم الذين أسهموا في إثراء الفكر الأوروبي، كما أصبح تطبيق المنهج التجريبي هو السائد في مختلف العلوم، مما أحدث ثورة ودفع حركة العلوم الطبيعية إلى التقدم تقدماً كبيراً وسريعاً بعد أن تعطّل التفكير والبحث العلمي في أوروبا لقرون طويلة بسبب الجمود الفكري والتعصب الديني للكنيسة ورجالها.
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+58
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة أحوال أوروبا تحت سيطرة الكنيسة، وظهور الفساد الديني الذي أدى إلى الإصلاح الديني وبروز البروتستانتية.  
+ثم تشرح عصر النهضة الأوروبية بوصفه حركة ثقافية تنويرية بدأت من إيطاليا منذ القرن الرابع عشر حتى السابع عشر.  
+كما توضح أثر الطباعة وانتقال الأفكار في نشر العلم وإنهاء هيمنة الأنظمة المعادية للعلم.  
+وتبرز إسهام العلماء العرب والمسلمين في تمهيد النهضة الأوروبية، مع التأكيد على دور المنهج التجريبي في تقدم العلوم.  
+الصفحة ذات تصميم كتاب مدرسي بإطار زخرفي، وعنوان فرعي بارز، ولا تحتوي على صور أو رسوم بيانية.
+
+
+================================================================================
+PAGE 59 - page_0059.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+ج- حركة الإصلاح الديني:
+
+هي دعوات تنادى بها ثائرون ورهبان متحررون ومصلحون، لأجل إصلاح أحوال الكنيسة وتحجيم دورها الدنيوي والسياسي، وإرجاعها إلى ما كانت عليه من اهتمام برسالتها الدينية، وقد جاءت هذه الدعوات في أوقات وأماكن مختلفة من القارة الأوروبية وخاصة القرون الأخيرة من العصور الوسطى بعد انتشار معالم النهضة ومفاهيمها، وبدأ الناس يتكلمون في شؤونهم بدلاً من الخضوع الكامل لتعاليم الكنيسة وسيادة البابا بها، وهي حركة دينية مسيحية ظهرت في أوروبا في القرن الخامس عشر الميلادي وبدأت كمحاولة لإحداث التغيير في الكنيسة الرومانية الكاثوليكية، وقد كان من نتائجها مولد البروتستانتية، حيث فقدت الكنيسة الكاثوليكية قدراً كبيراً من نفوذها خلال القرنين الرابع والخامس عشر الميلاديين.
+
+وقد تزعم حركة الإصلاح مارتن لوثر الراهب الألماني وأستاذ علم اللاهوت وقد أدى الانقسام في الكنيسة الكاثوليكية إلى اندلاع سلسلة من الحروب الدينية بين البروتستانتيين والكاثوليك انتهت بحرب الثلاثين عاماً التي امتدت من 1618- 1648م، وقد اشتركت دول أوروبية عديدة في هذه الحرب.
+
+59
+
+ليبيا
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن حركة الإصلاح الديني في أوروبا، وأسباب ظهورها المتمثلة في الدعوة إلى إصلاح الكنيسة وتقليل نفوذها السياسي والدنيوي.  
+كما تشرح أن هذه الحركة ظهرت مع أواخر العصور الوسطى وتأثرت بأفكار النهضة، وأدت إلى ظهور البروتستانتية وضعف نفوذ الكنيسة الكاثوليكية.  
+وتذكر الصفحة دور مارتن لوثر في قيادة الإصلاح، وما نتج عنه من انقسام ديني وحروب بين الكاثوليك والبروتستانت، أبرزها حرب الثلاثين عاماً.  
+بصرياً: الصفحة من كتاب مدرسي، فيها عنوان رئيسي أعلى الصفحة، إطار زخرفي بني حول الصفحة، ورقم الصفحة 59 مع تذييل حقوق النشر الخاص بليبيا.
+
+
+================================================================================
+PAGE 60 - page_0060.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+حركة الكشوف الجغرافية وأثرها على  
+نشوء حركة الاستعمار
+
+1- معنى الكشوف الجغرافية :
+
+تعد الاستكشافات الجغرافية التي تمت في القرن الخامس عشر الميلادي، من أهم نتائج النهضة، وأهم هذه الاستكشافات كشف العالم الجديد سنة 1492م، وكشف الطريق من أوروبا إلى الهند بحراً بالدوران حول إفريقيا سنة 1498م.
+
+والواقع أنهما أعظم حادثين في هذا القرن، فقد كانت لهما نتائج بعيدة الأثر، إذ نجم عنهما انقلاباً خطيراً في تاريخ العالم.
+
+ففي العصور الوسطى، كانت معلومات أهل أوروبا الجغرافية ضئيلة للغاية، فلم يعرفوا أكثر من بلادهم والأقطار التي تحيط بالبحر المتوسط، أما بقية إفريقيا وآسيا فلم يعلموا عنها إلا القليل من الأخبار المشوهة والمعلومات الواهية، أغلب مصدرها من التجار الإيطاليين، الذين كانوا يتصلون بالمدن العربية الواقعة على شواطئ شرق البحر المتوسط قصد التجارة. أما الأمريكتان وأستراليا فلم يخطر ببال أحد شيء عنها.
+
+وكانوا يعتقدون مثلاً أن الأرض قرص منبسط مركزه بيت المقدس يحيط به البحر. وصوروا ذلك جلياً ما بلغه علم الجغرافيا من الأخطاء، فترى في إحدى هذه الصور المرسومة في القرن الحادي عشر الميلادي، أن بيت المقدس في وسطها، وفي أعلاها الجنة، ورسم يمثل آدم وحواء، والأنهار العظمى التي كانوا يعتقدون أنها تنبع منها، أما إفريقيا فكانت مكتظة بالمخلوقات العجيبة.
+
+وبينما أهل أوروبا على تلك الحال من التخلف العلمي، كان المسلمون قد ترجموا علوم الإغريق وأضافوا إليها العديد من المعلومات الجغرافية والفلكية، وتسربت هذه إلى أوروبا، فنقل الأوروبيون عنهم (الإسطرلاب) الذي ساعد البحارة على تقدير المسافات وتعيين الاتجاهات، وهم في عرض البحر، كما نقلوا عنهم (البوصلة) وحسنوا فيها حتى قربت من شكلها الحالي، فشجع ذلك الملاحين على التوغل في البحار، فازدادت معلوماتهم عن العالم.
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+60
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة معنى الكشوف الجغرافية في القرن الخامس عشر الميلادي، وتوضح أهم اكتشافين: اكتشاف العالم الجديد سنة 1492م، والطريق البحري إلى الهند حول إفريقيا سنة 1498م.  
+كما تشرح ضعف المعرفة الجغرافية لدى الأوروبيين في العصور الوسطى، وما كان لديهم من تصورات خاطئة عن شكل الأرض والعالم.  
+وتبرز دور المسلمين في تطوير العلوم الجغرافية والفلكية، ونقل أدوات مثل الإسطرلاب والبوصلة إلى أوروبا، مما ساعد على تقدم الملاحة واتساع الاكتشافات.  
+الصفحة ذات تصميم تعليمي مزخرف، فيها عنوان رئيسي داخل إطار زخرفي، ولا تحتوي على صور أو خرائط فعلية سوى العناصر الزخرفية وأرقام الصفحة.
+
+
+================================================================================
+PAGE 61 - page_0061.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+2- العوامل التي ساعدت على الكشوف الجغرافية :
+
+أ- الحروب الصليبية وآثارها :
+
+كان من أثر الحملات الصليبية على المنطقة العربية، أن اعتاد الأوروبيون على مدار قرون طويلة الأسفار وتحمل المشاق عند قيامهم بالحملات المسلحة تحت غطاء الدين، وبذلك اتسعت معلوماتهم عن الأرض والبحار ومسالك كل منها، وما بها من أقطار مختلفة، وما لها من قيمة اقتصادية.
+وقد ترتب عن تلك الحملات أن غلب عليها الجانب الاقتصادي والرغبة في الثراء وامتلاك الأرض، حيث خف العامل الديني، وخاصة بعد الهزائم التي تكبدوها في الشرق العربي خلال القرنين الثاني عشر والثالث عشر للميلاديين.
+
+ب- التجارة الشرقية وأهميتها :
+
+كانت التجارة بين أوروبا والشرق في العصور الوسطى تنقل بمشقة بالغة عبر عدة طرق أهمها :
+
+1- طريق القوافل القديم الذي يبدأ من أوروبا براً مروراً بآسيا الصغرى (تركيا الحالية) إلى مدينة القسطنطينية، ومنها عبر أواسط آسيا حول بحر قزوين وإلى بلاد فارس والهند والصين وجنوب شرق آسيا.
+
+2- الطريق البحري من أوروبا عبر إيطاليا وبزعامة وسيطرة المدن البحرية الإيطالية مثل جنوه والبندقية ونابلي وغيرها، ويسير هذا الطريق عبر البحر الأبيض المتوسط شرقاً إلى موانئ بلاد الشام في سوريا ولبنان وفلسطين، ثم تحمل التجارة وموادها براً إلى مدينة البصرة العراقية على رأس الخليج العربي، ثم تنقل مرة أخرى بحراً عبر الخليج العربي إلى المحيط الهندي ومنه إلى الهند وشرق آسيا والصين، وخلال هذه المرحلة تساهم سفن العرب والمسلمين بنقل أكثر موادها.
+
+3- الطريق البحري القادم من أوروبا عبر المدن الإيطالية والذي يشترك مع الطريق الثاني حتى وصوله شرق البحر المتوسط، ثم ينفصل عنه ليصل منفرداً إلى مدينة الإسكندرية بمصر، ومنها تحمل التجارة براً إلى مدينة السويس المصرية فالبحر الأحمر فالمحيط الهندي فالهند وشرق آسيا والصين. وكانت سفن المدن الإيطالية لها الصدارة في نقل التجارة وتوزيعها في أوروبا بعد وصولها إلى البحر المتوسط قادمة من الشرق.
+
+61
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة العوامل التي ساعدت على الكشوف الجغرافية، وتركز على أثر الحروب الصليبية في توسيع معرفة الأوروبيين بالبلدان والبحار وتحول دوافعهم من الدينية إلى الاقتصادية.  
+كما تشرح أهمية التجارة الشرقية في العصور الوسطى، وتعرض أهم الطرق التجارية بين أوروبا والشرق: طريق القوافل البري، والطريق البحري عبر الشام والبصرة، والطريق البحري عبر الإسكندرية والسويس.  
+الصفحة نصية تعليمية من كتاب مدرسي، ولا تحتوي على صور أو رسوم توضيحية، فقط عناوين فرعية وإطار زخرفي ورقم الصفحة في الأسفل.
+
+
+================================================================================
+PAGE 62 - page_0062.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+4- شكل الأتراك السلاجقة في غرب آسيا ستاراً بين الشرق والغرب، حيث ازدادت مخاطر متاجرة الأوروبيين مع آسيا الصغرى وبلاد العرب، كما ازدادت نفقاتها، فقد استمرت سفن جنوه والبندقية تنقل الحرير والبهار والعطور والمواد الأخرى إلى الأسواق الغربية، ولكن ثمن البضائع ارتفع عن ذي قبل، بسبب الضرائب التي كان يفرضها سلاطين الأتراك وأمراؤهم، وبالرغم قيام مدينة البندقية بعقد معاهدة مع السلطان العثماني، حصلت بموجبها على امتيازات تجارية عظيمة، لكنها لم تلبث أن أهملت هذه المعاهدة بسبب زيادة الضرائب على البضائع زيادة كبيرة لم يرض عنها المستهلك الأوروبي.
+
+وتفادياً لهذه الحالة، كان على الأوروبيين أن يختاروا واحدة من ثلاث:
+1- إما الاستغناء عن الشرق وخيراته.
+2- وإما القضاء على قوة الأتراك العثمانيين.
+3- وإما البحث عن طريق تجاري آخر إلى الشرق بعيداً عن سيطرة العثمانيين.
+
+ولما كان من العسير الاستغناء عن مواد كادت أن تصبح من الضروريات، كما كان من المستحيل التغلب على الأتراك بعد أن فاتت الفرصة وزادت قوتهم بسقوط الدولة البيزنطية في قبضتهم، فلم يكن أمام الأوروبيين إلا أن يبحثوا عن طريق جديد للشرق، وكانت هذه المهمة من نصيب الأمير (هنري بن حنا 1394 – 1460م) ملك البرتغال، الذي أطلق عليه اسم (هنري الملاح)، لأنه أول من شجع الملاحة بين الأوروبيين، ودفعهم إلى استكشاف المجهول. وحضهم على ارتياد البحار، مما أدى في النهاية إلى كشف الطريق البحري حول إفريقيا إلى الشرق، بل وتعداه إلى كشف العالم الجديد.
+
+ج- ارتقاء الحياة الثقافية والفنية في أوربا:
+
+بفضل عصر النهضة، ظهرت وانتشرت في أوربا أفكاراً جديدة حول المعلومات الجغرافية، حطمت ما كان سائداً من معلومات وأفكار العصور الوسطى، ومن بين ذلك فكرة كروية الأرض، وتقدم وتطور صناعة السفن التي ساعدت المغامرين والبحارة على اقتحام المصاعب في أعالي البحار والمحيطات، واتساع استخدام الخرائط الجغرافية المتطورة، والمعدات البحرية التي كان لها أكبر الأثر في نجاح حركة الكشف الجغرافي، إضافة إلى ما حققه عصر النهضة من حرية وجرأة ورغبة في المغامرة لدى الأفراد.
+
+62
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن أثر سيطرة الأتراك العثمانيين على طرق التجارة بين الشرق والغرب، وما سببه ذلك من ارتفاع الأسعار والضرائب على البضائع الشرقية. ثم توضح الخيارات التي واجهها الأوروبيون، وانتهائهم إلى البحث عن طريق بحري جديد إلى الشرق، مع الإشارة إلى دور هنري الملاح في تشجيع الكشوف الجغرافية.  
+كما تعرض الصفحة سبباً آخر للكشوف الجغرافية، وهو ارتقاء الحياة الثقافية والفنية في أوروبا خلال عصر النهضة، مثل انتشار الأفكار الجغرافية الجديدة، وتطور صناعة السفن والخرائط والمعدات البحرية.  
+لا توجد صور أو رسوم توضيحية داخل الصفحة، وإنما هي صفحة نصية من كتاب مدرسي مع عنوان علوي، إطار زخرفي، ورقم الصفحة في الأسفل.
+
+
+================================================================================
+PAGE 63 - page_0063.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+أمريكا الشمالية  
+أوربا  
+آسيا  
+أفريقيا  
+أمريكا الجنوبية  
+أستراليا
+
+المحيط  
+المحيط  
+المحيط  
+المحيط  
+المحيط
+
+خط الاستواء  
+مدار السرطان  
+مدار الجدي
+
+خليج المكسيك  
+جزر الهند  
+رأس الرجاء الصالح  
+رأس هورن
+
+البرتغال  
+إسبانيا
+
+رحلات برتغالية  
+رحلات إسبانية
+
+فاسكو دي كاما  
+بارتولوميو دياز  
+كريستوف كولومب  
+فرناندو ماجلان
+
+حركة الكشوف الجغرافية
+
+63
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+توضح الصفحة خريطة عالمية بعنوان **حركة الكشوف الجغرافية**، وتعرض مسارات الرحلات البحرية البرتغالية والإسبانية خلال عصر الكشوف.  
+الأسهم الخضراء تمثل الرحلات البرتغالية، والحمراء تمثل الرحلات الإسبانية، مع التمييز بين الرحلات بخط متصل وآخر متقطع.  
+تُظهر الخريطة اتجاهات رحلات مستكشفين مثل **فاسكو دي كاما، بارتولوميو دياز، كريستوف كولومب، وفرناندو ماجلان** عبر المحيطات نحو إفريقيا وآسيا والأمريكيتين.  
+كما تتضمن أسماء القارات والمحيطات وبعض المواقع المهمة مثل **رأس الرجاء الصالح** و**رأس هورن** و**خليج المكسيك**.
+
+
+================================================================================
+PAGE 64 - page_0064.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+3- أهم الكشوف الجغرافية الأوروبية :
+
+كانت الصدارة والريادة في بدء حركة الكشوف الجغرافية الحديثة لدولتي البرتغال وإسبانيا لذلك نستعرض أهم الكشوف التي قامت هاتان الدولتان بها :
+
+أ- الكشوف البرتغالية :
+
+بلغ من اهتمام الأمير (هنري الملاح) ملك البرتغال بالمغامرة وركوب البحر، أن استقدم الفلكيين والبحارة وراسي الخرائط من جزيرة صقلية الإيطالية، وقام بتوفير كافة الإمكانات والمعدات لهم، وأرسلهم في بعثات جغرافية استكشافية نحو العالم المجهول. وقد سارت الرحلات البرتغالية وفق التالي :
+
+1- تم تحديد هدف أساسي لأول رحلة جغرافية وهو الدوران حول أفريقيا، مروراً ببلاد الحبشة في شرق أفريقيا، وصولاً إلى الهند، وذلك بالاتجاه جنوباً من بلاد البرتغال إلى ساحل أفريقيا الغربي.
+
+2- السير بمحاذاة ساحل أفريقيا حتى وصلوا إلى مصب نهر السنغال عام 1446م، ثم الاستمرار بمحاذاة الساحل حتى وصلوا الرأس الأخضر ومنه إلى ساحل غانا والتوقف عنده. والذي كانت تجارته مصدر ربح وفير للبرتغاليين.
+
+وخلال نزولهم بالمناطق التي مروا بها عامل البرتغاليون السكان الأفارقة الأصليين معاملة قاسية وصلت إلى درجة القبض عليهم وبيعهم في الأسواق الأوروبية.
+
+3- وصل الرحالة (دييجو كام) إلى مصب نهر الكونغو عام 1484م، وخلال هذه الفترة من تاريخ الكشوف الجغرافية حلت روح المغامرة والرغبة في الاستكشاف محل التعصب الديني وأصبح الهدف الاقتصادي والتجاري واضحاً.
+
+4- واصل الرحالة (بارتلميون دياث) جهود من سبقه من البرتغاليين حيث وصل عام 1487م إلى الطرف الأفريقي الجنوبي ودار حوله، والذي أطلق عليه (رأس الرجاء الصالح)، ولكنه لم يستطع مواصلة رحلته لأسباب طبيعية وثورة البحارة.
+
+5- استطاع الرحالة (فاسكو دا جاما) عام 1498م للوصول إلى ساحل الهند الغربي عقب جهود مضنية بعد أن سار طويلاً محاذياً لساحل أفريقيا الشرقي، متجهاً إلى بحر العرب شمالاً وبوصوله إلى الهند أدرك مدى حجم التجارة والبضائع والمنتجات المتوفرة بهذه البلاد، والتي جاءت مطابقة لطموحه
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+64
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة أهم الكشوف الجغرافية الأوروبية، مع التركيز على الكشوف البرتغالية ودور البرتغال في بدايات عصر الاكتشافات.  
+تشرح اهتمام الأمير هنري الملاح بتنظيم الرحلات البحرية، ثم تعرض مراحل التوسع البرتغالي على سواحل أفريقيا حتى الوصول إلى الهند.  
+كما تذكر رحلات دييجو كام وبارتلميون دياث وفاسكو دا جاما، وتوضح الأهداف الاقتصادية والتجارية لهذه الكشوف.  
+الصفحة نصية تعليمية فقط، ولا تحتوي على صور أو رسوم، سوى إطار زخرفي بسيط ورقم الصفحة في الأسفل.
+
+
+================================================================================
+PAGE 65 - page_0065.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+ومن ورائه ملوك البرتغال، الذين سارعوا إلى إرسال البعوث الاستكشافية والتجارية لتحصل لهم من إنتاج تلك البلاد ما جعلتهم أغنى أهل زمانهم.
+
+6- رحلة (أمريكو فيسبوتشي) الذي أرسله ملك البرتغال مطلع القرن السادس عشر الميلادي، ليستطلع المناطق الواقعة شرق خط التقسيم الوهمي الذي حدده الباب وسط المحيط الأطلسي، بعد النزاع بين إسبانيا والبرتغال على مناطق النفوذ، فكانت مناطق شرق الخط للبرتغال، وغرب الخط للإسبان، ولكن (أمريكو) تجاوز ذلك الخط ووصل إلى سواحل البرازيل في أمريكا الجنوبية، والتي أصبحت عالماً جديداً أطلق عليه اسم أمريكا نسبة إليه.
+
+ومن المؤكد أن البحارة البرتغاليين، تعاملوا مع السكان المحليين وكل من صادفهم براً وبحراً، بمنتهى الوحشية والقسوة والعنف دون رحمة ولا شفقة، نهباً وقتلاً وتمثيلاً وقد أفاضت كتب التاريخ في وصف ذلك.
+
+ب- الكشوف الإسبانية:
+
+اتجه الإسبان في كشوفهم الجغرافية غرباً نحو المجهول من العالم عبر المحيط الأطلسي، على عكس ما قام به البرتغاليون من الاتجاه جنوباً حول إفريقيا، وكانت رحلاتهم الكشفية وفق التالي:
+
+1- رحلة (كريستوفر كولبس):
+أوفده ملوك إسبانيا بناءً على طلبه ورغبته في المغامرة عام 1492م، وبعد مسيرة شهر وأيام قليلة، وصل إلى مجموعة جزر البهار (جزر الهند الغربية) كان يظنها جزر الهند الشرقية، ورفع عليها العلم الإسباني، وعاد إلى إسبانيا محملاً بتجارة عظيمة.
+
+ثم قام بعدها بثلاث رحلات أخرى وصل خلالها شواطئ أمريكا الوسطى، وكان على مقربة من شواطئ أمريكا الجنوبية، وهو لا يعلم أنه قد كشف عالماً جديداً.
+
+2- رحلة ماجلان:
+بدأت عام 1519م حيث عبر المحيط الأطلسي في اتجاه جنوبي غربي حتى وصل السواحل الشرقية لأمريكا الجنوبية، وسار بمحاذاتها وطاف حول طرفها الجنوبي الذي أطلق عليه (مضيق ماجلان)، ثم دخل المحيط الهادي في الاتجاه الشمالي الغربي، وبعد فترة وصل إلى جزر الفلبين أقصى شرق آسيا، وبذلك أثبت أن الأرض كروية الشكل، إذا اتجهت شرقاً أو غرباً فسوف تعود إلى النقطة التي بدأت منها، كما أثبت أن حجم الأرض أصغر بكثير مما كان يسود من معلومات حوله.
+
+65
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة الكشوف الجغرافية البرتغالية والإسبانية في العصر الحديث، مع التركيز على رحلة أمريكو فيسبوتشي ورحلتي كريستوفر كولبس وماجلان.  
+توضح أثر خط التقسيم بين إسبانيا والبرتغال، وكيف وصل فيسبوتشي إلى سواحل البرازيل، كما تعرض قسوة البرتغاليين في تعاملهم مع السكان المحليين.  
+وتشرح اتجاه الإسبان غرباً عبر الأطلسي، ووصول كولبس إلى جزر الهند الغربية، ثم رحلة ماجلان التي أثبتت كروية الأرض عملياً.  
+الصفحة عبارة عن نص دراسي فقط داخل إطار مزخرف، ولا تحتوي على صور أو خرائط أو رسوم بيانية.
+
+
+================================================================================
+PAGE 66 - page_0066.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+أهم نتائج الكشوف الجغرافية :
+
+1- ازدياد وانتشار المعلومات والمعارف الجغرافية .
+
+2- أدت إلى انتشار الديانة المسيحية بين سكان الأراضي المكتشفة الوثنيين .
+
+3- فتحت المجال أمام ظهور حركة الاستعمار .
+
+4- وسعت التنافس بين دول أوروبا .
+
+5- أضرت بالمصالح العربية نتيجة لتحول طريق التجارة عن أراضيهم .
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+66
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة أهم نتائج الكشوف الجغرافية في التاريخ الحديث، مثل زيادة المعارف الجغرافية، وانتشار المسيحية، وظهور الاستعمار، واشتداد التنافس بين الدول الأوروبية.  
+كما تشير إلى أثرها السلبي على المصالح العربية بسبب تحول طرق التجارة بعيدًا عن أراضيهم.  
+الصفحة ذات طابع تعليمي من كتاب مدرسي، وتحتوي على عنوان رئيسي وقائمة مرقمة داخل إطار زخرفي بسيط، مع رقم الصفحة أسفل اليمين.
+
+
+================================================================================
+PAGE 67 - page_0067.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+ثورات الشعوب الأوروبية  
+ونمو الحركة القومية في أوروبا
+
+لقد سبقت الإشارة إلى أن تأثير الاتجاهات الجديدة التي ظهرت في أوروبا خلال عصر النهضة وما بعدها خاصة فيما يتعلق بالناحيتين الفكرية والعلمية، أدى إلى تطور الآراء والأفكار السياسية الحرة وبالتالي ظهور الثورات التي رسمت بعض معالم تاريخ أوروبا الحديث.  
+ومن أهم هذه الثورات:
+
+1- الثورة الفرنسية (فكر ومشروع):
+
+في سنة 1789م انفجرت في أوروبا الثورة الفرنسية التي كانت ولا تزال من الأحداث ذات الشأن العظيم في التاريخ الأوروبي الحديث إذ أحدثت تحولات سياسية واجتماعية جذرية تجسدت في انهيار النظام القديم وإرساء نظام جديد اعتبر انتصاراً للمبادئ التي برزت في عصر النهضة حيث علم الفرنسيون بحقيقة انتشار الأفكار الحرة والديمقراطية من خلال جنودهم ومتطوعيهم الذين رجعوا بعد اشتراكهم في الحرب الأمريكية.
+
+أسباب الثورة يمكن تصنيفها إلى:  
+- أسباب غير مباشرة:
+
+وهي التي تمت على فترات متباعدة ونتيجة لتراكمات مستمرة ومنها:
+
+- سوء الحالة السياسية: المتمثلة في سيطرة الحكم الملكي المطلق حيث كان الملك مصدر جميع السلطات مع وجود حكومة فاسدة تعرض العامة لبطشها وسوء معاملتها.  
+- سوء الحالة الاجتماعية: حيث انقسم المجتمع إلى ثلاث طبقات مختلفة (الأشراف ورجال الدين والعامة) وقد نالت الطبقتان الأولى والثانية حقوقاً كاملة من الامتيازات مع أن عددها لم يتجاوز (270) ألف نسمة وقت الثورة في حين عاشت الطبقة الثالثة المعدومة وقد بلغ عددها (25) مليون نسمة آنذاك ولذلك كانت هذه الطبقة هي وقود الثورة.  
+- سوء الحالة الاقتصادية: كانت الضرائب الحكومية والإقطاعية مجحفة بالمزارعين إذ كان ما يدفعه المزارع يقدر بنسبة (55%) من مجموع ما يربحه إضافة إلى نقص كبير في المحاصيل الفلاحية وتراجع استهلاك المنسوجات الصناعية بسبب ضعف القدرة الشرائية للسكان فأفلست عدة مؤسسات وارتفع عدد العاطلين عن العمل في المدن.
+
+67
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة ثورات الشعوب الأوروبية ونمو الحركة القومية في أوروبا، مع التركيز على الثورة الفرنسية سنة 1789م.  
+تشرح كيف أسهمت أفكار عصر النهضة والاتجاهات الفكرية والعلمية الجديدة في ظهور الأفكار السياسية الحرة والثورات.  
+كما تعرض أسباب الثورة الفرنسية غير المباشرة، ومنها سوء الأوضاع السياسية والاجتماعية والاقتصادية.  
+تتضمن الصفحة عناصر زخرفية في العنوان وإطاراً مزخرفاً للصفحة، ولا توجد صور أو مخططات تعليمية أخرى.
+
+
+================================================================================
+PAGE 68 - page_0068.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+- ظهور أفكار الكتاب السياسيين: وهم المعجبون بالنظم الديمقراطية وأفكارها المتسربة إليهم من إنجلترا وأمريكا خاصة الفرنسيين الذين عاشوا زمناً في تلك البلاد وبعد رجوعهم لفرنسا بدؤوا ينتقدوا الحالة السيئة فتطلعوا إلى الثورة للقضاء على مواطن الضعف والفساد ومن أشهرهم.
+
+- فولتير (1694م - 1778م):
+أمضى في إنجلترا ثلاث سنين تشبع خلالها بالحرية والثقافة ولما عاد إلى فرنسا بدأ ينشر كتاباته التي دعا فيها إلى التخلص من كل ما هو قديم وحارب الكنيسة وما علق بها من تعصب ديني.
+
+- منتسكيو (1689 - 1775م):
+تأثر بالحرية الإنجليزية وكان أشد إعجاباً بأن الملك فيها لا يستطيع أن يلحق ضرراً بأي إنسان إلا وفق القانون وبفضل كتاباته أصبح الناس يبغضون الحكومة.
+
+- جان جاك روسو (1712م - 1778م):
+كان متشبعاً بروح العصر أخرج للفرنسيين صورة عما كانوا يتمنونه من نظم شرحها في كتابه (العقد الاجتماعي) وأساس نظريته أن التشريع يجب أن يكون بيد الشعب لأنه المطالب بالخضوع للقوانين.
+
+وقد انتشرت هذه الأفكار الجديدة بين الفرنسيين ففتحوا أعينهم على نظام حكومتهم وأحوالها السياسية والاجتماعية والدينية والاقتصادية والتي لا يمكن إصلاحها إلا بالثورة وهكذا كان.
+
+- أما السبب المباشر لقيام الثورة الفرنسية
+فقد تمثل في الأزمة المالية الخانقة التي مرت بها فرنسا في الفترة (1774م – 1789م) حيث وصلت إلى حافة الإفلاس بعدما تجاوزت نفقات الدولة دخلها بسبب الإنفاق الواسع على الحروب الداخلية والخارجية إضافة إلى الإسراف في الإنفاق من قبل الملك (لويس السادس عشر) وحاشيته ورجال الدين والإقطاعيين.
+
+محاولات الإصلاح المالي والاقتصادي:
+استعان الملك بعدد من خبراء المال والاقتصاد بغية الخروج من هذه الأزمة المالية ولكن الطبقة الأرستقراطية كانت متشبثة بامتيازاتها ورافضة للإصلاحات فحاول الملك فرض ضرائب جديدة على دفع المعارضة الشعبية إلى رفض هذا الأمر.
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+68
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة أسباب قيام الثورة الفرنسية، وتركز على أثر أفكار فلاسفة التنوير والسياسيين مثل فولتير ومنتسكيو وروسو في نشر مبادئ الحرية والديمقراطية ونقد الحكم القديم.  
+كما تشرح السبب المباشر للثورة، وهو الأزمة المالية الحادة في فرنسا بين 1774م و1789م بسبب الحروب والإسراف الملكي.  
+وتعرض أيضاً محاولات الإصلاح المالي والاقتصادي التي فشلت بسبب تمسك الطبقة الأرستقراطية بامتيازاتها ورفضها الضرائب والإصلاحات.  
+الصفحة عبارة عن نص دراسي فقط داخل إطار زخرفي، مع عنوان علوي ورقم الصفحة 68 أسفل اليمين.
+
+
+================================================================================
+PAGE 69 - page_0069.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+كما فشل مجلس طبقات الأمة الذي استعان به الملك بعد أن كان معطلاً منذ فترة طويلة في إيجاد حل للأزمة المالية في البلاد الأمر الذي دفع الفرنسيين إلى تشكيل الجمعية الوطنية التأسيسية في 5 مايو 1789م والتي وافق عليها الملك تحت الضغط الشعبي فأصبح لها كيان دستوري.
+
+سقوط حصن الباستيل:
+
+قامت المظاهرات واندفعت جموع الشعب نحو قصر الباستيل الذي كان الناس ينظرون إليه نظرة الكراهية باعتباره رمزاً للاستبداد والظلم واستولوا عليه وهدموه في 14 يوليو 1789م فاضطرب الأمن وانتشرت الثورة في جميع أنحاء فرنسا.
+
+صورة حصن الباستيل
+
+69
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن بدايات الثورة الفرنسية، حيث فشل مجلس طبقات الأمة في حل الأزمة المالية، مما أدى إلى تشكيل الجمعية الوطنية التأسيسية سنة 1789م.  
+ثم تركز الصفحة على حادثة سقوط حصن الباستيل يوم 14 يوليو 1789م، باعتباره رمزاً للاستبداد والظلم، وكيف أدى اقتحامه إلى انتشار الثورة في فرنسا.  
+وتتضمن الصفحة صورة تاريخية لحصن الباستيل أثناء الهجوم عليه، يظهر فيها الحصن بأبراجه العالية، والدخان والنيران، وحشود الناس والأسلحة في مشهد يعبر عن العنف الثوري.
+
+
+================================================================================
+PAGE 70 - page_0070.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+أدرك ذلك شعر أعضاء الجمعية الوطنية بضرورة القيام بعمل حاسم يعيد الثقة للشعب الفرنسي فقاموا في 4 أغسطس بالإعلان عن وثيقة حقوق الإنسان:
+
+صارت أفكار المفكرين أمثال (روسو ومونتسكيو) واضحة في صياغة وثيقة حقوق الإنسان، التي شرعت الجمعية الوطنية في صياغة مبادئها التي سيقوم عليها النظام الجديد، وظهرت هذه المبادئ في (إعلان حقوق الإنسان) وهي قريبة من المبادئ التي أكّدتها الثورتان الإنكليزية والأمريكية:
+وصار هذا الإعلان وثيقة شرف صنعتها الثورة الفرنسية وجاء فيها:
+أ- الملكية حق مقدس ينبغي ألا يُحرم منها أحد إلا إذا تطلبت ذلك حاجة عامة يقرها القانون.
+ب- كل فرد بريء حتى تثبت إدانته.
+ج- حرية تبادل الأفكار والآراء أثمن حقوق الإنسان.
+د- لجميع المواطنين الحق في تقرير الضريبة العامة وتحديد قيمتها ومقدار وطريقة جبايتها.
+هـ- يولد الأفراد ويعيشون أحراراً ومتساوين في الحقوق.
+و- الحرية هي حق الفرد في القيام بأي شيء حيث لا يضر الآخرين.
+ز- لا يجوز اتهام فرد ما أو القبض عليه إلا في حالات، ووفق الأساليب التي يحددها القانون أيضاً.
+
+أراد الملك أن يماطل في قبوله وثيقة حقوق الإنسان عندما عرضت عليه كسباً للوقت ولإيجاد فرصة للفرار فسارت مظاهرة نسائية ضخمة وصلت قصر فرساي وتجمّهرت حوله مطالبة بعودة الملك إلى باريس الذي أذعن لذلك ولحقته الجمعية الوطنية وبدأت في العمل على وضع دستور عام 1791م الذي حد من سلطة الملك إذ نص على إنشاء مجلس نيابي يمثل الأمة في شكل (جمعية تشريعية) كما أصبح هذا المجلس حق تشريع القوانين وإصدارها.
+
+كما ألغت الجمعية التقسيم الإداري القديم لفرنسا وعملت على تحديد مرتبات رجال الدين وفرضت عليهم القسم بالطاعة للدستور وإلا حُرموا من وظائفهم.
+
+تغيير مجرى الثورة:
+
+ظن الناس أن الثورة الفرنسية قد حققت أهدافها في السنوات الثلاث التي أعقبت قيامها لكن مجرى الأحداث بدأ يتغير بعد سنة 1791م حيث ضاعت مبادئها التحررية كما تضامنت دول أوربا ضد فرنسا خوفاً على أنظمتها من تسرب الثورة إليها لذا تم الاتفاق بين النمسا وبروسيا وروسيا وإسبانيا والسويد على استعادة النظام والقوة الملكية لفرنسا وكان إمبراطور النمسا من أشد المتحمسين لذلك.
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+70
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة مرحلة من الثورة الفرنسية، خاصة إعلان وثيقة حقوق الإنسان وتأثرها بأفكار روسو ومونتسكيو، مع عرض أهم مبادئها مثل الحرية والمساواة وحق الملكية وحرية الرأي.  
+كما تشرح موقف الملك من الوثيقة، وخروج مظاهرة نسائية إلى فرساي لإجباره على العودة إلى باريس، ثم شروع الجمعية الوطنية في وضع دستور 1791م وتقييد سلطة الملك.  
+وتعرض أيضاً بعض إصلاحات الجمعية الوطنية مثل إلغاء التقسيم الإداري القديم وتنظيم شؤون رجال الدين.  
+وفي آخر الصفحة عنوان فرعي هو "تغيير مجرى الثورة" يوضح أن مسار الثورة تغيّر بعد 1791م بسبب تحالف دول أوروبية ضد فرنسا.  
+الصفحة عبارة عن نص تاريخي فقط داخل إطار مزخرف، ولا تحتوي على صور أو رسوم أو خرائط.
+
+
+================================================================================
+PAGE 71 - page_0071.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+فرنسا بعد الثورة :
+
+بعد أن سادت الفوضى في فرنسا نتيجة لانقسام الأحزاب وقادة الثورة على أنفسهم ظهر اسم (نابليون بونابرت) في الحروب الفرنسية - الأوروبية حيث قاد فرنسا إلى النصر، كما استطاع أن يكون إمبراطورية واسعة شملت جزءاً كبيراً من أوربا في الفترة التي أصبح فيها إمبراطوراً على فرنسا (1804-1815م).
+
+وهكذا بدلاً من أن تحرر فرنسا شعوب أوربا كما سبق أن أعلنت أثناء ثورتها احتلت الجيوش الفرنسية الأراضي الأوربية وحرمتها استقلالها، مما دفع جيوش الدول الأوربية إلى التحالف ضد فرنسا والدخول إلى باريس وتنازل نابليون عن العرش ونفي إلى جزيرة سانت هيلانة في المحيط الأطلسي واستردت أسرة بربون العرش وعادت فرنسا إلى نظامها القديم.
+
+مؤتمر فيينا 1815م :
+
+عقدت دول أوربا مؤتمر فيينا لتسوية الأوضاع السياسية بعد الحروب النابليونية وفيه :
+- أُهمل كل تفكير في الوحدة الألمانية التي ينادي بها الشعب الألماني بعد طرد جيش نابليون عام 1813م وبقيت ألمانيا مقسمة إلى مقاطعات يحكمها أمراء.
+- عاد الأمراء الإيطاليون إلى أملاكهم القديمة وصاروا حلفاء للنمسا التي سيطرت على جزء كبير من شبه الجزيرة الإيطالية إلى جانب سيطرتها على أغلب شعوب وسط أوربا طيلة ما تبقى من النصف الأول من القرن التاسع عشر.
+- حقق المؤتمر أطماع روسيا وبروسيا في شرق القارة الأوربية في حين أطلقت يد إنجلترا في بعض المستعمرات فيما وراء البحار.
+
+وهكذا تنكر المؤتمر لمبادئ استقلال الشعوب ولكن الأفكار التحررية انتشرت في أوربا وتطورت الأوضاع الاجتماعية لتزيد من قوة الطبقة الوسطى فامتلأ تاريخ أوربا خلال القرن التاسع عشر بالثورات والحركات القومية التي تهدف إلى التغيير والحرية.
+
+71
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة أوضاع فرنسا بعد الثورة الفرنسية، وظهور نابليون بونابرت وسيطرته على فرنسا وتوسعه في أوروبا ثم سقوطه وعودة أسرة بربون إلى الحكم.  
+كما تشرح مؤتمر فيينا سنة 1815م وأثره في إعادة ترتيب أوروبا بعد الحروب النابليونية، مع تجاهل مطالب القوميات مثل الوحدة الألمانية والإيطالية.  
+وتوضح أن المؤتمر خدم مصالح القوى الكبرى كالنمسا وروسيا وبروسيا وإنجلترا، لكنه خالف مبدأ استقلال الشعوب.  
+بصرياً: الصفحة نصية تعليمية فقط، فيها عنوانان بارزان باللون البني، وإطار زخرفي حول الصفحة مع رقم الصفحة 71 وشعار/حقوق النشر أسفل الصفحة.
+
+
+================================================================================
+PAGE 72 - page_0072.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+2 - الوحدة الإيطالية :
+
+كانت شبه الجزيرة الإيطالية مجرد اصطلاح جغرافي يتضمن عدة أقاليم سياسية، ولم تكن أوروبا تعرف مصطلح مسمى إيطاليا بعد، وبقي الوضع كذلك حتى غزاها (نابليون) أواخر القرن الثامن عشر الميلادي، ليخلصها من النفوذ النمساوي. ولكنه سرعان ما بدت أطماعه واضحة وانقلب إلى مستعمر في إطار إقامة إمبراطورية، مما أسخط الإيطاليين عليه، وبعث فيهم روح الوطنية والرغبة في التحرر.
+
+وبانتهاء عهد (نابليون)، لم تحظَ إيطاليا بالاهتمام ضمن مقررات مؤتمر فيينا في الاستقلال والوحدة، حيث عاد الوضع إلى ما كان عليه في حالة التفكك السياسي وسيطرة النمساويين قبل غزو (نابليون) لها. وهنا أدرك الإيطاليون أن الثورة هي الحل الأمثل للخروج من هذا الموقف، وكان العمل السري الوطني هو البداية، حيث تشكلت جمعيات سرية بكل الأقاليم تتولى تحريض الإيطاليين على الثورة والتحرر مثل (جمعية الكاربوناري)، تمهيداً لإعلان ثورة عارمة، بيد أن كل الجهود قد باءت بالفشل بسبب غياب التنظيم الجيد للإيطاليين، وسياسة النمسا الصارمة في قمع كل تحرك ثوري.
+
+تطور الوعي القومي بين الإيطاليين :
+
+لم يكن الإخفاق سبباً في إنهاء طموح الإيطاليين في التحرر، بل أن شدة رغبتهم في الوحدة كانت دافعاً قوياً للثورة بالرغم من أن الآراء اختلفت بينهم حول طريقة الشروع في هذا الأمر.
+وفي عام 1848م ثار الفرنسيون على الملك (لويس فيليب) لفساد حكمه وإهماله مصالح الشعب، وقد امتد أثر هذه الثورة إلى النمسا ومنها إلى إيطاليا فتشكلت فيها حركات تحررية أهمها :
+
+- حركة الاتحاديين في الولايات البابوية أنصار هذه الحركة اعتمدوا على (البابا بيوس التاسع) لأنه مؤهل لقيادة الثورة ضد الاحتلال النمساوي وبالفعل قام البابا بعدة إصلاحات إلا أن حركة الوحدة برعامته لم تنجح لأنه حرص على توحيد الكنيسة الكاثوليكية أكثر من حرصه على محاربة النمسا.
+
+- حركة إقامة الجمهورية وتوحيد البلاد بالعنف تزعمها (يوسف مازيني 1805 - 1872م) وقد أظهر حماساً شديداً للقومية الإيطالية ورأى أن النظام الجمهوري هو من يوحد إيطاليا ومن أجل ذلك أسس جمعية إيطاليا الفتاة كما أعلن قيام الجمهورية الإيطالية وأرغم (البابا) على الفرار من روما.
+
+إلا أن إيطاليا تعرضت للغزو الفرنسي في يونيو 1849م، ونهارت الجمهوريات الصغيرة التي قامت في البندقية ومقاطعة تسكانيا غير أن هذه الهزيمة نبهت الإيطاليين إلى أهمية روما وضرورة استعادتها كعاصمة لدولتهم القومية الموحدة.
+
+72
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة بدايات الوحدة الإيطالية وتطور الشعور القومي في إيطاليا بعد عصر نابليون ومؤتمر فيينا.  
+تشرح كيف أدى التفكك السياسي والسيطرة النمساوية إلى ظهور جمعيات سرية مثل الكاربوناري والدعوة إلى الثورة.  
+كما تعرض أبرز الحركات التحررية سنة 1848م، ومنها حركة الاتحاديين في الولايات البابوية وحركة مازيني الجمهورية.  
+وتشير في النهاية إلى فشل بعض المحاولات بسبب التدخل الفرنسي، مع التأكيد على أهمية روما عاصمةً لإيطاليا الموحدة.
+
+
+================================================================================
+PAGE 73 - page_0073.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+إيطاليا قبل الوحدة الإيطالية
+
+– حركة التحرير بزعامة بيدمنت بعد ان خاب أمل الإيطاليين في الحركتين السابقتين لم يبق الا مملكة بيدمنت لتمثل خطط آمال الإيطاليين في تطهير البلاد من جيوش النمسا لكونها تملك جيشاً قوياً منظماً ويتمتع شعبها بالحرية وفق الدستور، وخلال هذه الفترة ظهر (كافور) كشخصية وطنية.
+
+سياسة كافور لتحقيق الوحدة الإيطالية :
+
+طاف كافور بدول أوربا وكانت زيارته لإنجلترا ذات أثر عميق في أفكاره إذ أُعجب بنظامها الدستوري، وعندما عاد إلى فرنسا وجد الملك (فيكتور عمانويل) قد سمح بالحريات السياسية ووضع دستوراً لها وقد عُرف كافور بأنه شخصية متكاملة في مجال السياسة لذلك أصبح وزيراً للمالية ثم رئيساً للوزارة عام 1852م، اتخذ كافور جملة من الإجراءات لتسريع قيام وتحقيق الوحدة والتي بدأها بالنهوض بمملكة بيدمنت كما دخل في علاقات مع فرنسا لضمان مساعدتها له ضد النمسا واستطاع بذلك أن يضم الولايات الوسطى إلى مملكة بيدمنت ثم وجه جهوده لضم جنوب إيطاليا (صقلية) عام 1860م ثم استطاع ضم مدينة نابلي إلا أنه مات قبل أن يستكمل وحدة إيطاليا وبذلك فإن المراحل الأخيرة لحركة توحيد إيطاليا توقفت على التغيرات التي قد تطرأ على التوازن الدولي في أوربا أكثر من توقفها على جهود الإيطاليين.
+
+73
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية – ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة موضوع إيطاليا قبل الوحدة الإيطالية، وتشرح دور مملكة بيدمنت في قيادة حركة التحرير بعد فشل المحاولات السابقة.  
+كما تبرز سياسة كافور وجهوده السياسية والدبلوماسية في تقوية بيدمنت والتحالف مع فرنسا لمواجهة النمسا وتحقيق الوحدة.  
+توجد خريطة ملوّنة لإيطاليا قبل الوحدة تُظهر شبه الجزيرة مقسمة إلى عدة دويلات وممالك منفصلة، مع عنوان أسفلها: "إيطاليا قبل الوحدة الإيطالية".  
+الصفحة من كتاب مدرسي للتاريخ للمرحلة الثانوية في ليبيا.
+
+
+================================================================================
+PAGE 74 - page_0074.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+فعندما اندلعت الحرب بين فرنسا وروسيا في الفترة الواقعة بين عامي (1870 - 1876م) رأت باريس ضرورة الإسراع في سحب القوات الفرنسية من روما وما للاستعانة بها في تلك الحرب حيث إن الدفاع عن باريس أهم من الدفاع عن روما وهذا الانسحاب هو الذي أعطى فرصة للملك الإيطالي فكتور عمانويل الأول لدخول روما معلناً توحيد البلاد الإيطالية عام 1870م وهكذا تم اتحاد إيطاليا ولم يبق إلا بعض المناطق البسيطة وقد حصلت عليها إيطاليا خلال الحرب العالمية الأولى.
+
+3 - الثورة الإنجليزية :
+
+في الوقت الذي كانت فيه إنجلترا تشيد إمبراطوريتها الواسعة فيما وراء البحار وتعمل على السيطرة على شعوب العالم وتنافس البرتغال وهولندا وفرنسا في ميدان الاستعمار في القرن السابع عشر كان الشعب الإنجليزي نفسه يعاني من استبداد ملوكه الذين ادعوا حق التفويض الإلهي في الحكم ونزعوا إلى الانفراد بسياسة الدولة دون الأخذ برأي البرلمان الإنجليزي.
+
+ونشأ عن هذا صراع بين البرلمان وبين الملوك واشتد إلى حد محاولة الثورة أكثر من مرة كان أقواها ثورة الإنجليز ضد الملك جيمس الثاني (1685م - 1688م) الذي اضطر للفرار إلى فرنسا. وبذلك أصبح البرلمان صاحب الكلمة العليا في شؤون الدولة وقام بإقرار إعلان الحقوق الذي تحدد به صلاحيات الملك ومهام البرلمان.
+
+سميت هذه الثورة بالثورة البيضاء بسبب حدوثها دون إراقة دماء، وبالرغم من أنها لم تحقق جميع مطالب الحريات والحقوق للشعب إلا إنها أصبحت أساساً لتقدم إنجلترا الدستوري وبالتالي زيادة توجهها إلى استعمار مناطق جديدة من العالم وتوجيه إمكانياتها وقدراتها العسكرية إلى ضم أكبر قدر ممكن من الأراضي ومن أهمها المنطقة العربية التي كانت آنذاك تابعة للدولة العثمانية.
+
+خلال القرن السادس عشر والسابع عشر كان الساحل الشرقي لأمريكا الشمالية جزءاً من الإمبراطورية البريطانية التي أسست هناك ثلاث عشرة مستعمرة وبلغ عدد سكانها سنة 1760م ما يقرب من ثلث سكان إنجلترا نفسها.
+
+وقد شارك الأمريكيون في كل الحروب التي خاضتها بريطانيا ضد فرنسا خلال القرن الثامن عشر كما أن المستعمرات الأمريكية خضعت لما خضعت له إنجلترا من استبداد الملوك ولكن بينما استطاعت الجزر البريطانية بزعامة البرلمان أن تحد من هذا الاستبداد سنة 1608م أبت إنجلترا بزعامة البرلمان نفسه على المستعمرات الأمريكية أن تنعم بمثل ما نعمت به من حرية وإصلاح دستوري.
+
+ولهذا قام الأمريكيون بالثورة ضد إنجلترا 1774م للتخلص من استبدادها السياسي واحتكارها للتجارة والاقتصاد في أمريكا، ونتج عن ذلك استقلال أمريكا عن بريطانيا في 4 يوليو 1776م.
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+74
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة استكمال الحديث عن توحيد إيطاليا بعد انسحاب القوات الفرنسية من روما سنة 1870م، ثم تنتقل إلى عنوان رئيسي هو **الثورة الإنجليزية**.  
+تشرح أسباب الثورة الإنجليزية وصراع البرلمان مع الملوك، ونتائجها مثل إقرار إعلان الحقوق وقيام النظام الدستوري.  
+كما تربط ذلك بالتوسع الاستعماري البريطاني، ثم تعرض أوضاع المستعمرات البريطانية في أمريكا الشمالية وأسباب الثورة الأمريكية التي انتهت باستقلال أمريكا سنة 1776م.  
+الصفحة نصية بالكامل تقريباً، وتحتوي على إطار زخرفي بسيط ورقم الصفحة في الأسفل دون صور أو خرائط أو رسوم بيانية.
+
+
+================================================================================
+PAGE 75 - page_0075.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+الثورة الصناعية في أوروبيا  
+وأثرها على التوسع الإستعماري الأوروبي
+
+تعريفها :
+الثورة الصناعية حركة جديدة في عالم الصناعة، غيرت وجه الحضارة، وصبغتها بلون جديد من الثقافة والاجتماع والسياسة والاقتصاد، حتى تحول المجتمع الحديث تحوّلاً كلياً، في البيئات الصناعية، عما كان عليه في البيئات الأخرى.
+
+تطورها :
+مرت الثورة الصناعية في أوروبيا بمراحل متعددة قبل أن تكتمل صورتها النهائية في شكل التطور الصناعي الحديث. ومن هذه المراحل :
+1 - الصناعة في العصور الوسطى :
+كان أهل أوروبيا في العصور الوسطى يعتمدون أولاً وقبل كل شيء على الزراعة، وكانت الصناعة مهنة ثانوية لا ينفرغ لها إلا عدد قليل من الناس، وكان المزارع وأفراد أسرته يشغلون فراغهم بالعمل فيما يستطيعون صنعه، ثم يبيعون ما يزيد على حاجتهم من مصنوعاتم.
+
+2 - الصناعة في الدور المنزلي :
+لما تحرر الفرد من بعض قيود العصور الوسطى، واستتب الأمن إلى حد ما، رأى بعض الناس الاستفادة من هذه الظروف، باستخدام بعض ما يملكون من مال في شراء المواد الأولية وتسليمها إلى المزارعين يصنعونها في منازلهم، نظير أجر متفق عليه، ثم يبيعونها كما يشاءون، ويعرف هؤلاء (بالوسطاء).
+
+3 - ظهور المصانع :
+بعد تجربة الوسطاء، فكر بعضهم في أن يوفروا على أنفسهم عناء الذهاب إلى منازل المزارعين لتسليم المواد الأولية، والذهاب مرة أخرى لتسلم المصنوعات، وأن يتجنبوا ما عسى أن يحدث من إهمال في الصنع، وإبطاء في التسليم، فأقاموا أماكن خاصة يجتمعون فيها لمن يريدون التفرغ للصناعة، يعملون تحت إشرافهم، على أن يعطوهم أجورهم، ثم يتولون هم بيع ما يتم صنعه.
+
+شاعت طريقة جمع العمال في المصانع منذ أوائل القرن الثامن عشر الميلادي وكان طبيعياً أن تتنافس
+
+75
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة تعريف الثورة الصناعية في أوروبا وبيان أثرها العام في تغيير المجتمع والحضارة.  
+كما تشرح مراحل تطورها الأولى: الصناعة في العصور الوسطى، ثم الصناعة المنزلية، ثم ظهور المصانع.  
+تركز الفقرة على انتقال الإنتاج من العمل الأسري والزراعي إلى تنظيم العمل الصناعي داخل المصانع.  
+توجد عناصر زخرفية في أعلى الصفحة وإطار مزخرف حول العنوان، مع رقم الصفحة أسفلها.
+
+
+================================================================================
+PAGE 76 - page_0076.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+المصانع فيما بينها، وأن يحاول كل مصنع أن يزيد إتقان مصنوعاته، وأن يخفض أثمانها؛ لإغراء المشترين بالإقبال عليها، والإعراض عما ينافسها، ولعل هذه المنافسة كانت من أسباب نجاح الاختراعات في الصناعة.
+
+أسباب تقدم إنجلترا في مجال الصناعة والمخترعات:
+سبقت إنجلترا غيرها في المجال الصناعي لعدة أسباب منها:
+
+– الأسباب الطبيعية:
+أ- رطوبة الجو في بعض جهاتها، مما شجع على غزل القطن.
+ب- وجود أنهار سريعة الجريان في جهات أخرى، بحيث استخدمت مساقط المياه في توليد الكهرباء وإدارة الآلات.
+ج- وجود الفحم والحديد في مناطق بها ثغور صالحة للملاحة تسهل نقلها.
+
+– الأسباب السياسية:
+أ- كانت إنجلترا بحكم موقعها أقل تعرضاً لخطر الغزو الأجنبي من دول القارة.
+ب- عجز (نابليون) عن غزوها، في حين استولى على معظم أوروبا، فأتاح لإنجلترا الاستقرار الذي كان مفيداً في تقدم الصناعة.
+ج- مساهمة الكنيسة وخاصة الأساقفة المنشقين عنها وتأكيدهم على أن اللهو خطيئة وأن العمل مقدس، وبذلك انهمك الناس في جمع المال، وبذل أقصى الجهد في المجالين الصناعي والتجاري. وكان أغلب نشاطهم موجهاً إلى صناعة الحديد.
+
+– الأسباب الاجتماعية:
+أ- كانت طبقة الأشراف في إنجلترا كانوا على عكس طبقة نبلاء فرنسا، لا يترفعون عن كسب المال عن طريق المصانع والمناجم.
+ب- ما نادى به بعض المفكرين، بأن المعرفة تزداد كل يوم، وأن الحقائق الجديدة تأتي عن طريق الملاحظة والتجربة.
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+76
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن أسباب تقدم إنجلترا في الصناعة والمخترعات، وتوضح أن المنافسة بين المصانع ساعدت على تحسين الإنتاج وخفض الأسعار.  
+ثم تصنف أسباب التقدم إلى ثلاثة أنواع: طبيعية، وسياسية، واجتماعية، مع أمثلة لكل نوع مثل رطوبة الجو، ووجود الأنهار والفحم والحديد، والاستقرار السياسي، ودور الكنيسة والمفكرين.  
+الصفحة نصية تعليمية من كتاب تاريخ، ولا تحتوي على صور أو رسوم توضيحية، فقط تنسيق بعناوين فرعية وإطار زخرفي ورقم الصفحة 76.
+
+
+================================================================================
+PAGE 77 - page_0077.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+نتائج الثورة الصناعية:
+
+النتائج الاقتصادية:
+
+1- اتسع نطاق التجارة اتساعاً يتناسب مع تقدم الصناعة واختلاف أنواعها، فظهرت المتاجر الكبرى، واختلفت أنواعها، ونظمت العلاقات التجارية بين مواطن الصناعة وأسواق تصريفها، عن طريق متخصصين واجبهم تنمية العلاقات، حتى تعمر الأسواق بتجارتهم ومصنوعاتهم.
+
+2- حدث التقدم الصناعي طور وسائل النشر والإعلان، وخاصة إقامة المعارض والأسواق المالية، لمعرفة حالة العرض والطلب، وتقلب الأسعار ومقدار تقدم الصناعة.
+
+3- ظهور الشركات الصناعية الكبرى للقيام بالمشروعات الواسعة، ومعها تطور دور الأفراد في مجال الصناعة وظهور الرأسمالية.
+
+4- هجر كثير من المزارعين مزارعهم وتهافتوا على المدن، واشتغلوا في معاملها، وصارت الصناعة والتجارة من أكبر موارد الثروة، بعد أن كانت الزراعة هي المورد الأساسي.
+
+صورة لسفينة تجارية
+
+77
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن النتائج الاقتصادية للثورة الصناعية، مثل اتساع التجارة وظهور المتاجر الكبرى وتنظيم العلاقات التجارية.  
+كما تشرح تطور وسائل النشر والإعلان، وقيام المعارض والأسواق المالية لمعرفة العرض والطلب والأسعار.  
+وتعرض أيضاً ظهور الشركات الصناعية الكبرى والرأسمالية، وهجرة المزارعين إلى المدن للعمل في المصانع.  
+وتوجد صورة لسفن تجارية في ميناء، يظهر فيها نقل البضائع والعمال والعربات، لتوضيح نشاط التجارة والنقل البحري.
+
+
+================================================================================
+PAGE 78 - page_0078.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+5- التقدم في إصلاح الطرق وحفر الترع وإقامة القناطر، ثم أُنشئت السكك الحديدية، واستخدمت الكهرباء في تطوير النقل. كل ذلك من أجل التجارة.
+
+6- نشطت التجارة نشاطاً كبيراً، واتبعت الدول سياسة (حرية التجارة) بعد أن كانت تتبع سياسة (حماية التجارة)، وتتلخص هذه السياسة في إلغاء التجارة من الرسوم والضرائب التي ترفع ثمن السلع فيصيبها الكساد.
+
+النتائج الاجتماعية:
+
+1- استغنى أصحاب المصانع عن كثير من الأيدي العاملة، وبذلك كثرت البطالة، وقلت تبعاً لذلك الأجور وخاصة لما رأى أصحاب المعامل أن من الممكن استخدام الأطفال والنساء في الصناعة لرخص أجورهم، فأثر ذلك عليهم حتى ساءت حالتهم بطريقة مزعجة. وكان الأطفال يعملون ساعات طويلة، بإشراف استغلاليين لا أخلاق لهم ولا رحمة، وأن أجور العمال كانت زهيدة.
+
+2- بدأت الحكومات تتدخل في صالح العمال، وتسن القوانين الكثيرة، لتحسين حالتهم المادية والاجتماعية. كما أن ازدياد الثروة أدى إلى رخص السلع لقلة مصاريف إنتاجها، فزادت المصنوعات وزاد الإقبال عليها.
+
+3- اقترن تقدم الصناعة، بهجرة عدد كبير من سكان الريف الزراعي إلى حيث المناجم والمصانع والموانئ، التي أُنشئت المصانع الحديثة حولها أو بالقرب منها، وبذلك زاد عدد السكان في تلك المناطق.
+
+4- كان لازدحام السكان على هذه الصورة حول المصانع، نتائج اجتماعية إلى جانب كبير من الخطورة، حيث تفشى بينهم الجهل وانتشر المرض. فقد كان العمال في مانشستر مثلاً يقيمون في حجرات ضيقة مظلمة، حيث كان الأطفال ينامون على الطوب الرطب، وكانت الأسرة المؤلفة من ثمانية تعيش في لندن في غرفة واحدة ضيقة.
+
+5- أحس العمال بالضيق في معيشتهم لقلة أجورهم وكثرة نفقاتهم، وارتفاع مستوى المعيشة في البيئات الصناعية، فأخذوا يجاهدون في سبيل تحسين أحوالهم، عن طريق الاشتراك في الحكم ومشاركة أصحاب المصانع، فيما يعود عليهم من فوائد. وبذلك ظهرت النقابات للدفاع عن مصالحهم.
+
+6- ظهور طبقة جديدة من أصحاب رؤوس الأموال، الذين جمعوا ثروتهم عن طريق الصناعة والتجارة، وأخذت تلك الطبقة تنافس طبقة الزراع أصحاب الأراضي، في ميدان السياسة والاقتصاد زمناً طويلاً.
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+78
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة آثار التقدم الصناعي والتجاري، مثل تطوير الطرق والسكك الحديدية والكهرباء، واتباع سياسة حرية التجارة.  
+ثم تشرح النتائج الاجتماعية للثورة الصناعية، مثل البطالة، انخفاض الأجور، تشغيل النساء والأطفال، وتدخل الحكومات لحماية العمال.  
+كما تعرض الهجرة من الريف إلى المدن الصناعية، وما نتج عنها من ازدحام وسوء سكن وانتشار المرض والجهل.  
+وتوضح أيضاً ظهور النقابات العمالية وظهور طبقة جديدة من أصحاب رؤوس الأموال.  
+الصفحة نصية فقط، ولا تحتوي على صور أو رسوم بيانية، مع إطار زخرفي ورقم الصفحة 78.
+
+
+================================================================================
+PAGE 79 - page_0079.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+النتائج السياسية:
+
+1- كان للتقدم الصناعي آثار بعيدة المدى، في كيان الدولة السياسي، فظهرت يقظة فكرية قوية، وكان ظهورها نتيجة لازدياد الثروة العامة، ولاحتشاد الناس في المدن وتبادلهم الآراء واتصال المدن بعضها ببعض بوسائل حديثة (كالقطارات والسفن التجارية) وقد استيقظ الناس فرغبوا في نشر المبادئ الدستورية وتوسيع قواعد الانتخاب، فعارض الفلاحون الأشراف من زعماء الإقطاع، كذلك عارض العمال المولدين من أصحاب المصانع والشركات التجارية الكبرى، ونتج عن ذلك كله في النهاية وبعد جهد طويل، اشتراك الزراع والعمال في الحياة السياسية، فصار لهم حق الانتخاب ثم حق النيابة، بل صارت لهم أحزاب سياسية، وزعماء يتكلمون باسمهم، وينطقون بلسانهم، ويرعون مصالحهم.
+
+2- اضطرت الدول الصناعية، إلى البحث عن مواطن المواد الخام اللازمة للصناعة، فعملت على بسط نفوذها على بعض المستعمرات الغنية بتلك المواد، كما فتحت أسواقاً عدة لتصريف المنتجات، الأمر الذي أدى إلى زيادة الثروة، واتساع النفوذ التجاري والاستعماري للدول الصناعية إلى درجة ملحوظة.
+
+كما اتسعت واجبات الحكومة من خلال البيئات الحديثة، فصار لزاماً عليها العناية بالشؤون الصحية والتعليمية، وإنشاء المساكن، والعناية بالأطفال والعجزة والمسنين وأصحاب العاهات، وصرف الإعانات المالية للفقراء والمحتاجين.
+
+3- نمت مع مضي الزمن في الدول الصناعية آراء تتصل بمصالح العمال وحقهم في العمل، وفي تطبيق المبادئ الدستورية، إلى أقصى حد ممكن حتى يستطيع العمال التعبير عن آرائهم، وعرض مطالبهم على الرأي العام، فينالوا تشجيعه ويلقوا تأييده، لاسيما بعد أن ارتقت الصحافة، حتى أصبحت من أكبر وسائل الإعلام.
+
+4- ظهور الحركة النسائية بأوروبا في النصف الثاني من القرن التاسع عشر الميلادي، وكانت ترمي إلى محاولة المرأة كسب حقوقها السياسية شأنها شأن الرجل، وقد نجحت في دول وفشلت في أخرى.
+
+79
+
+ليبيا
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة النتائج السياسية للتقدم الصناعي في أوروبا والدول الصناعية.  
+توضح أثر الصناعة في تنشيط الوعي السياسي، وتوسيع حق الانتخاب، ومشاركة العمال والزراع في الحياة السياسية.  
+كما تشرح اتساع النفوذ الاستعماري والاقتصادي للدول الصناعية، وزيادة مسؤوليات الحكومات الاجتماعية.  
+وتعرض كذلك نمو دور الصحافة والحركة العمالية، ثم ظهور الحركة النسائية المطالبة بالحقوق السياسية.  
+الصفحة نصية بالكامل تقريباً، ولا تحتوي على صور أو رسوم، فقط إطار زخرفي وعنوان ورقم الصفحة.
+
+
+================================================================================
+PAGE 80 - page_0080.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+التوسع الاستعماري الأوروبي  
+الحديث
+
+لقد سبقت الإشارة إلى أن الكشوف الجغرافية فتحت المجال أمام ظهور حركة الاستعمار وما ترتب عنها من نتائج تعرضنا لها في حينها والتي من أهمها ازدياد حدة التنافس الاستعماري بين الدول الأوروبية حول مناطق النفوذ خاصة بعد أن فتحت الثورة الصناعية آفاقاً جديدة للتجارة فمع وفرة الإنتاج واتساع نطاق التجارة زادت الحاجة إلى كميات أكبر من المواد الخام وإلى مزيد من الأسواق لتصريف الإنتاج، وقد اتسع نطاق الاستعمار مع تطور وسائل المواصلات وشق القنوات البحرية التي قصرت المسافات مثل قناة السويس وقناة بنما وعلى أثر ذلك اشتد التنافس حتى تحول إلى حروب طاحنة خلال القرنين التاسع عشر والعشرين.
+
+لقد امتد التوسع الاستعماري الحديث حتى شمل أغلب دول العالم، ولم تعد البحار والمحيطات تحول دون امتداده إلى قلب القارات الواقعة وراء البحار.
+
+أسباب الاستعمار:
+
+لقد كانت ظاهرة الاستعمار ظاهرة شملت أغلب دول العالم ولم تحل المحيطات ولا البحار دون امتدادها إلى قلب القارات وتعددت الأسباب وراء قيامها ومنها:
+1- رغبة الدول الأوروبية في التوسع وبناء إمبراطوريات عظيمة والسيطرة على العالم سياسياً مع ازدياد عدد سكانهم.
+2- السيطرة على مصادر الثروات في العالم والهيمنة الاقتصادية على اقتصاد العالم بواسطة الشركات الرأسمالية(*).
+
+(*) الرأسمالية: نظام اقتصادي يقوم على الملكية الخاصة لوسائل الإنتاج، من أهم خصائصه التنافس الحر لتحقيق أكبر ربح ممكن.
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+80
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن التوسع الاستعماري الأوروبي الحديث وأسبابه، موضحة أن الكشوف الجغرافية والثورة الصناعية ساعدتا على اتساع الاستعمار وزيادة التنافس بين الدول الأوروبية. كما تشرح دور تطور المواصلات وشق القنوات البحرية مثل قناة السويس وبنما في تسهيل السيطرة الاستعمارية. وتعرض سببين رئيسيين للاستعمار: التوسع السياسي وبناء الإمبراطوريات، والسيطرة الاقتصادية على الثروات والأسواق.  
+تتضمن الصفحة عناصر زخرفية حول العنوان، وإطاراً عاماً للصفحة، ومربعاً مميزاً في الأسفل يحتوي تعريفاً لمصطلح "الرأسمالية".
+
+
+================================================================================
+PAGE 81 - page_0081.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+3- الادعاء بنشر الحضارة والعمل على تطوير الشعوب المتأخرة ورفع مستوى الحياة لهم.
+4- الادعاء بأن الاستعمار كان لضرورات أمنية واستراتيجية للدول المستعمرة.
+
+أشكال الاستعمار:
+تعددت الأنواع والأشكال التي فرضت بها الدول الاستعمارية هيمنتها على الدول المستعمرة ومنها:
+
+أولاً- الاستعمار العسكري:
+وهو الذي يتم فيه احتلال الدول بالتدخل المباشر عسكرياً والسيطرة بواسطة جيوش مجهزة بالقوة التي تفوق قدرة الشعوب المستعمرة خاصة المتخلفة منها.
+
+ثانياً- التغلغل السياسي:
+حيث تتم السيطرة على البلاد المستعمرة وإدارتها سلمياً بالأشكال الآتية:
+أ- حكم مباشر وذلك بإدارتها مباشرة بواسطة الأوربيين.
+ب- حكم غير مباشر بإشراك العنصر الوطني من المتعاونين مع المستعمرين في حدود ضيقة.
+ج- الوصاية: ظهر هذا النوع بعد الحرب العالمية الأولى وهو تحكم في البلاد بطريقة الوصاية على كل مقدراتها.
+د- الحكم الذاتي: ويكون تحت إشراف السلطات الاستعمارية فيما يمارس مواطنو البلاد شؤون الحكم المحلي فقط.
+
+وجميع هذه الأشكال تكون السيطرة فيها للمستعمر على مقدرات البلاد.
+
+ثالثاً- النفوذ الاقتصادي:
+بعد التوسع الاستعماري الكبير وظهور طبقة الرأسمالية في أوربا في مطلع القرن العشرين زادت الرغبة في السيطرة على مناطق النفوذ في العالم للحصول على المواد الخام والأسواق لتصريف المنتجات وأصبح التوسع يتم عن طريق الشركات الرأسمالية والمؤسسات الاحتكارية فتقع البلاد المستعمرة تحت سيطرتهم الاقتصادية كاملة ويصبح أبناؤها مجرد عمال ومستهلكين فقط.
+
+رابعاً- الغزو الثقافي:
+ويتم ذلك من خلال سياسة التغلغل الثقافي والفكري عن طريق فرض ثقافة ولغة الدول المستعمرة متضمنة نظمها وتقاليدها خاصة مع تدفق المهاجرين من أوربا إلى البلاد المستعمرة ناقلين معهم أفكارهم ونظمهم وعاداتهم وتقاليدهم التي يعملون على فرضها ونشرها مع توسعهم في ذات الوقت بشكل يحد من ثقافات الشعوب الواقعة تحت هيمنتهم.
+
+81
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة مبررات الاستعمار التي كانت تدّعيها الدول المستعمِرة، ثم تشرح أشكال الاستعمار المختلفة. وتعرض أربعة أشكال رئيسية هي: الاستعمار العسكري، والتغلغل السياسي بأنواعه، والنفوذ الاقتصادي، والغزو الثقافي.  
+كما توضح أن هذه الأشكال جميعها تهدف إلى إحكام سيطرة المستعمر على البلاد ومقدراتها.  
+الصفحة نصية تعليمية فقط، ولا تحتوي على صور أو رسوم بيانية، وإنما عناوين فرعية بارزة وإطار زخرفي حول الصفحة مع رقم الصفحة في الأسفل.
+
+
+================================================================================
+PAGE 82 - page_0082.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+مناطق النفوذ الاستعماري:
+
+من النتائج المباشرة والفورية لحركة الكشف الجغرافي، تسابق الدول الأوروبية إلى بسط نفوذها في قارات العالم القديم والجديد. ووفق الأولوية في حركة الكشف الجغرافي تكونت الإمبراطوريات الاستعمارية التالية:
+
+1- الإمبراطورية البرتغالية:
+قامت في مطلع القرن الخامس عشر الميلادي، وشملت أراضٍ في أمريكا الجنوبية مثل البرازيل وبعض جزر الهند الشرقية، وأجزاء من سواحل أفريقيا.
+
+2- الإمبراطورية الإسبانية:
+كانت مبكرة مع مطلع القرن السادس عشر الميلادي، وشملت جميع أمريكا الوسطى، وأغلب أمريكا الجنوبية وبعض جزر الهند الغربية وكذلك الشرقية وجزر الفلبين.
+
+3- الإمبراطورية الهولندية:
+لم يكن لهولندا نصيب يذكر في حركة الكشوف الجغرافية، بل انتزعت من البرتغال مناطق النفوذ في الشرق في القرن السابع عشر الميلادي مثل بعض جزر الهند الشرقية وجزيرة سيلان ومراكز مهمة بالهند، وبعض المستعمرات في أمريكا الشمالية والجنوبية.
+
+4- الإمبراطورية الإنجليزية:
+كانت في أمريكا الشمالية ومناطق واسعة في آسيا وأفريقيا وكل قارة استراليا منذ القرن السابع عشر الميلادي.
+
+5- الإمبراطورية الفرنسية:
+اتسعت في أمريكا الشمالية وخاصة كندا، وأراضٍ شاسعة في غرب ووسط وشمال أفريقيا، وفي غرب وجنوب شرق آسيا وغيرها من المناطق.
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+82
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة مناطق النفوذ الاستعماري التي نتجت عن حركة الكشوف الجغرافية، وكيف تسابقت الدول الأوروبية للسيطرة على مناطق في العالم القديم والجديد.  
+وتعرض أهم الإمبراطوريات الاستعمارية: البرتغالية، الإسبانية، الهولندية، الإنجليزية، والفرنسية، مع بيان أماكن انتشار نفوذ كل منها.  
+الصفحة نصية تعليمية من كتاب تاريخ، ولا تحتوي على صور أو خرائط، وإنما إطار زخرفي وعنوان رئيسي ورقم الصفحة في الأسفل.
+
+
+================================================================================
+PAGE 83 - page_0083.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+المستعمرات الإيطالية:
+بعد أن حققت إيطاليا وحدتها، سرعان ما تطلعت إلى التوسع والغزو ليكون لها مركز مرموق بين الدول الأوروبية التي سبقتها إلى ميدان الاستعمار في شرق أفريقيا، فسيطرت إيطاليا على إريتريا وبلاد الصومال والحبشة، وتطلعت الحكومة الإيطالية إلى الاستيلاء على ليبيا، ومهدت لذلك بوسائل عدة فاحتلتها عام 1911م ودام ذلك حتى عام 1943م.
+
+المستعمرات الألمانية:
+تحولت ألمانيا بعد وحدتها إلى دولة طامعة في الاستعمار ففي عام 1883م أعلنت استيلاءها على جنوب غرب أفريقيا وسمتها "أفريقية الجنوبية الغربية الألمانية" وفي نفس الوقت أسس الألمان مستعمرتين أخريين في الكمرون والتوجولاند (أراضي التوجو) كما استطاعت أن تؤسس مستعمرة تنجانيقا.
+ظلت ألمانيا محتفظة بمستعمراتها في أفريقيا حتى وقعت الحرب العالمية الأولى وانتهت بهزيمتها، فنقلت عصبة الأمم مستعمراتها إلى إنجلترا وفرنسا تحت اسم "الوصاية الدولية".
+
+83
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة المستعمرات الإيطالية والألمانية في أفريقيا بعد توحيد كل من إيطاليا وألمانيا.  
+توضح توسع إيطاليا في إريتريا والصومال والحبشة ثم احتلالها ليبيا سنة 1911م حتى 1943م.  
+كما تشرح توسع ألمانيا في جنوب غرب أفريقيا والكمرون والتوجولاند وتنجانيقا.  
+وتبين أن ألمانيا فقدت مستعمراتها بعد هزيمتها في الحرب العالمية الأولى، ثم وُضعت تحت الوصاية الدولية.  
+الصفحة ذات تنسيق كتاب مدرسي فقط، ولا تحتوي على صور أو خرائط أو رسوم بيانية.
+
+
+================================================================================
+PAGE 84 - page_0084.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+مناطق النفوذ الاستعماري
+
+مناطق النفوذ الاستعماري
+
+بريطانيا  
+فرنسا  
+إيطاليا  
+البرتغال  
+إسبانيا  
+بلجيكا  
+هولندا  
+ألمانيا  
+الولايات المتحدة الأمريكية  
+اليابان  
+مناطق غير خاضعة للاستعمار
+
+المحيط الهادي  
+المحيط الأطلسي  
+المحيط الهندي  
+المحيط المتجمد الشمالي
+
+آسيا  
+أفريقيا  
+أوروبا  
+أمريكا الشمالية  
+أمريكا الجنوبية  
+أستراليا
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+84
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة خريطة عالمية بعنوان «مناطق النفوذ الاستعماري» ضمن مادة تاريخ الوطن العربي الحديث والمعاصر.  
+توضح الخريطة توزيع مناطق الاستعمار في قارات العالم باستخدام ألوان مختلفة، مع مفتاح يبين الدولة الاستعمارية مثل بريطانيا وفرنسا وإيطاليا وغيرها.  
+كما تُظهر المناطق غير الخاضعة للاستعمار بخطوط مائلة، وتحدد أسماء القارات والمحيطات على الخريطة.  
+الصفحة تعليمية وتهدف إلى شرح انتشار النفوذ الاستعماري العالمي في العصر الحديث.
+
+
+================================================================================
+PAGE 85 - page_0085.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+أسئلة تطبيقية على الفصل الثالث
+
+س 1 : ماهي حركة الإصلاح الديني ؟ وما تأثيرها على الكنيسة الكاثوليكية ؟
+
+س 2 : اكتب مذكرات تاريخية عن :
+أ - العوامل التي ساعدت على الكشوف الجغرافية .
+ب - نظام الإقطاع .
+
+س 3 : قارن بين الأساليب المباشرة وغير المباشرة لقيام الثورة الفرنسية .
+
+س 4 : ( تذكر مؤتمر فيينا لمبادئ إستقلال الشعوب ) وضح ذلك .
+
+س 5 : وضح العلاقة بين الثورة الصناعية في أوربا وظهور حركة الإستعمار .
+
+س 6 : ماهي المراحل التي مرت بها الصناعة في أوربا لكي تصل إلى التطور الصناعي الحديث .
+
+س 7 : عدد الأنواع والأشكال التي فرضت بها الدول الإستعمارية هيمنتها على الدول المستعمرة .
+
+س 8 : ما هي الدول الإستعمارية التي كان لها نفوذ في العالم بعد ظهور حركة الكشوف الجغرافية ؟
+
+85
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+الصفحة تعرض أسئلة تطبيقية على الفصل الثالث لمادة التاريخ للسنة الثالثة من التعليم الثانوي.  
+تتناول الأسئلة موضوعات مثل الإصلاح الديني، الكشوف الجغرافية، نظام الإقطاع، الثورة الفرنسية، مؤتمر فيينا، الثورة الصناعية، والاستعمار.  
+التصميم بسيط ورسمي، وفي أعلى الصفحة عنوان داخل إطار مزخرف، مع إطار خارجي يحيط بالصفحة كاملة.  
+يوجد رقم الصفحة في الأسفل (85)، مع تذييل يشير إلى حقوق مركز المناهج التعليمية والبحوث التربوية في ليبيا.
+
+
+================================================================================
+PAGE 86 - page_0086.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+86
+
+------------PAGE TALK ABOUT------------
+الصفحة من كتاب تاريخ، وتتعلق بتاريخ الوطن العربي الحديث والمعاصر.  
+تحتوي أساسًا على لوحة فنية كبيرة تُظهر معركة بحرية عنيفة بين سفن شراعية وسط الدخان والنيران.  
+تبدو السماء مضطربة ومضيئة بألوان النار، ما يوحي بحدث حربي أو قصف بحري كبير.  
+الصفحة تبدو تمهيدية أو توضيحية بصريًا لموضوع تاريخي مرتبط بالصراعات البحرية في العصر الحديث.
+
+
+================================================================================
+PAGE 87 - page_0087.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+الفصل الرابع
+
+الدولة العثمانية والأطماع
+الاوروبية
+
+87
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+------------PAGE TALK ABOUT------------
+هذه صفحة افتتاحية لفصل دراسي بعنوان: **الفصل الرابع: الدولة العثمانية والأطماع الاوروبية**، ضمن كتاب خاص بالسنة الثالثة من مرحلة التعليم الثانوي.  
+تدل الصفحة على أن الفصل سيتناول علاقة الدولة العثمانية بالتدخلات أو المصالح الأوروبية وأبعادها التاريخية.  
+تتضمن الصفحة عناصر زخرفية فقط، مثل إطار مزخرف كبير في الوسط وشريط علوي يحمل عنوان الفصل، مع إطار خارجي للصفحة.  
+يوجد كذلك رقم الصفحة في الأسفل وحقوق النشر الخاصة بمركز المناهج التعليمية والبحوث التربوية في ليبيا.
+
+
+================================================================================
+PAGE 88 - page_0088.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+88
+
+------------PAGE TALK ABOUT------------
+هذه الصفحة تبدو صفحة فارغة من كتاب مدرسي، ولا تحتوي على محتوى دراسي أو نصوص شرح داخلية.  
+يوجد في أعلى الصفحة عنوان المادة: "تاريخ الوطن العربي الحديث والمعاصر".  
+كما يظهر في أسفل الصفحة تنويه بحقوق النشر لمركز المناهج التعليمية والبحوث التربوية - ليبيا، مع رقم الصفحة 88.  
+تتضمن الصفحة إطارًا زخرفيًا بني اللون يحيط بالمساحة البيضاء المخصصة للمحتوى.
+
+
+================================================================================
+PAGE 89 - page_0089.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+الدولة العثمانية والأطماع الأوربية
+
+قامت العلاقات العثمانية – الأوربية على التحالف الثنائي بين الدولة العثمانية وكل دولة أوربية على حده، وهذا التحالف بما يحتويه من فوائد مختلفة للجانبين قائم أساساً على موقف تلك الدول الأوربية من مصالح الدولة العثمانية الإسلامية وحمايتها للمسلمين.
+
+وكانت بداية العلاقات العثمانية – الأوربية مع فرنسا في عهد السلطان سليمان القانوني (1520-1566م)، وهو أول من منح الامتيازات للأوربيين، فكان أول امتياز لفرنسا في بلاد الشام عام 1536م، الذي يعتبر كأول امتياز أجنبي في الولايات العربية العثمانية، وقد جاء هذا الامتياز لصالح فرنسا كرد فعل على العداء المستحكم بين الدولة العثمانية ودولة إسبانيا، بسبب تعصبها الديني، وممارستها الإرهابية ضد المسلمين في الأندلس وشمال أفريقيا، ودعمها للأطماع البرتغالية العدوانية في الخليج العربي والمحيط الهندي والموجهة أساساً ضد العرب.
+
+وقد كانت الامتيازات المصرح بها لفرنسا في شكل مشروعات اقتصادية وثقافية بالإضافة إلى حق رعاية المسيحيين العرب الكاثوليك في الشرق، في حين وجهت عنايتها خاصة إلى طائفة الموارنة في جبل لبنان ليكونوا عوناً لها في تلك المنطقة.
+
+وفي سنة 1583م، حصلت بريطانيا على امتيازات مشابهة للامتيازات الفرنسية. وقد واصلت الدولة العثمانية منح الامتيازات للدول الأوربية الأخرى، وأصبحت هذه الظاهرة قاعدة أساسية في علاقة الدولة العثمانية بأوروبا، حتى قدوم الحملة الفرنسية (1798-1801م) إلى مصر والشام.
+
+أما الامتيازات الروسية فقد بدأت مع معاهدة (كوجك فينارجه) التي عقدتها روسيا مع الدولة العثمانية عام 1774م، وقد اعتبرت هذه الامتيازات علاقة مميزة في تاريخ العلاقات الروسية العثمانية.
+ولعل من أهم الامتيازات التي حصلت عليها روسيا هي:
+
+1- تنازل الدولة العثمانية لروسيا عن الأجزاء الجنوبية الشرقية من البحر الأسود، وهو ما جعل (خانات) منطقة القرم يعلنون الاستقلال عن الدولة العثمانية.
+
+2- حصول روسيا على حقوق تجارية برية وبحرية داخل الدولة العثمانية.
+
+3- حصول روسيا على حق فتح قنصليات في ولايات الدولة العثمانية.
+
+89
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية – ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة طبيعة العلاقات بين الدولة العثمانية والدول الأوروبية، وكيف قامت على التحالفات الثنائية والامتيازات السياسية والاقتصادية.  
+تركز على بداية هذه العلاقات مع فرنسا في عهد السلطان سليمان القانوني، ثم امتداد الامتيازات إلى بريطانيا وروسيا.  
+كما تشرح أثر الامتيازات الروسية بعد معاهدة كوجك فينارجه سنة 1774م، ومنها المكاسب التجارية وفتح القنصليات والتنازل عن أجزاء قرب البحر الأسود.  
+الصفحة ذات طابع نصي تعليمي، وتحتوي على عنوان رئيسي مزخرف داخل إطار، مع حدود زخرفية للصفحة ورقم الصفحة في الأسفل.
+
+
diff --git a/history/p4.txt b/history/p4.txt
new file mode 100644
index 0000000000000000000000000000000000000000..5ddf3f204a42fb0dd0d667f73cf6998c5fedaa89
--- /dev/null
+++ b/history/p4.txt
@@ -0,0 +1,1020 @@
+"أنت مدرس خبير ومحترف في مادة التاريخ. أنت تدرّس طالباً وتساعده على الفهم.
+
+=== محتوى الفصل (المرجع العلمي) ===
+
+=== نهاية السياق ===
+
+**تعليمات مهمة:**
+- استخدم المحتوى العلمي أعلاه كمرجع أساسي للإجابة
+- راعِ سياق المحادثة السابقة والمستوى التعليمي للطالب
+- أجب بشكل واضح ومفصل باللغة العربية
+- استخدم الأمثلة والتوضيحات عند الحاجة
+- إذا سأل الطالب عن شيء خارج المحتوى المتوفر، أخبره بذلك بلطف
+
+
+
+================================================================================
+PAGE 90 - page_0090.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+4- حصول روسيا على حق الملاحة في البحر الأسود والمضايق العثمانية في اتجاه البحر المتوسط، مع حرية مرور سفنها الحربية في أوقات السلم.
+
+5- حصول روسيا على امتياز حق رعاية المسيحيين الأرثوذكس في جميع الولايات العثمانية، وهو ما أعطى لروسيا فرصة التدخل في شؤون الدولة العثمانية.
+
+المسألة الشرقية:
+
+لما شعرت كل من فرنسا وبريطانيا أن النفوذ الروسي من خلال هذه الحقوق والامتيازات، قد زاد عن الحد المتعارف عليه، بل وأصبح يهدد المصالح البريطانية والفرنسية خاصة، والمصالح الأوروبية عامة داخل الدولة العثمانية وولاياتها العربية لذلك اتفقت الدولتان على بدء العمل على حماية الدولة العثمانية والمحافظة على ممتلكاتها، من التدخل الروسي الذي أصبح واضحاً منافساً لهما، كذلك مساعدة الدولة العثمانية للحد من فرص نجاح الحركات الاستقلالية والانفصالية، التي بدأت تعلن بين حين وآخر في الولايات العربية، خوفاً من خروج تلك الولايات من دائرة الأطماع البريطانية والفرنسية المستقبلية وهو ما عرف في التاريخ الحديث بـ (المسألة الشرقية)، وهي سياسة المحافظة على صحة الرجل المريض (الدولة العثمانية) ومنع الدواء والغذاء عنه (الإصلاحات وعوامل التطور) حتى يتم القضاء عليه في الوقت المناسب، وبالتالي توزيع تركته (الممتلكات العثمانية).
+
+ومن هنا بدأت الحركة الاستعمارية الأوروبية تأخذ اتجاهاً جديداً نحو أملاك الدولة العثمانية خلال النصف الثاني من القرن التاسع عشر وأوائل القرن العشرين إذ اشتد التنافس الاستعماري الأوروبي للحصول على مناطق نفوذ داخل أراضي الدولة العثمانية التي كانت تعاني من الاستبداد الداخلي ذلك أن الولاة العثمانيين كانوا يمارسون حكمهم الاستبدادي على ولاياتهم الأمر الذي أفقد الدولة العثمانية القدرة على الوقوف ضد التدخل الأجنبي والأطماع الاستعمارية في المنطقة بشكل عام.
+
+التوسع الاستعماري الأوروبي:
+
+في الوقت الذي وقعت فيه البلاد العربية نهباً للاحتلال الأوروبي، وفي الوقت الذي أخذ العرب يجاهدون في كل مكان من أجل حريتهم واستقلالهم ضد السيطرة الأجنبية، كانت الأحداث العالمية تتوالى والعلاقات الدولية تتطور على نحو أدى في النهاية إلى قيام حرب كبرى عرفت في التاريخ بالحرب العالمية الأولى (1914 - 1918م).
+
+90
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة نتائج الامتيازات التي حصلت عليها روسيا من الدولة العثمانية، خاصة حق الملاحة ورعاية الأرثوذكس، وكيف أدى ذلك إلى زيادة نفوذها.  
+ثم تشرح مفهوم "المسألة الشرقية" بوصفه سياسة أوروبية للمحافظة على الدولة العثمانية الضعيفة مؤقتاً تمهيداً لتقسيم ممتلكاتها.  
+كما تعرض بداية التوسع الاستعماري الأوروبي داخل أراضي الدولة العثمانية وولاياتها العربية بسبب ضعفها الداخلي والاستبداد.  
+وتختم بالإشارة إلى اشتداد الاحتلال الأوروبي للبلاد العربية وتطور الأحداث الدولية حتى اندلاع الحرب العالمية الأولى.  
+الصفحة ذات تنسيق كتاب مدرسي عربي، فيها عناوين فرعية بارزة وإطار زخرفي ورقم الصفحة 90.
+
+
+================================================================================
+PAGE 91 - page_0091.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+ويمكن تلخيص الاتجاهات التي رسمت مجرى الأحداث والعلاقات الدولية في أوربا في المدة الواقعة بين عامي (1870-1914م)، أي من حرب السبعين بين فرنسا وألمانيا إلى قيام الحرب العالمية الأولى فيما يلي:
+
+1- نمو الروح القومية بين الشعوب الأوربية:
+تميز القرن التاسع عشر الميلادي في أوربا بأنه عصر القوميات نظرًا لإقدام العديد من الأمم الأوربية إلى تحقيق استقلالها، بعد أن عاشت خاضعة لحكومات من غير أهلها. وبعضها الآخر استطاعت أن تستكمل وحدتها بعد أن عاشت مدة طويلة من الزمن في فرقة وتخلف، مقطعة الأوصال والأجزاء، واقعة تحت حكم أمم أخرى. فعلى سبيل المثال، فقد حققت الأمة الإيطالية وحدتها عام 1870م، أصبح لإيطاليا وضعها السياسي في أوربا، وتسعى بكل جهدها للمساهمة في التوسع الاستعماري الخارجي وتبحث عن أماكن نفوذ لها فيما تبقى شاغرًا من الولايات العثمانية بشمال أفريقيا فاتجهت إلى ليبيا بعد أن فقدت الأمل في تونس حيث سبقتها فرنسا إليها، كذلك فقد حققت ألمانيا اتحادها عام 1870م، بعد أن خلص الشعب الألماني بزعامة بروسيا حربين حاسمتين ضد كل من النمسا وفرنسا. كما استقلت بلاد عديدة في شرق أوربا وشبه جزيرة البلقان، وكذلك استقلت بلغاريا وصربيا وألبانيا واليونان عن الحكم العثماني الذي طالها منذ القرن الخامس عشر حتى منتصف القرن التاسع عشر الميلادي تقريبًا.
+
+وبسبب هذا التطور القومي، نرى أن الكثير من الدول الأوربية قد اتخذت من حركة الشعوب في البلقان وشرق أوربا ذريعة وفرصة لمعاداة الدولة العثمانية ووصفها بالمحتل، وأنها تعامل رعايا الدول الواقعة تحت سيطرتها معاملة قاسية بعيدة كل البعد عن الديمقراطية وحقوق الإنسان والمساواة، وبذلك تقف مع الحركات المناهضة للدولة العثمانية في هذه البلدان، في الوقت نفسه نجدها تسعى وبكل ما تملك من مقدرات سياسية وحربية ومالية لتبسط نفوذها وتستعمر المنطقة العربية على اعتبارها من ممتلكات الدولة العثمانية وشيكة الانهيار.
+
+2- التقدم الصناعي في أوربا:
+استطاعت أوربا أن تشق طريقها نحو التقدم العلمي بعد أن تخلصت من سيطرة الكنيسة التي تصدت لكل من حاول تطوير الحياة خارج رغباتها، إلا أنه وبحلول القرن التاسع عشر الميلادي تقدمت العلوم الطبيعية والرياضية في أوربا، وازداد أخذ الأوربيين بأسبابها، وطرقها بعد أن خضعت لفترة تجريب كافية، أسفرت عن نتائج طيبة وخاصة في المجال الاقتصادي، من أجل ذلك قامت ثورة صناعية، وحقق الإنسان سيطرة مباشرة على موارد الطبيعة وأبدع في استغلال هذه الموارد.
+
+91
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة الاتجاهات التي شكلت الأحداث والعلاقات الدولية في أوربا بين 1870م و1914م. وتركز على نمو الروح القومية بين الشعوب الأوربية، مثل توحيد إيطاليا وألمانيا واستقلال بعض شعوب البلقان عن الدولة العثمانية، وما نتج عن ذلك من تنافس واستعمار. كما تعرض أثر التقدم العلمي والصناعي في أوربا وقيام الثورة الصناعية.  
+الصفحة نصية تعليمية من كتاب مدرسي، ولا تحتوي على صور أو رسوم بيانية، وإنما إطار زخرفي بسيط ورقم الصفحة في الأسفل.
+
+
+================================================================================
+PAGE 92 - page_0092.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+هذا التحول العلمي والصناعي كان سبباً في اشتداد ظاهرة الاستعمار. فقد استطاعت الدول الأوروبية أن توظف الانتعاش العلمي والصناعي في زيادة قوتها العسكرية لتكون أكثر سيطرة في أوروبا، وأسرع في بسط نفوذها خارج أوروبا.
+
+3 - اشتداد ظاهرة التوسع الاستعماري الحديث:
+
+كان من أهم نتائج زيادة الإمكانيات العسكرية المتقدمة لدى الدول الأوروبية أنها استطاعت أن تغزو وتستعمر حوالي (80%) من مساحة العالم شملت أجزاء واسعة من كل القارات ومارست على شعوبها وسائل القهر والاستغلال. ومن أهم أسباب اشتداد التوسع الاستعماري ما يلي:
+
+أ - إن الدول الأوروبية اتخذت من هذا التوسع وسيلة لبناء مجدها وعظمتها في المحيط الدولي وبالتالي تقوية الوجاهة السياسية لها.
+
+ب - حاجة الدول الاستعمارية إلى المواد الخام والأسواق، فالدول التي توفرت لها مصادر الطاقة تمكنت من فتح المصانع واحتاجت بذلك إلى السوق لبيع منتجاتها الصناعية، وبالتالي احتاجت إلى المواد الخام، وقد وفرت كل ذلك باحتلال المناطق التي توجهت إليها.
+
+ج - زيادة الأموال لدى الرأسماليين أدى إلى الرغبة في استثمارها خارج أوروبا لتوفر المواد الخام والأيدي العاملة الرخيصة بالرغم من أن هذه الدول كانت تدعي أنها تقوم بعمل إنساني يهدف إلى تحضير الشعوب المتأخرة ومساعدتها على النهوض والتقدم.
+
+د - ازدياد عدد السكان في الدول الأوروبية والذي كان سببه التطور الاقتصادي والسياسي الأمر الذي أدى إلى استقرار سكاني مع وجود الرعاية الصحية فكانت النتيجة أن تزايد عدد السكان، وأصبح يمثل ثقلاً على الحكومات الأوروبية، فقررت الدول الاستعمارية في أوروبا ضرورة البحث عن مستعمرات جديدة لحل هذه المشكلة.
+
+هـ - ادعاء الدول الأوروبية الاستعمارية أن احتلال المستعمرات إنما هو لضرورات استراتيجية تخدم الأمن القومي لتلك الدول، وفي الواقع أن الاستعمار الاقتصادي هو طابع الحركة الاستعمارية الحديثة حيث تكون البلدان المسيطر عليها ميادين لكسب المال وجمعه بواسطة الشركات الرأسمالية ولذا صار لرجال المال النفوذ الأول في توجيه سياسة دولهم.
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+92
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة اشتداد ظاهرة التوسع الاستعماري الحديث نتيجة التحول العلمي والصناعي في أوروبا، وكيف استُخدمت القوة العسكرية لبسط النفوذ خارجها.  
+وتعرض أهم أسباب التوسع الاستعماري مثل السعي إلى المجد السياسي، والحاجة إلى المواد الخام والأسواق، واستثمار رؤوس الأموال، والزيادة السكانية، والدوافع الاستراتيجية والاقتصادية.  
+كما توضح أن الاستعمار الحديث اتسم بالقهر والاستغلال، وأن الدافع الاقتصادي كان جوهره الحقيقي رغم الادعاءات الإنسانية.  
+الصفحة نصية بالكامل تقريباً، ولا تحتوي على صور أو رسوم توضيحية، سوى إطار زخرفي للصفحة ورقم الصفحة في الأسفل.
+
+
+================================================================================
+PAGE 93 - page_0093.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+4- ظهور النزعة الاستعمارية في الدول الأوروبية:
+
+دبت النزعة الاستعمارية التي ظهرت منذ أن حققت الدول الأوروبية وحدتها، إلى البحث عن مواقع لها في أفريقيا وآسيا.
+
+كما عملت على احتلال مواقع استراتيجية تخدم مصالحها في مناطق كثيرة من العالم، فجندت أبناء تلك المناطق واستخدمتهم في تحقيق أهدافها واحتلال مناطق شاسعة، وبذلك وفرت بريطانيا على نفسها الجهد الذي كانت ستبذله لاحتلال كثير من البلدان، واستغلت أبناء تلك البلاد والموالين لبريطانيا لتحقيق كل أهدافها دون خسائر، بل وتمكنت بهم من توفير ما يقرب من مائة مليون جندي أثناء الحرب العالمية الأولى (1914-1918م).
+
+5- ظهور التكتلات الدولية (1870-1914م):
+
+قد يظن المتتبع لتاريخ أوروبا خلال الثلث الأخير من القرن التاسع عشر الميلادي، والربع الأول من القرن العشرين، أن أوروبا قد غلب عليها الاستقرار والسلام، بعد الجهد الذي قطعته في اتجاه التطور العلمي والصناعي، وما حققته من أرباح طائلة.
+
+ولكن المتعمق في تاريخ أوروبا خلال هذه الفترة الواقعة بين عامي (1870-1914م)، يرى بوضوح أن أوروبا كانت قائمة على قدم وساق تسعى كل دولة إلى تحقيق أمرين هامين يضمنان لها البقاء في كل الظروف وهما:
+
+أ- عقد المعاهدات، وإجراء التحالفات، والدخول في تكتلات ترفع من شأن الدولة لكي تقوى بغيرها، بدلاً من أن تكون عرضة للضياع في تيار التنافس والتسابق.
+
+ب- التسابق نحو التسلح والاستعداد للحرب بل والتهديد بها، وهو أمر يرجع أساسه إلى العلاقات غير الحميدة التي كانت سائدة في أوروبا، وإلى كثرة التناحر والاقتتال بين أممها، وأن كل دولة تخفي في نفسها ثأراً قديماً تسعى إلى أخذه والانتقام من فاعله، وعليها الاستعداد له.
+
+وعلى أثر ذلك قامت تحالفات وتكتلات في أوروبا جميعها، كانت تعمل على تقريب يوم التصادم، وهو يوم الحرب العالمية الأولى 1914م، بعد أن حققت أهدافها الاستعمارية خارج أوروبا.
+
+وقد تضررت المنطقة العربية كثيراً من تلك التحالفات، حيث نجحت الدول الأوروبية من خلالها في تسوية منازعاتها الداخلية، فتفرغت لاستعمار منطقتنا وهو هدفها الأول.
+
+وكان الأوروبيون قد ادعوا إلى جانب التحالفات والتكتلات، أن لديهم مهام إنسانية دينية وثقافية في قارات العالم، من أجلها خرجوا في حركاتهم الاستعمارية. وبدل أن ترفع الدول الأوروبية المستوى الثقافي والحضاري لشعوب هذه القارات كما ادعت لم تتركها على حالها، بل استنزفت مواردها من
+
+93
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة ظهور النزعة الاستعمارية لدى الدول الأوروبية بعد توحدها، واتجاهها لاحتلال مواقع في أفريقيا وآسيا واستغلال سكان المستعمرات لخدمة أهدافها.  
+كما تشرح ظهور التكتلات الدولية بين 1870 و1914م، من خلال التحالفات والتسابق نحو التسلح تمهيداً للحرب العالمية الأولى.  
+وتبين أثر هذه التكتلات في إضعاف المنطقة العربية وتفرغ الدول الأوروبية لاستعمارها، مع نقد الادعاءات الأوروبية بأنها تحمل رسالة إنسانية وحضارية.  
+بصرياً: الصفحة نصية تعليمية فقط، فيها عناوين رئيسية مرقمة وإطار زخرفي حول الصفحة مع رقم الصفحة 93 في الأسفل.
+
+
+================================================================================
+PAGE 94 - page_0094.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+المواد الخام وسخرت جهود سكانها في خدمة المستعمرين. وقد استخدم المستعمرون الدين ستاراً لتحقيق أهدافهم في استعباد الشعوب المغلوبة على أمرها، فعملت فرنسا على غزو الصين بحجة أن بعض السكان قتلوا مبشراً مسيحياً، وسيطر الإسبان والبرتغاليون والهولنديون والإنجليز على القارة الأفريقية بحجة نشر الدين المسيحي، ولم يكن ذلك هدفهم الأساسي بل الهدف هو الاستعمار الاقتصادي، وقد أكد على ذلك أحد الزعماء الأفارقة بقوله: (يأتي المبشرون وفي أيديهم الإنجيل ونحن في أيدينا الأرض، وسرعان ما يصبح الإنجيل في أيدينا وفي أيديهم الأرض).
+وقد استغل في ذلك الدين كأداة فعالة في تسييح الحركة الاستعمارية.
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+94
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن استغلال الدول الاستعمارية للدين المسيحي كوسيلة لتبرير التوسع والسيطرة على الشعوب، بينما كان الهدف الحقيقي هو الاستعمار الاقتصادي ونهب الموارد.  
+وتذكر أمثلة مثل فرنسا في الصين، والإسبان والبرتغاليين والهولنديين والإنجليز في أفريقيا.  
+كما تورد قولاً لأحد الزعماء الأفارقة يوضح كيف استُخدم التبشير لانتزاع الأرض من السكان.  
+الصفحة عبارة عن نص فقط داخل إطار مزخرف، مع عنوان أعلى الصفحة ورقم الصفحة 94 أسفل اليمين.
+
+
+================================================================================
+PAGE 95 - page_0095.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+أثر حركة الاستعمار الأوروبي على الدولة العثمانية من خلال التطورات الدولية
+
+تحركت دول أوروبا تجاه الدولة العثمانية، وبدأ التنافس بين بريطانيا وفرنسا وألمانيا وإيطاليا على الفوز بإحدى الولايات العثمانية باحتلال الجزائر سنة 1830م، وضمتها إلى أرض فرنسا سنة 1840م، وفرضت حمايتها على تونس سنة 1881م، وعلى المغرب سنة 1912م.
+
+أما بريطانيا فقد احتلت مصر سنة 1882م، وسيطرت قبل ذلك على أجزاء عديدة من شبه الجزيرة العربية، حيث استولت على جزيرة بريم الصخرية سنة 1799م، وعلى عدن سنة 1839م، وعقدت مع سلطان لحج معاهدة سنة 1800م، وبهذه المعاهدة ضمنت بريطانيا نفوذها في المنطقة.
+ثم اتصلت بإمام منطقة مسقط وعقدت معه معاهدة سنة 1800م، تعهد الإمام بموجبها بصداقته بريطانيا، وإبعاد كافة العناصر الأجنبية الأخرى عن بلاده.
+كما عقدت مع مشايخ البحرين والكويت اتفاقات عاثلة ثبتت بموجبها أقدامها في المنطقة، وكان آخرها الاتفاق مع الكويت سنة 1899م.
+
+وأما إيطاليا فقد احتلت ليبيا سنة 1911م، على أثر غزو عسكري ولكنها لم تستكمل سيطرتها على البلاد بسبب ما واجهته من المقاومة الليبية لأكثر من عقدين من الزمن.
+وما دامت الظروف التي كانت عليها الدولة العثمانية سيئة، وقبل وأثناء الحرب العالمية الأولى، فإن ذلك أثر على العلاقات التي كانت بين العرب، وجعلتهم يعانون من عدة مشاكل ربطتهم بدورهم بالقوى المشاركة في الحرب العالمية الأولى (1914-1918م)، وكنتيجة للحرب العالمية الأولى وقعت أجزاء من الشام (سوريا ولبنان) تحت الانتداب الفرنسي سنة 1920م.
+أما فلسطين فقد فرض عليها الانتداب البريطاني على أن تلتزم بتنفيذ وعد بلفور الذي ضمنته لليهود في 2 من شهر نوفمبر 1917م.
+كما فرض الانتداب البريطاني على العراق.
+
+وأحدث هذا الانقسام شرخاً كبيراً في العلاقات العربية الأوروبية، لتدخل الدول الأوروبية في شؤون العرب بأحداث صراع بين العرب والدولة العثمانية في المشرق العربي، واستمرار المقاومة الوطنية ضد الإيطاليين في ليبيا، وضد الفرنسيين في المغرب العربي، وضد الإنجليز في مصر والسودان.
+
+95
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة أثر التوسع الاستعماري الأوروبي في إضعاف الدولة العثمانية والسيطرة على ولاياتها العربية.  
+تذكر تنافس فرنسا وبريطانيا وإيطاليا على الجزائر وتونس والمغرب ومصر وليبيا وأجزاء من الجزيرة العربية.  
+كما توضح نتائج الحرب العالمية الأولى بفرض الانتداب الفرنسي على سوريا ولبنان، والبريطاني على فلسطين والعراق، مع الإشارة إلى وعد بلفور سنة 1917م.  
+بصريًا: الصفحة من كتاب مدرسي، فيها عنوان رئيسي داخل إطار زخرفي، وحدود مزخرفة للصفحة، ورقم الصفحة 95 أسفل اليسار.
+
+
+================================================================================
+PAGE 96 - page_0096.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+الحرب العالمية الأولى وأثرها على الدولة العثمانية
+
+لقد عمل الحلفاء (بريطانيا – فرنسا – روسيا) على محاصرة الدولة العثمانية عندما لجأت إلى التعاون مع ألمانيا، وذلك بفتح جبهات متعددة ضدها لتشتيت جهود العثمانيين وحلفائهم، وترغمهم على الاستسلام عن طريق التدخل السلمي في الولايات العربية، بإثارة الفوضى بين العرب وتحريضهم على الثورة ضد الدولة العثمانية، ليتمكنوا من فتح جبهة جديدة عريضة داخل المنطقة العربية ضدها، وتستنفذ بذلك جزءاً كبيراً من جهود العثمانيين وحلفائهم السياسيين والعسكريين، وتؤثر على تصديهم في الجبهات الأخرى، مع إلحاق الأذى بمركز العثمانيين داخل شبه الجزيرة العربية نفسها، ولا تستطيع قواتها الموجودة في الحجاز واليمن وعسير التحرك لمؤازرة القوات العسكرية الموجودة في العراق والشام أو قناة السويس، وتبقى القوات العثمانية في الجزيرة العربية معطلة عن القتال الدائر، محاصرة في أماكنها.
+
+ويمكن بذلك أن يحقق الحلفاء هدفاً جيداً، وهو هزيمة العثمانيين، والسيطرة على الولايات العربية الذي يمكن أن يتم عن طريق تقسيم المشرق العربي فيما بينهم (بريطانيا وفرنسا وحلفاؤهما)، فاعتمدوا سياسة تشجيع العرب على الثورة بحجة نيل الاستقلال، وهي ضرورة اقتضتها الحرب الدائرة حين ذاك، على أن يتم التقسيم على مبدأ التوازن بين الدول المهتمة بذلك، وفي الوقت الذي تزايدت فيه المصالح الألمانية في الدولة العثمانية بشكل واضح قبيل الحرب العالمية الأولى مثل: تنفيذ مشروع مد خط سكة حديد: برلين – بغداد، وبدأ خبراء ألمان في تدريب الجيش العثماني على الأسلحة الألمانية، رأت الدولة العثمانية دخول الحرب إلى جانب ألمانيا، بينما هدفت المصالح البريطانية والفرنسية إلى تعويض الدولة العثمانية بالعمل على حمايتها من الوقوع في أحضان ألمانيا، وفي الوقت الذي كانت تسعى فيه روسيا لدى الدولة العثمانية بأن تحتفظ لها بحق المرور في المضايق التركية، والتدخل في شؤون البلقان، غير أن الدولة العثمانية التي كان هدفها حفظ كيانها من الانهيار فيما تبقى من أملاكها، انحازت إلى جانب ألمانيا، وخاصة بعد أن ضاعت منها مصر وشبه جزيرة البلقان.
+
+وفي هذه الظروف حاولت الدولة العثمانية إحياء فريضة الجهاد، حيث كثرت الفتاوى التي تدعو إلى محاربة الحلفاء الذين تصفهم بالمارقين والكفرة، بغرض إثارة حفيظة المسلمين، ولعل أقوى
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+96
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة أثر الحرب العالمية الأولى على الدولة العثمانية، وكيف سعى الحلفاء إلى إضعافها بفتح جبهات متعددة وتحريض العرب على الثورة ضدها.  
+كما تشرح تنافس القوى الكبرى على الولايات العربية، وارتباط الدولة العثمانية بألمانيا سياسياً وعسكرياً قبل الحرب.  
+وتوضح أسباب انحياز العثمانيين إلى ألمانيا، رغم الضغوط البريطانية والفرنسية والروسية، ومحاولة الدولة إحياء فكرة الجهاد لمواجهة الحلفاء.  
+تتضمن الصفحة عناصر زخرفية فقط: عنوان رئيسي داخل إطار مزخرف، وحدود للصفحة، ورقم الصفحة في الأسفل، دون صور أو خرائط أو رسوم بيانية.
+
+
+================================================================================
+PAGE 97 - page_0097.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+الفتاوى وأهمها تلك الفتوى التي صدرت عن مفتي اسطنبول في يوم 7 من شهر نوفمبر سنة 1914م والمتعلقة بوجوب مواجهة الحلفاء، والتي نصها: (إن الواجب المفروض على المسلمين كافة بما فيهم الخاضعون لحكم بريطانيا وفرنسا وروسيا أن يتحدوا لمقاومة هذه الدول عدوة الإسلام، وأن يرفضوا مساعدة الحلفاء).
+
+أثرت هذه الفتوى إلى حد ما في نفوس المسلمين بينما كانوا غير أن اتحاد المسلمين كان يشوبه الشك في مثل هذا الموقف بسبب مشاركة الدولة العثمانية لدول أخرى مثل ألمانيا والنمسا والمجر، وهي دول مسيحية بطبيعة الحال، ورغم ذلك فالسلطان العثماني استبق الأحداث، وأصدر في الحادي عشر من شهر نوفمبر 1914م، بلاغاً يحث فيه الجيش والأسطول العثماني على الحرب ضد الحلفاء والدفاع عن المسلمين.
+
+وفي الثالث والعشرين من الشهر نفسه أصدر السلطان بياناً آخر أهاب فيه بالمسلمين الاشتراك في الدفاع عن الإسلام في الأماكن المقدسة، وقد تتابعت النشرات من طرف الدولة العثمانية تطالب المسلمين بالجهاد ضد الحلفاء، ولكن العرب والمسلمين لم يتأثروا كثيراً بهذه الفتاوى والنشرات التي تدعو إلى الانخراط في الحرب العالمية الأولى إلى جانب الدولة العثمانية وحلفائها الألمان.
+
+لقد وقفت بريطانيا وحلفاؤها أمام دعوة الدولة العثمانية للمسلمين للجهاد موقفاً حذراً، ثم عملت على إيجاد مبرر ووسيلة لكسر شوكة هذه القرارات والنشرات التي كانت وزعتها الدولة العثمانية عن طريق أعوانها في العالم الإسلامي عامة، وفي شبه الجزيرة العربية على وجه الخصوص، حيث يجتمع المسلمون لتأدية مناسك الحج والعمرة، وهناك تتم عملية استغلال حماس وعواطف المسلمين لحماية عقيدتهم التي يفدونها بأرواحهم دون تردد.
+
+97
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة فتاوى الدولة العثمانية سنة 1914م أثناء الحرب العالمية الأولى، خاصة فتوى مفتي إسطنبول التي دعت المسلمين إلى مقاومة الحلفاء.  
+كما تشرح أثر هذه الفتاوى في المسلمين، مع الإشارة إلى أن الاستجابة لها كانت محدودة بسبب تحالف العثمانيين مع دول مسيحية مثل ألمانيا والنمسا والمجر.  
+وتعرض أيضاً بيانات السلطان العثماني التي حثت على الجهاد والدفاع عن الإسلام والأماكن المقدسة، ثم توضح موقف بريطانيا وحلفائها الحذر ومحاولتهم إضعاف تأثير هذه الدعوات.  
+الصفحة نصية بالكامل تقريباً، وتحتوي على إطار زخرفي بسيط ورقم الصفحة 97 في الأسفل مع عبارة حقوق النشر الخاصة بمركز المناهج التعليمية والبحوث التربوية في ليبيا.
+
+
+================================================================================
+PAGE 98 - page_0098.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+الأحلاف العسكرية في أوروبا قبيل اندلاع الحرب العالمية الأولى
+
+النرويج  
+السويد  
+الدنمارك  
+المملكة المتحدة  
+هولندا  
+بلجيكا  
+فرنسا  
+إسبانيا  
+البرتغال  
+ألمانيا  
+برلين  
+سويسرا  
+إيطاليا  
+روما  
+النمسا  
+فيينا  
+الإمبراطورية النمساوية المجرية  
+صربيا  
+رومانيا  
+بلغاريا  
+اليونان  
+أثينا  
+الإمبراطورية الروسية  
+روسيا  
+سان بطرسبرج  
+أيرلندا الشمالية  
+تركيا  
+قبرص
+
+المحيط الأطلسي  
+بحر الشمال  
+بحر البلطيق  
+البحر الأدرياتي  
+البحر المتوسط
+
+0  
+1000 كم
+
+اتجاه الأهداف السياسية الفرنسية  
+اتجاه الأهداف الروسية  
+الوفاق الثلاثي  
+التحالف الثلاثي  
+دول البلقان
+
+خريطة الأحلاف
+
+98
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة خريطة الأحلاف العسكرية في أوروبا قبل اندلاع الحرب العالمية الأولى.  
+توضح الخريطة دول الوفاق الثلاثي ودول التحالف الثلاثي ودول البلقان بألوان مختلفة، مع تحديد أهم العواصم والبحار المحيطة.  
+كما تُظهر الأسهم اتجاه الأهداف السياسية الفرنسية والروسية، وخطوط الربط بين الدول المتحالفة.  
+الصفحة من درس في تاريخ الوطن العربي الحديث والمعاصر، وتركز على الخلفية الأوروبية التي سبقت الحرب العالمية الأولى.
+
+
+================================================================================
+PAGE 99 - page_0099.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+الشريف الحسين وعلاقته ببريطانيا:
+
+بينما كانت الدولة العثمانية تحاول بعث جبهة إسلامية لمحاربة الحلفاء، وجدت بريطانيا زعيماً إسلامياً له كفاءة تمكنه من مواجهة الدولة العثمانية، وهو (الشريف الحسين بن علي بن عون الهاشمي) أمير منطقة مكة المكرمة لتمتعه بمزايا لم تتوفر في غيره من أهل مكة في ذلك الوقت وهي:
+أ- وجوده في مكة وسط القوات العثمانية، التي كانت تسيطر على بعض مناطق شبه الجزيرة العربية، مما جعله قادراً على ضرب تلك القوات المعسكرة في عسير واليمن وغيرها، وذلك عكس ما كان يتمتع به الأمراء الآخرون في غيرها من المناطق الأخرى بشبه الجزيرة العربية، والذين لا يمكنهم أن يهددوا القوات العثمانية تهديداً مباشراً، بل يحدون من فاعلية تلك القوات وبصفة مؤقتة إلى أن تصلهم إمدادات عسكرية جديدة.
+كما أن الأمير (عبد العزيز آل سعود) أمير نجد وما حولها، لم يكن له ارتباط مباشر بالقوات العثمانية المرابطة في شبه الجزيرة العربية، لتطرف إقليمه البعيد في أعماق الصحراء.
+ب- مكانة (الشريف الحسين) الدينية الفريدة في العالم الإسلامي باعتباره القيّم على الأماكن المقدسة في الحجاز، ولا يستطيع أحد من المسلمين في نظر الحلفاء، أن يرفض توجيهاته التي يمكن أن يطالب بها المسلمون والعرب بالثورة على الحكم العثماني في المنطقة العربية.
+ج- رغبة (الشريف الحسين) في الزعامة وعلى نطاق واسع، بأنه يحلم أن يكون ملك العرب وفق ما نصت عليه المراسلات بعد ذلك.
+د- كراهية العرب لنظام الحكم العثماني طويل الأجل في بلادهم، والذي ساهم في تخلف البلاد العربية، ومارس أقوى أنواع الاستبداد ضد الأهالي وعلى نطاق واسع خاصة في مجال فرض الضرائب.
+
+كل هذه الميزات التي كان يتمتع بها (الشريف الحسين) شعرت بها بريطانيا، وعملت على الاستفادة منها، وحاولت أن تجمع عنه المعلومات اللازمة، وتجري على شخصيته دراسة نفسية واسعة لإمكانية توظيفه في قيادة فكرة قيام العرب بالثورة ضد العثمانيين، والتخلص منهم بأي حال من الأحوال.
+وعليه فقد توافقت الأهواء والأهداف، إلى حد ما بين (الشريف الحسين) وبين بريطانيا مندوب الحلفاء في الحرب العالمية الأولى ولذلك قررت بريطانيا توسيع قاعدة الاتصال بـ(الشريف الحسين) وتطويرها من لقاء محدود، إلى رسائل وكتب موثقة، وفق أهداف واضحة والتزامات من الطرفين.
+وكان أول اتصال بـ (الشريف الحسين بن علي) عندما قابل ابنه الأمير(عبد الله) (اللورد كتشنر) المعتمد البريطاني في مصر، واطلع الأمير عبد الله كتشنر على مدى التوتر الذي كان قائماً بين والده والعثمانيين. ثم توالت الاتصالات بين (ستورز) السكرتير الشرقي للمعتمد البريطاني في القاهرة، وبين
+
+99
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة علاقة الشريف الحسين ببريطانيا خلال الحرب العالمية الأولى، وكيف رأت فيه بريطانيا زعيماً مناسباً لمواجهة الدولة العثمانية.  
+توضح أسباب اختياره، مثل مكانته الدينية في مكة، وقربه من القوات العثمانية، وطموحه السياسي، وكراهية العرب للحكم العثماني.  
+كما تشرح بداية الاتصالات بين الطرفين، خاصة عبر الأمير عبد الله واللورد كتشنر، تمهيداً للتعاون ضد العثمانيين.  
+الصفحة نصية بالكامل تقريباً، وتضم عنواناً رئيسياً في الأعلى مع إطار زخرفي ورقم الصفحة 99 في الأسفل.
+
+
+================================================================================
+PAGE 100 - page_0100.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+الأمير (عبد الله بن الشريف الحسين)، وقد صارح الأمير (عبد الله استورز) بما كان يجول في خاطر والده، وإلى أي مدى كانت الحالة ظاهرة في الحجاز، ومدى الاستعدادات التي يمكن القيام بها، وما يمكن أن تقدمه بريطانيا بهذا الشأن من أجل الثورة على الدولة العثمانية.
+
+وقد أخذ البريطانيون يمنون (الشريف الحسين) بمستقبل زاهر من خلال الاتصالات التي كانت تتم، وكان من بينها منصب ملك العرب، ومما ساعد على ذلك الخلافات التي كانت بين (الشريف الحسين) والدولة العثمانية، وأن العلاقات بينهما كانت سيئة للغاية، وذلك بسبب تدخل الوالي العثماني (وهيب باشا) في شؤون إمارة مكة مباشرة.
+
+وقد شعر (الشريف الحسين) بخطورة الموقف، فيما إذا أراد مواجهة الدولة العثمانية بمفرده، ولذلك رأى أنه لا بد من وجود مساعدة دولة كبرى تسانده ويعتمد عليها، واعتقد أن بريطانيا يمكن أن تشد أزره ويعتمد عليها في الانفصال عن الدولة العثمانية. وقبل أن يحسم أمره في الانضمام إلى بريطانيا وحلفائها فكر في الاتصال بقيادة الحركة الوطنية في بلاد الشام، واختار ابنه الأمير (فيصل) لذلك، حيث كلفه بالذهاب إلى اسطنبول لأنه كان في نفس الوقت عضواً في مجلس المبعوثان العثماني، وفي طريقه إلى اسطنبول توقف في دمشق، واتصل بقيادة الحركات الوطنية في بلاد الشام التي كان من بينها:
+
+أ - الجمعية العربية (الفتاة).  
+ب - جمعية العهد.
+
+واصل الأمير (فيصل) رحلته إلى اسطنبول، وكانت المهمة التي كلف بها هناك هي: عرض مشكلة نزاع والده مع (وهيب باشا) حول تدخله المباشر في شؤون إمارة مكة على السلطان العثماني في محاولة لإيجاد صيغة تفاهم بين الطرفين، ثم الرجوع إلى دمشق لوضع خطط يتضمن شروط المفاوضات وهي التي عرفت ببروتوكول دمشق، والذي نص على تعيين الحدود التي يجب أن تعترف بها بريطانيا، وفي الحصول على تأكيد بريطاني بالاعتراف باستقلال البلاد العربية عن الدولة العثمانية.
+
+وزيادة في تأكيد مبدأ تعاون القوى الوطنية العربية بالشام والعراق مع (الشريف الحسين)، تقول مصادر أخرى، أن هذا البروتوكول قد أرسل بطريقة رسمية إلى مكة ليطلع (الشريف الحسين) عليه، وقد حمله (السيد/ فوزي البكري) موفد من جمعية العربية الفتاة، الذي وصل إلى مكة خلال الأسبوع الأخير من شهر يناير 1915م، حاملاً معه رسالة شفهية من دمشق، فحواها أن الزعماء الوطنيين في كل من الشام والعراق يميلون إلى الثورة ضد الدولة العثمانية من أجل الحصول على الاستقلال، وهي نفس القرارات التي عاد بها (فيصل) إلى والده بعد مقابلاته لزعماء الحركة الوطنية بالشام والعراق في دمشق، والتي تؤكد على اتفاق الشام والعراق على مساندة (الشريف الحسين) في ذلك، ومن هنا بدأ ما يعرف تاريخياً بمراسلات (الشريف الحسين – مكماهون).
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+100
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة بدايات الاتصال بين الشريف الحسين وبريطانيا تمهيداً للثورة على الدولة العثمانية، مع توضيح أسباب توتر علاقته بالدولة العثمانية بسبب تدخل وهيب باشا في شؤون مكة.  
+كما تشرح دور الأمير فيصل في الاتصال بالحركة الوطنية في بلاد الشام، وذكر جمعيتي العربية الفتاة والعهد، ثم مهمته في اسطنبول ودمشق.  
+وتعرض الصفحة بروتوكول دمشق ومطالبه بالاعتراف البريطاني باستقلال البلاد العربية، وتمهيد ذلك لمراسلات الشريف الحسين – مكماهون.  
+بصرياً: الصفحة نصية بالكامل داخل إطار زخرفي بني، يتصدرها عنوان الكتاب أعلى الصفحة ورقم الصفحة 100 أسفل اليمين.
+
+
+================================================================================
+PAGE 101 - page_0101.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+مراسلات الحسين مكماهون :
+
+عرفت مراسلات (الشريف الحسين - مكماهون) بذلك نسبة إلى الكتب والرسائل المتبادلة بين الطرفين، وهما (الشريف الحسين) أمير منطقة مكة، و(السير هنري مكماهون) المندوب السامي البريطاني في مصر والسودان. وتتكون المراسلات من عشر رسائل، خمس رسائل من الشريف الحسين أصالة عن نفسه ومندوب عن زعماء الحركة الوطنية بالشام والعراق، وخمس ردود عليها من هنري مكماهون، مندوب عن الموقف الرسمي للحكومة البريطانية.
+
+ولقد كان مختصر جميع الرسائل تقريباً هو كيفية إعلان الثورة على الحكم العثماني في شبه الجزيرة العربية، وطرد القوات العثمانية منها، ودفعها في اتجاه بلاد الشام، والمشاركة في تتبع هذه القوات داخل بلاد الشام مع قوات الحلفاء، حتى إرغامها على دخول الأراضي التركية، مقابل أن تتعهد بريطانيا بضمان استقلال بلاد العرب في الشام والعراق وشبه الجزيرة العربية تحت حكم وطني واحد بزعامة (الشريف الحسين) والمناداة به ملكاً على العرب.
+
+وقد تم تبادل تلك الرسائل بين الطرفين خلال الفترة من 14 من شهر يوليو 1915م (تاريخ أول رسالة) إلى 10 من شهر مارس 1916م (تاريخ آخر رسالة).
+
+وأسهمت هذه المراسلات السرية التي دارت بين (الشريف الحسين) و(هنري مكماهون) في تقريب وجهات النظر بينهما، ونتيجة لموقف جماعة الاتحاد والترقي المتزمت في تركيا، فقد أعلن العرب الثورة أملاً منهم في نيل الاستقلال الذي وعدهم به الحلفاء نظير اشتراكهم في الحرب ضد العثمانيين؛ ذلك لم يحدث كما تم الاتفاق عليه في المراسلات التي طرحت وستتضح نتائجها فيما بعد.
+
+ثورة العرب على الحكم العثماني :
+
+تحددت بنود الاتفاق بين (الشريف الحسين) والبريطانيين بما تم الاتفاق عليه وبدأ تنفيذ ذلك، حيث قامت ثورة فعلية من مكة المكرمة، فقد أطلق (الشريف الحسين) شرارتها بأول رصاصة من بيته بتاريخ 10 من شهر يونيو 1916م، معلناً بداية الثورة على العثمانيين، وقامت الجيوش العربية باحتلال مواقع الجيش العثماني في الحجاز، ثم أصدر (الشريف الحسين) منشوراً بمناسبة بداية الثورة جاء فيه: (إن جماعة الاتحاد والترقي في تركيا قد خرجوا عن العهد الأخوي بين الشعبين العربي والتركي رغم المعونة الصادقة التي بذلها العرب في ظل الخلافة العثمانية، وخرجوا على الشرعية، فبدلوا الأحكام، وشقوا أحرار العرب جماعات وأفراداً، وشردوا أسرهم، ونفوها من أرضها، وصادروا الأموال، ولقد نصحنا فلم ينفع النصح، وقد وفقنا الله لأخذ الاستقلال، فضربنا على أيدي الاتحاديين وانفصلت بلادنا عن المملكة العثمانية انفصالاً تاماً، وأعلنا استقلالاً لا تشوبه شائبة، ولا مداخلة أجنبية، ولا
+
+101
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة مراسلات الشريف الحسين مع هنري مكماهون، وتوضح أنها كانت عشر رسائل بين 1915 و1916 حول اتفاق العرب مع بريطانيا لإعلان الثورة على العثمانيين مقابل وعد بالاستقلال.  
+كما تشرح مضمون هذه المراسلات ونتيجتها في تمهيد الطريق لقيام الثورة العربية ضد الحكم العثماني.  
+ثم تعرض بداية الثورة العربية سنة 1916 من مكة المكرمة بقيادة الشريف الحسين، مع ذكر نص من منشوره الذي أعلن فيه أسباب الثورة والانفصال عن الدولة العثمانية.  
+الصفحة نصية بالكامل تقريباً، ولا تحتوي على صور أو مخططات، وإنما تضم عناوين رئيسية وتنسيقاً إطارياً للصفحة مع رقم الصفحة في الأسفل.
+
+
+================================================================================
+PAGE 102 - page_0102.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+تحكم خارجي، جاعلين الغاية نصر دين الإسلام، وإعلان شأن المسلمين في كل أعمالنا على أساس أحكام الشرع الشريف، ولن يكون لنا مرجع سواه في جميع الأحكام وأصول القضاء).
+
+أثر هذا البيان الذي وزعه (الشريف الحسين) كثيراً في نفوس العرب والمسلمين، وازدادت شعبية (الشريف الحسين) كثيراً، وكانت الجيوش العربية بقيادة (فيصل بن الحسين بن علي) قد تحركت إلى جدة، التي سقطت في أيدي قوات (فيصل) ومعها بقية مدن الحجاز عدا المدينة المنورة، التي حوصرت فيها القوات العثمانية إلى ما بعد انتهاء الحرب، وقد توجهت قوات أخرى بقيادة (عبد الله بن الحسين) إلى مدينة الطائف فسيطرت عليها، ثم سيطرت هذه القوات على رابغ وينبع، وسيطرت على قنفذه وهي ميناء على البحر الأحمر، وذلك بمساعدة الأسطول البريطاني.
+
+كانت حصيلة الخسائر العثمانية كبيرة جداً، فقد أسرت قوات الثورة العربية أكثر من (6000) مقاتل من الجيش العثماني، وغنمت الكثير من الأسلحة، بالإضافة إلى محاصرة وشل حركة حوالي (14000) جندي عثماني في المدينة المنورة، وحوالي (5000) جندي عثماني آخر في حامية تبوك.
+
+وتمت البيعة لـ(الشريف الحسين) ملكاً على العرب، فقد بايعه شيوخ العرب ورؤساؤهم في اجتماع عقدوه بينهم في الكويت، وأبلغ ابنه الأمير (عبد الله) (الذي كان مسؤولاً عن الشؤون الخارجية لوالده) ذلك إلى قوات الحلفاء والدول المحايدة، وطلب إليهم الاعتراف بوالده ملكاً على العرب.
+
+كان اعتراف العرب بـ(الحسين) ملكاً عليهم قد أحدث نوعاً من الاحتجاج من قبل فرنسا وبريطانيا، إذ اعتبرتا هذا العمل متسرعاً، وجاء في غير وقته المناسب، غير أن هاتين الدولتين وجدتا أن أنسب طريقة لمعالجة هذا الموضوع، هو إطلاق لقب ملك الحجاز عليه بدلاً من لقب ملك العرب، مع التأكيد على حصر نفوذه هناك، وقد جاء هذا التصرف في الوقت الذي مازالت فيه الحرب مستمرة، وأنهما في حاجة ماسة لخدمات (الشريف الحسين) بعد، وقد أبلغتاه بذلك رسمياً يوم 23 يناير 1917م، في مذكرتين متتاليتين.
+
+رد الفعل حول حركة الشريف الحسين في المنطقة العربية:
+اختلف الموقف العربي في البداية حول الثورة:
+
+أ- في العراق:
+كان الجانب الواقع تحت حكم العثمانيين، وهو القسم الشمالي من العراق، يرفض تأييد الثورة العربية ضد العثمانيين؛ نظراً لارتباط المسلمين في هذا الجزء بالحكم العثماني، وأنهم يشعرون بعاطفة الولاء نحو الدولة العثمانية، وكانوا في الوقت نفسه يشكون في موقف حكومة الهند الإنجليزية ووضوح
+
+102
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة تطورات الثورة العربية بقيادة الشريف الحسين، وتأثير بيانه في العرب والمسلمين، ثم تحركات قوات أبنائه فيصل وعبد الله للسيطرة على مدن الحجاز بمساعدة الأسطول البريطاني.  
+كما تعرض حجم الخسائر العثمانية، ومبايعة الشريف الحسين ملكاً على العرب، ثم موقف بريطانيا وفرنسا الرافض لهذا اللقب واستبداله بلقب ملك الحجاز سنة 1917م.  
+وفي نهاية الصفحة يبدأ عنوان جديد عن ردود الفعل العربية تجاه حركة الشريف الحسين، مع بداية الحديث عن موقف العراق.  
+الصفحة ذات طابع نصي تعليمي فقط، ولا تحتوي على صور أو رسوم أو مخططات، وإنما إطار زخرفي ورقم الصفحة في الأسفل.
+
+
+================================================================================
+PAGE 103 - page_0103.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+أطماعها في العراق، حيث كانت تعتبره ميداناً خصباً ليكون مستعمرة بريطانية في المستقبل.
+أما الجزء الآخر من أهل العراق فكان مؤيداً للثورة، نظراً لنشاط النفوذ البريطاني به، الذي له أعوانه وأتباعه في المنطقة، إلى جانب تأثير القوى المؤثرة به، وهي القوى التي لها اتصالات بـ(الشريف الحسين) قبل بدء المراسلات ووفق مقررات بروتوكول دمشق.
+
+ب- في شبه الجزيرة العربية:
+أما موقف العرب في شبه الجزيرة العربية فقد تأثر الجميع بما حدث، ولكن مواقفهم قد انقسمت بين مؤيد ومعارض لحركة (الشريف الحسين). فقد عجزت بريطانيا عن استمالة الأمراء العرب الآخرين إلى جانبها مثل: (ابن الرشيد) أمير حائل وإمام اليمن، والذين ارتبطا بالأتراك ووضعا أيديهما في أيدي القوات العثمانية وانضما إليها، غير أنهما حرما من تأييد زعماء القبائل الواقعة في نطاقها، والذين أصبحوا خطراً على القوات العثمانية وإمداداتها.
+أما بقية الحكام والأمراء العرب في شبه الجزيرة العربية فقد أيدوا الثورة، ورحبوا بها وذلك في الاجتماع الذي عقد بالكويت في نوفمبر 1916م، وحضره أكثر من (150) رجلاً، أغلبهم من الشيوخ ذوي النفوذ بمناطقهم، وكان على رأس من حضروا الأمير (ابن سعود)، وأمير الكويت وشيخ منطقة المحمرة بالمنطقة العربية شرق الخليج العربي، وتكلم في الاجتماع (ابن سعود) داعياً إلى الانضمام إلى الثورة.
+
+ج- في مصر والسودان:
+أما في مصر والسودان فإن صدى الثورة لم يؤثر في البداية، حيث كانت القوات البريطانية تخوض حرباً في غرب مصر وضد ثورة (علي دينار) في السودان، فكيف يؤيد الناس حركة بريطانيا طرفاً فيها؟
+وقد انقسم الرأي العام في مصر ما بين معارض ومؤيد.
+فالدوائر التي كانت تؤيد الدولة العثمانية في الحرب بمصر فقد استقبلت النبأ باستياء كامل وشديد، وحاولت أن تشوه (الشريف الحسين) وتصفه بالخروج على الإجماع بزعامة الدولة العثمانية، واعتقدوا أن هذه الثورة هي نكسة كبيرة حلت بالدولة العثمانية، وأنها ربما تكون قاتلة.
+وما هو جدير للملاحظة هنا، أن المؤيدين للثورة قد اشترك العديد منهم اشتراكاً مباشراً، حيث التحق أكثر من (300) ضابط وجندي مصري على سبيل التطوع، وكان على رأس هؤلاء الفريق (عزيز علي المصري)، الذي أشرف بخبرته العسكرية على تدريب قوات (الشريف الحسين)، واشترك في المعارك التي خاضتها، وكان عن وضع وجهز ميدان العمليات لتلك المعارك.
+
+103
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة مواقف العرب من الثورة العربية في العراق وشبه الجزيرة العربية ومصر والسودان، مع بيان انقسام الناس بين مؤيد ومعارض.  
+توضح أن بعض أمراء الجزيرة مثل ابن الرشيد وإمام اليمن وقفوا مع العثمانيين، بينما أيد آخرون الثورة، ومنهم من حضر اجتماع الكويت سنة 1916م مثل ابن سعود وأمير الكويت.  
+كما تشرح موقف مصر والسودان، حيث انقسم الرأي العام، وشارك بعض المصريين فعلياً في دعم الثورة، ومنهم عزيز علي المصري.  
+الصفحة نصية بالكامل تقريباً، ولا تحتوي على صور أو مخططات، وإنما إطار زخرفي ورقم الصفحة في الأسفل.
+
+
+================================================================================
+PAGE 104 - page_0104.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+د - في شمال إفريقيا :
+
+اختلف الأمر عند العرب بشمال إفريقيا، حيث رفضوا حركة (الشريف الحسين)، هذا وكانوا ينظرون إلى الدولة العثمانية بأنها دولة منقذة لهم من الاستعمار، وأن الارتباط بها أفضل من الارتباط بقوة مسيحية استعمارية، بخلاف عرب الشرق الذين اعتبروا الثورة ضد الدولة العثمانية يمكن أن تخلصهم من العثمانيين الذين كانوا قد استبدوا بالحكم في آخر أيامهم.
+
+دور القوات الحسينية في الحرب لصالح الحلفاء :
+
+لعبت قوات (الشريف الحسين) دوراً فعالاً في خدمة قوات الحلفاء، وذلك بتمكنها من السيطرة الكاملة على الحجاز، وشل حركة القوات العثمانية به، ومحاصرتها للحاميات العسكرية العثمانية، وزحفها على بلاد الشام، وقد قام (الشريف الحسين) بجهد خارق من أجل إقناع أتباعه وبعض أمراء شبه الجزيرة العربية بالانخراط في الحركة العربية التي قادها هو وأولاده ضد الدولة العثمانية، والاندفاع نحو الشام بعد أن سيطر على جزء كبير من شبه الجزيرة العربية، ولعل أفضل من عبر عن دور (الشريف الحسين) وقواته، ما اعترف به الحلفاء أنفسهم. حيث أكد على ذلك (الجنرال اللنبي) قائد القوات البريطانية التي دخلت فلسطين قادمة من مصر، في تقريره الذي أرسله إلى وزارة الخارجية البريطانية، والذي جاء فيه: (لقد ساعد الجيش العربي - يعني قوات الشريف الحسين - الحلفاء مساعدة كبيرة في الحصول على نتائج فاصلة في الحرب). كما أكد على نفس المعنى أيضاً الكاتب الصحفي (هوجارت) رجل المخابرات البريطانية بالمكتب العربي البريطاني بالقاهرة في إحدى تقاريره الصحفية يقول: (لو لم تؤد الثورة العربية شيئاً سوى تعطيلها للزحف المشترك الذي قام به الترك والألمان نحو جنوب بلاد الفرات عام 1916م، لكان لها في أعناقنا من الجميل ما لا يفي به كل ما قدمناه حتى اليوم).
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+104
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن موقف عرب شمال إفريقيا من حركة الشريف الحسين، إذ رفضوها لأنهم رأوا أن الدولة العثمانية أقرب إليهم وأفضل من الخضوع للاستعمار الأوروبي المسيحي.  
+كما تشرح دور قوات الشريف الحسين في خدمة الحلفاء خلال الحرب، من خلال السيطرة على الحجاز، ومحاصرة القوات العثمانية، والتقدم نحو بلاد الشام.  
+وتورد الصفحة شهادات بريطانية، مثل اللنبي وهوجارت، تؤكد أن القوات الحسينية ساعدت الحلفاء في تحقيق نتائج مهمة في الحرب.  
+الصفحة عبارة عن نص تاريخي فقط داخل إطار زخرفي، مع عنوان فرعي أعلى الصفحة ورقم الصفحة 104 أسفل اليمين.
+
+
+================================================================================
+PAGE 105 - page_0105.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+اتفاقية (سايكس بيكو السرية عام 1916م)
+
+اتفاقية (سايكس بيكو السرية عام 1916م) :
+
+تعهدت بريطانيا للعرب وفق (ما تقرر في مراسلات الحسين - مكماهون) على منحهم الحرية والاستقلال، مقابل معاونتهم لها وللحلفاء ضد الدولة العثمانية. لكن بريطانيا بما اتصفت به من خداع، أخذت تعقد الاجتماعات السرية مع حليفتها الكبرى فرنسا لأجل اقتسام ممتلكات الدولة العثمانية، ومنها البلاد العربية نفسها عقب انتهاء الحرب العالمية الأولى. فاجتمع المندوب الفرنسي (جورج بيكو) والمندوب البريطاني (مارك سايكس) بصفة سرية منتصف شهر مارس 1915م، في مدينة لندن في مباحثات أولية، ثم انضم إليهما القنصل الروسي بمصر، وتم نقل الاجتماعات إلى القاهرة مع بقائها على الكتمان ثم توجهوا جميعاً إلى مدينة (بطرس برج) الروسية لبحث مقترحات الحكومة الروسية. وفي روسيا استمرت المفاوضات من شهر مارس 1916م حتى شهر مايو 1916م.
+
+تقسيم سوريا والعراق حسب اتفاقية (سايكس-بيكو) سنة 1916م:
+
+وقد تم الاتفاق على إعداد مشروع لمذكرات ثلاث تبادلتها الحكومات الثلاث، وحددت هذه المذكرات المناطق العثمانية التي تعدها كل دولة منطقة نفوذ خاصة بها، وترغب في أن تعترف بها حليفتها.
+وقد تضمنت هذه المذكرات ما يلي :
+
+1- سيطرة بريطانيا على جميع البلاد الواقعة بين الخليج العربي والمنطقة الفرنسية، وتضم جنوب العراق إلى شمال بغداد وشرقي الأردن، وكذلك مينائي حيفا وعكا بفلسطين، مع جزء صغير من ساحليهما (وفق المنطقة أ على الخريطة)، على أن تقسم هذه المنطقة إلى قسمين:
+أ- منطقة نفوذ وحكم بريطاني مباشر تشمل جنوب العراق حتى مدينة بغداد وتقيم فيه بريطانيا إدارة خاصة.
+ب- باقي المنطقة المشار إليها في رقم (ب)، فتقوم فيها إدارة عربية تحت النفوذ البريطاني.
+
+2- سيطرت فرنسا على بلاد الشام (سوريا ولبنان)، مع جزء كبير من جنوب الأناضول ومنطقة الموصل العراقية، على أن تقسم هذه المنطقة إلى قسمين:
+
+105
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة اتفاقية سايكس بيكو السرية سنة 1916م، وكيف خالفت بريطانيا وعودها للعرب في مراسلات الحسين-مكماهون عبر التفاهم السري مع فرنسا وروسيا لتقسيم ممتلكات الدولة العثمانية.  
+كما تشرح مراحل المفاوضات بين سايكس وبيكو ومشاركة روسيا فيها، ثم تعرض بداية بنود تقسيم سوريا والعراق إلى مناطق نفوذ بريطانية وفرنسية.  
+الصفحة ذات طابع تعليمي من كتاب مدرسي، وتحتوي على عنوان رئيسي مزخرف وإطار للصفحة دون وجود صور أو خرائط ظاهرة في هذه الصفحة، مع الإشارة إلى خريطة مذكورة في النص فقط.
+
+
+================================================================================
+PAGE 106 - page_0106.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+سايكس بيكو
+
+منطقة خاصة لفرنسا  
+منطقة خاصة لبريطانيا  
+منطقة نفوذ فرنسي  
+منطقة نفوذ بريطاني  
+منطقة تخضع للإدارة الدولية
+
+البحر الأسود  
+البحر المتوسط  
+بحيرة وان  
+بحيرة أرومية  
+الخليج العربي  
+البحر الأحمر
+
+مالطة  
+طرابزون  
+القاهرة  
+غزنة  
+سبها  
+مرزق  
+أوجلة  
+بنغازي  
+درنة  
+طبرق  
+سيوة  
+الفيوم  
+الإسكندرية  
+دمنهور  
+طنطا  
+المنصورة  
+الزقازيق  
+القاهرة  
+السويس  
+بورسعيد  
+الإسماعيلية  
+العريش  
+يافا  
+القدس  
+غزة  
+عمان  
+العقبة  
+معان  
+حلب  
+حمص  
+حماة  
+دمشق  
+بيروت  
+طرابلس  
+صيدا  
+عكا  
+حيفا  
+نابلس  
+بغداد  
+البصرة  
+الناصرية  
+العمارة  
+الكوت  
+الموصل  
+كركوك  
+السليمانية  
+ديار بكر  
+ماردين  
+أورفة  
+وان  
+راوندوز  
+همدان  
+كرمنشاه  
+تبريز  
+أنقرة  
+قونية  
+الإسكندرونة  
+أضنة  
+مرسين  
+طرابلس  
+بيروت  
+المدينة  
+مكة  
+جدة  
+الطائف  
+ينبع  
+العقبة  
+الجزيرة العربية  
+الحجاز
+
+التقسيمات وفق معاهدة (سايكس-بيكو)
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+106
+
+------------PAGE TALK ABOUT------------
+توضح الصفحة خريطة للوطن العربي والمشرق العربي بعنوان: **التقسيمات وفق معاهدة سايكس-بيكو**.  
+تبيّن الخريطة مناطق النفوذ والسيطرة بعد الاتفاق، مثل: منطقة خاصة لفرنسا، ومنطقة خاصة لبريطانيا، ومناطق نفوذ فرنسي وبريطاني، ومنطقة خاضعة للإدارة الدولية.  
+تظهر على الخريطة مدن وبلدان مهمة في مصر وبلاد الشام والعراق والجزيرة العربية، مع البحار والمسطحات المائية المحيطة.  
+الهدف من الصفحة هو شرح كيفية تقسيم المشرق العربي سياسيًا بين القوى الاستعمارية بعد الحرب العالمية الأولى.
+
+
+================================================================================
+PAGE 107 - page_0107.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+أ- منطقة نفوذ وحكم فرنسي مباشر القسم الغربي والموازي لساحل الشام.
+
+ب- باقي المنطقة المشار إليها في رقم (1)، فتقوم فيها إدارة عربية تعترف بها فرنسا وتؤيدها، على أن تكون تحت نفوذ فرنسا، وتتمتع فيها فرنسا بالأفضلية في المسائل الاقتصادية، وتزود الحكومة العربية بما تحتاج إليه من الموظفين والمستشارين.
+
+3- إقامة إدارة دولية خاصة في معظم فلسطين؛ بسبب وجود الأماكن المقدسة فيها، حتى لا تضار مصالح الطوائف المختلفة والدول الكبرى.
+
+4- حصول روسيا على مدينة القسطنطينية (إستانبول الحالية) والأراضي الواقعة حول مضيق البسفور، وجزء كبير من شرق الأناضول المجاور للحدود الروسية.
+
+وهكذا كان اتفاق (سايكس - بيكو) سرياً ومناقضاً تماماً لاتفاق (الحسين - مكماهون) ونكثاً لعهود بريطانية للعرب، إذ مزق ذلك الاتفاق شمل الوحدة العربية، وحرم بلاد الشام والعراق من كل استقلال، كما وضع فلسطين تحت الوصايا الدولية.
+
+لم يعلم (الشريف الحسين) وزعماء العرب، بأمر هذا الاتفاق إلا في شهر ديسمبر عام 1917م، أي بعد أن قامت الثورة البلشفية في روسيا وأسقطت حكم القياصرة، وأذاعت الحكومة الروسية الجديدة الوثائق السرية المحفوظة في وزارة الخارجية التي تخص عهد القياصرة ومنها اتفاق (سايكس - بيكو).
+
+بادرت الدولة العثمانية إلى استغلال هذه الفرصة فأرسلت نص الاتفاق إلى (الشريف الحسين) لكي يطلع بنفسه على خداع بريطانيا له، وعرضت عليه العودة إلى التبعية العثمانية الاسمية بعد انكشاف الغدر الفرنسي والبريطاني، كما طلبت إليه الدخول في مفاوضات معها على أساس إعطاء العرب أكبر قسم من الحكم الذاتي في الأجزاء العربية من الدولة العثمانية. وقد اضطرب (الشريف الحسين) اضطراباً شديداً لهذا النبأ، وطلب تفسيراً من المندوب السامي البريطاني في مصر. وعمدت بريطانيا إلى التضليل كعادتها، وادعت أن الوثيقة ليست اتفاقاً نهائياً، وأنها لا تزال عند وعودها السابقة للعرب، وأقنعت (الشريف الحسين) بأن الإجراء من جانب الدولة العثمانية إنما هو دسيسة من دسائسها لغرض الإيقاع بين الأصدقاء، واقتنع (الشريف الحسين) نفسه بشرف بريطانيا، واستمر على تأييده لبريطانيا وحلفائها ضد الدولة العثمانية، في الوقت الذي وضحت فيه أطماع الدول الاستعمارية في البلاد العربية، ولا سيما وقد أوشكت الحرب على نهايتها، وأخذت بوادر النصر تلوح في جانب الحلفاء، وأن الحاجة إلى التأييد العربي في الحرب قد صار عديم الفائدة بعد أن صارت نتائجها واضحة.
+
+107
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة بنوداً من اتفاق سايكس-بيكو، مثل تقسيم بلاد الشام، ووضع فلسطين تحت إدارة دولية، ومنح روسيا القسطنطينية ومناطق مجاورة.  
+كما تشرح أن الاتفاق كان سرياً ومخالفاً لوعود بريطانيا للعرب في مراسلات الحسين-مكماهون.  
+وتعرض كيف كُشف الاتفاق بعد الثورة البلشفية سنة 1917م، ثم موقف الشريف الحسين ومحاولة بريطانيا طمأنته وخداعه.  
+الصفحة نصية بالكامل تقريباً، ولا تحتوي على صور أو رسوم، فقط إطار زخرفي ورقم الصفحة في الأسفل.
+
+
+================================================================================
+PAGE 108 - page_0108.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+وعد بلفور 1917م:
+أ- تعريف وعد بلفور:
+هو عهد سياسي أصدرته الحكومة البريطانية في 2 من شهر نوفمبر 1917م، أثناء الحرب العالمية الأولى، تتمنى فيه العصابات الصهيونية بإنشاء وتكوين وطن قومي لليهود في فلسطين، يجمع شتاتهم الموزع في أميركا وأوروبا والبلاد العربية وغيرها، تحقيقاً للأماني الصهيونية؛ نظراً لما تتمتع به تلك العصابات من ثقل سياسي واقتصادي ومالي في أوروبا، وهو الثقل القادر على ترجيح كفة الحرب إذا ما مال نحو إحداها. وجاء هذا الوعد لضرورة تفرضها المصالح البريطانية واستعدادها للتحالف مع كل من يضمن لها الانتصار في المعارك وكسب الحرب وقد صدر هذا العهد بواسطة تصريح رسمي صادر عن وزير خارجية بريطانيا آنذاك المدعو (بلفور)، الذي ارتبط اسمه بهذا الوعد منذ ذلك الوقت، وقد عبر هذا الوزير عن وجهة نظر ورأي حكومته، ولم يكن تصريحاً شخصياً، ويمكن تقييم الوعد من الناحية الاستعمارية بأنه خديعة للعرب خلال الحرب العالمية الأولى، وجاء بعد أن ضمنت مساعدتهم لها بالثورة على الحكم العثماني وطرده من المشرق العربي، على أمل الفوز باستقلالهم عقب الحرب، وهو خديعة مناقضة لما تم الاتفاق عليه في مراسلات (الحسين- مكماهون)، وما تعهدت به للعرب خلالها.
+
+كما كان هذا الوعد مناقضاً لما تم الاتفاق عليه مع فرنسا في اتفاقية (سايكس - بيكو)، التي قسم المشرق العربي بمقتضاها إلى مناطق نفوذ. وخلاصة القول أن وعد بلفور هو منحة من دولة استعمارية (وهي بريطانيا)، لأرض لا تملكها (وهي فلسطين)، إلى عصابة لا تستحقها (وهي الحركة الصهيونية)، على حساب من يملك هذه الأرض (وهم الفلسطينيون العرب)، وهذه الخديعة ترتب عليها اغتصاب وطن وتشريد شعب، وإشعال أزمة.
+
+ب- الخلفية التاريخية لإصدار وعد بلفور:
+تطورت فكرة الوعد قبل إصداره على النحو الآتي:
+- أولاً: جرت محاولات صهيونية للاستيطان في فلسطين خلال عهد السلطان العثماني (عبد الحميد الثاني 1876 - 1908م)، إلا أنها فشلت بسبب رفض السلطان فتح أبواب الهجرة لهم، على اعتبار أن الدولة العثمانية هي صاحبة السيادة على فلسطين آنذاك، وهي دولة مسلمة وتقدر مخاطر هذا العمل.
+- ثانياً: في عام 1909م، وعندما قامت الثورة على السلطان (عبد الحميد الثاني) بقيادة جماعة الاتحاد والترقي التركية، رأت هذه الجماعة فتح قناة مفاوضات مع الحركة الصهيونية بغرض الاستفادة من قدراتها الاقتصادية، إلا أن موقف المندوبين العرب في مجلس البرلمان العثماني (مجلس المبعوثان) الرافض لهذه الفكرة جعلهم يصرفون النظر عنها.
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+108
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة تعريف وعد بلفور سنة 1917م وبيان أنه تصريح بريطاني يدعم إقامة وطن قومي لليهود في فلسطين أثناء الحرب العالمية الأولى.  
+كما تشرح دوافع بريطانيا السياسية والاستعمارية، وتوضح أن الوعد كان متناقضاً مع مراسلات الحسين-مكماهون واتفاقية سايكس-بيكو.  
+وتعرض الصفحة الخلفية التاريخية السابقة للوعد، مثل محاولات الاستيطان الصهيوني في عهد السلطان عبد الحميد الثاني، ثم موقف جماعة الاتحاد والترقي سنة 1909م.  
+الصفحة نصية تعليمية من كتاب تاريخ، ولا تحتوي على صور أو خرائط، فقط عناوين رئيسية وفرعية وإطار زخرفي ورقم الصفحة.
+
+
+================================================================================
+PAGE 109 - page_0109.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+ثالثاً: جرت محاولة فاشلة لإقامة موطن لليهود في كل من ليبيا (الجبل الأخضر) وأوغندا بوسط أفريقيا، إلا أن اللجان المكلفة بتقصي الحقائق وجمع المعلومات حول جغرافية هذه الأماكن، رفضت الفكرة بسبب عدم صلاحيتها نتيجة للجفاف وارتفاع درجة الرطوبة وسوء الحالة الصحية بها.
+
+رابعاً: في عام 1914م، قامت الحرب العالمية الأولى، وانضمت الدولة العثمانية إلى ألمانيا والنمسا، فرأت الحركة الصهيونية أن فرصتها قد لاحت في الأفق، وسوف تحققها من خلال بريطانيا بالانضمام إليها لأجل كسب الحرب، وقد استعانت بالشخصيات اليهودية الموجودة في الحكومة البريطانية لتحقيق هذا الهدف، وأوكلت أمر الاتصال هذا إلى الصهيوني (حاييم وايزمان)
+
+خامساً: بدأ (وايزمان) الاتصال بالحكومة البريطانية للتفاوض معها من أجل وضع الأسس لإقامة الوطن اليهودي في فلسطين، إلا أن الحكومة البريطانية أجلت البحث في هذا الموضوع خلال العامين الأولين من الحرب لأسباب وهي:
+1- تعارض ذلك مع مراسلات (الحسين - مكماهون)، التي وعدت فيها بريطانيا (الشريف) بإقامة دولة عربية مستقلة في المنطقة تكون فلسطين جزءاً منها.
+2- تعارض ذلك مع ما عقدته مع حليفتها فرنسا وروسيا، الوارد في وثيقة (سايكس - بيكو) والتي جاء فيها وضع فلسطين تحت إشراف دولي تشترك فيه فرنسا وبريطانيا وروسيا.
+3- معارضة فئة يهودية غير صهيونية في بريطانيا لفكرة إقامة الوطن القومي اليهودي.
+
+سادساً: اخترقت الحركة الصهيونية الدوائر البريطانية وأقنعتها بضرورة بدء المفاوضات، لأجل إصدار وعد بريطاني بإقامة وطن قومي لليهود.
+وقد جاء هذا التطور بفضل ما بذله هربرت صموئيل (وزير بريطاني من أصل يهودي) من جهد.
+بدأت المفاوضات في 7 من شهر فبراير 1917م، واشترط الجانب البريطاني فيها أن تكون المصالح الاستراتيجية البريطانية في فلسطين جزءاً من أي اتفاق، وأن تمارس بريطانيا حقها هذا في أي وقت تشاء.
+أما الجانب الصهيوني فقد اشترط فتح باب الهجرة اليهودية إلى فلسطين دون تحديد العدد من أجل رفع عدد اليهود بها (كان عددهم في ذلك الوقت لا يتجاوز (4%) من نسبة السكان في فلسطين) وقد تم الاتفاق بين الطرفين على مطالب صهيونية التالية:
+1- اعتراف دولي بحق اليهود في فلسطين.
+2- خلق جنسية قانونية للجالية اليهودية في فلسطين.
+3- إنشاء شركة مساهمة في فلسطين تعطي حق امتلاك الأراضي.
+4- توحيد فلسطين تحت إدارة واحدة.
+5- إعلان الأماكن المقدسة في فلسطين مناطق حرة.
+
+109
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة تطور المشروع الصهيوني قبل وعد بلفور، بدءاً من فشل محاولات توطين اليهود في ليبيا وأوغندا، ثم استغلال الحركة الصهيونية لظروف الحرب العالمية الأولى للتقرب من بريطانيا.  
+كما تشرح اتصالات حاييم وايزمان بالحكومة البريطانية، وأسباب تأجيل بريطانيا للموضوع بسبب مراسلات الحسين-مكماهون واتفاقية سايكس-بيكو ومعارضة بعض اليهود غير الصهاينة.  
+وتعرض الصفحة بداية المفاوضات سنة 1917م، والشروط البريطانية والصهيونية، ثم المطالب الصهيونية المتعلقة بالاعتراف بحق اليهود والهجرة وامتلاك الأراضي وإدارة فلسطين.  
+بصرياً: الصفحة نصية تعليمية فقط، بإطار زخرفي بني، ورقم الصفحة 109 أسفل الصفحة، ولا توجد صور أو خرائط أو رسوم بيانية.
+
+
+================================================================================
+PAGE 110 - page_0110.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+- سابعاً: قررت الحكومة البريطانية عرض هذا الموضوع على حلفائها في أوربا، وعلى رأسهم فرنسا، وكلفت بذلك (سكولوف) الصهيوني البريطاني، والذي اجتمع بمندوب فرنسا (جورج بيكو)، الذي أبدى عطفه على الحركة الصهيونية، ولكنه لم يلتزم بشيء، بل وعد ببذل أقصى جهد لإبلاغ حكومته بأهداف الحركة الصهيونية.
+
+- ثامناً: قررت الحكومة البريطانية تكليف الحركة الصهيونية بتقديم هذا المشروع عن الأماني الصهيونية حول الوطن القومي، فتألفت لجنة صهيونية لوضع صورة تصريح يمثل وجهة نظر الحركة الصهيونية لتتبناه الحكومة البريطانية، والذي أصبح جاهزاً، حيث اتفق الصهاينة مع أمريكا وبريطانيا على مشروع نص على اعتبار فلسطين بأكملها وطناً قومياً يهودياً مع إطلاق الهجرة وامتلاك الأراضي.
+
+ورغم معارضة بعض اليهود غير الصهاينة لهذا المشروع، إلا أنه صدر في 2 نوفمبر 1917م. على شكل خطاب موجه من (بلفور) وزير الخارجية البريطاني إلى (روتشيلد) يحمل التصريح الآتي:
+ج- نص الوعد:
+عزيزي اللورد روتشيلد:
+يسرني كثيراً، أن أنهي إليكم نيابة عن حكومة جلالته التصريح الآتي، الذي يعلن العطف على المطامع اليهودية، وقد عرض هذا التصريح على الحكومة البريطانية ووافقت عليه.
+(إن حكومة جلالته تنظر بعين العطف إلى تأسيس وطن قومي للشعب اليهودي في فلسطين، وستبذل قصارى جهدها لتسهيل تحقيق هذه الغاية، على أن يفهم جلياً أنه لن يؤتى بعمل من شأنه أن يغير الحقوق المدنية والدينية التي تتمتع بها الطوائف غير اليهودية المقيمة الآن في فلسطين، ولا الحقوق أو الوضع السياسي الذي يتمتع به اليهود في البلدان الأخرى. وأكون ممتناً لكم لو أبلغتم التصريح إلى الاتحاد الصهيوني).
+
+د- دوافع إصدار الوعد:
+يمكن إرجاع الدوافع التي جعلت بريطانيا تتسرع في إصدار وعد بلفور في شكل التصريح المشار إليه سالفاً فيما يلي:
+1- رغبة بريطانيا في استمالة العناصر الصهيونية في سائر أنحاء العالم، وتعبئة شعور اليهودي إلى جانب الحلفاء، وخاصة لكسب عطف يهود أمريكا.
+2- رغبة بريطانيا في دعم يهود روسيا لها، بما لديهم من ثقل حيث أنهم شاركوا في قلب النظام القيصري.
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+110
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة المراحل التي سبقت صدور وعد بلفور، بدءاً من اتصالات بريطانيا مع حلفائها والحركة الصهيونية، ثم عرض نص الوعد نفسه الموجّه من بلفور إلى روتشيلد سنة 1917م. كما تشرح دوافع بريطانيا لإصدار الوعد، مثل كسب دعم الصهاينة ويهود أمريكا وروسيا.  
+الصفحة نصية بالكامل تقريباً، ولا تحتوي على صور أو رسوم توضيحية، سوى إطار زخرفي للصفحة ورقم الصفحة في الأسفل.
+
+
+================================================================================
+PAGE 111 - page_0111.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+3- رغبة بريطانيا في صداقة يهود النمسا وألمانيا، والحصول على دعمهم لما يمثله ذلك من سلاح ذو حدين، فهم عيون لها على النمسا وألمانيا، وقطع معاوناتهم لهذه الدول يمثل نصرًا لبريطانيا بطريقة غير مباشرة.
+
+4- جعل فلسطين المجاورة لقناة السويس منطقة نفوذ بريطاني تحمي مواصلاتها إلى الهند، وتثبيت مركزها في مصر، وتكون سدًا منيعًا بين موقعها في مصر وموقع فرنسا المقبل في سوريا.
+
+5- سد العجز المالي البريطاني بواسطة الحركة الصهيونية، حيث أن الصهاينة كانوا يسيطرون على ألمانيا والنمسا ومعظم دول أوروبا.
+
+6- التمهيد للمطالبة بأن تكون فلسطين من نصيبها في غنائم الحرب العالمية الأولى، لتتمكن من تنفيذ وعد بلفور للصهيونية.
+
+7- رغبة بريطانيا في تبني فكرة الوطن القومي اليهودي في فلسطين، لتتخلص من الإدارة الدولية عليها، والتي وردت نصوصها في اتفاقية (سايكس - بيكو)، وبالتالي بسط سيطرتها عليها.
+
+هـ- نتائج وعد بلفور:
+1- غرس عصابة غريبة في المنطقة لتكون أداة طيعة في يد الاستعمار وأعوانه.
+2- تحويل الكفاح العربي من أجل تحقيق الحرية والاستقلال، من مواجهة الاستعمار مباشرة، إلى مواجهة ثانوية.
+3- استمرار حالة عدم الاستقرار السياسي في منطقة المشرق العربي.
+4- الحيلولة دون قيام وحدة عربية كاملة بين المشرق العربي والمغرب العربي.
+5- عرقلة خطط التطور الاقتصادي ومشاريع التنمية في البلاد العربية.
+
+و- صدى تصريح وعد بلفور في الأوساط العربية:
+حاولت إنجلترا كتم السر حول تصريح وعد بلفور عن العرب، حتى يبقوا سائرين وراء الوعود الزائفة، غير أن وسائل الإعلام الألمانية والعثمانية كشفت المؤامرة ونشرتها جريدة المقطم، التي كانت تصدر في القاهرة، وتم النشر مرتين بتاريخ 10،12 من شهر نوفمبر 1917م، ثم أخذت أنباء تصريح بلفور بالانتشار بالأوساط العربية.
+
+موقف عرب فلسطين:
+شاع خبر التصريح بين عرب فلسطين بما تتوفر لديهم من وسائل إعلام، فخرجوا في مظاهرات كبيرة في كافة أنحاء البلاد، معلنين احتجاجهم على هذا التصريح، مصممين على عدم القبول به، وذكروا بريطانيا بأنهم تحالفوا مع (الشريف الحسين) الذي هو حليفها من أجل الحصول على الاستقلال التام،
+
+111
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة دوافع بريطانيا لإصدار وعد بلفور، مثل كسب دعم اليهود، وتأمين مصالحها الاستراتيجية في فلسطين قرب قناة السويس، وفرض نفوذها بعد الحرب العالمية الأولى.  
+كما تعرض نتائج وعد بلفور على المنطقة العربية، ومنها زرع كيان غريب، وإضعاف الاستقرار السياسي، وتعطيل الوحدة العربية والتنمية.  
+وتوضح أيضًا صدى التصريح في الأوساط العربية، خاصة في فلسطين، حيث انتشر الخبر عبر الصحف ووسائل الإعلام وخرجت مظاهرات احتجاجية واسعة.  
+الصفحة نصية تعليمية فقط، ولا تحتوي على صور أو مخططات، مع إطار زخرفي ورقم الصفحة في الأسفل.
+
+
+================================================================================
+PAGE 112 - page_0112.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+ولم يخطر على بالهم يوماً بأن من تحالفوا معه، وكانوا سبباً مباشراً في انتصاره في الحرب، سوف يتآمر عليهم ويزرع لهم جسماً غريباً في قلب وطنهم.
+
+وقد شددوا على اللجوء إلى المقاومة المسلحة، إذا لم تستدرك بريطانيا وتعدل عن موقفها وتلغي التصريح الذي يكمل الوعد من لا يملك إلى من لا يستحق.
+
+وأما موقف الشريف الحسين:
+
+وأما موقف الشريف وأتباعه من التصريح، فقد تمثل في أنه تأثر كثيراً في بدء الأمر من نشر هذا التصريح، بعد أن ضغط عليه عرب الشام الموجودون بالقاهرة، وبعد أن تظاهروا أرسلوا إلى (الشريف الحسين) في مكة المكرمة مبعوثان، وكذلك ابنه (فيصل) في العقبة يخبرانهما بالتصريح.
+
+ولكن بريطانيا كانت هذه المرة أسرع في التحرك، حتى لا تقع في المحظور وتكون فريسة للمفاجأة كما حدث في اكتشاف (الشريف الحسين) والعرب لاتفاقية (سايكس - بيكو) السرية مع فرنسا وروسيا، فقامت على الفور بإرسال أحد رجال المخابرات المشهورين بالخداع (هوجارت) إلى (الشريف الحسين)، لإقناعه بحسن نواياها في سياستها تجاه العرب التي سبق أن وعدته بها في تحقيق استقلالهم حين انتصارها والحلفاء، وأن التصريح لا يعني أكثر من إيواء مجموعة من اليهود دون أن يصيبوا العرب بأي ضرر، وذكر (هوجارت) أنه لمس من خلال حديثه مع (الشريف الحسين) استعداده لمساعدة اليهود، مقدراً المنافع الاقتصادية التي يمكن أن يستفيد بها العرب من وراء تعاونهم مع اليهود.
+
+وإذا كان الأمر كذلك فإن (الشريف الحسين) لم يكن على دراية كافية بالأبعاد الاستعمارية الصهيونية، ولم يتعمق في تحليل ودراسة خلفياتها، بل نجده بعد مقابلة (هوجارت) أنه حرص أتباعه في مصر، وأرسل إلى قواته بالشام يحثهم على الاستمرار في تأييد بريطانيا وحلفائها، وأن يثقوا في تعهداتها، كما يؤكد على أنه تلقى تأكيدات بأن: (وجود اليهود في فلسطين لن يتعارض مع استقلال العرب في هذه البلاد).
+
+ومما دل على عدم فهم (الشريف الحسين) لخطورة المشكلة، أنه أوصى بنشر مقابلة في صحيفة القبلة الناطقة باسمه في 22 فبراير 1918م، يذكر فيها الشعب العربي في فلسطين (بأن كتيبه المقدسة، وتقاليده تحثه على التسامح والكرم، كما حثهم على الترحيب باليهود كأخوة، وعلى التعاون معهم من أجل الصالح العام).
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+112
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة ردود الفعل العربية على تصريح بلفور، ثم تركز على موقف الشريف الحسين منه.  
+توضح أن بعض العرب دعوا إلى المقاومة المسلحة، بينما تأثر الشريف الحسين بالتصريح لكنه لم يدرك أبعاده الاستعمارية والصهيونية بشكل كامل.  
+كما تشرح محاولة بريطانيا طمأنته عبر إرسال هوجارت، وإقناعه بأن وجود اليهود في فلسطين لن يضر العرب ولن يتعارض مع استقلالهم.  
+وتشير الصفحة إلى أن الشريف الحسين دعا لاحقاً إلى التسامح مع اليهود والتعاون معهم، مما عُدّ دليلاً على سوء تقديره لخطورة القضية.
+
+
+================================================================================
+PAGE 113 - page_0113.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+غير أن (الشريف الحسين) قد اعتاد على تصديق كل كلام يصدر عن الحكومة البريطانية وقد أدركت حقيقة المؤامرة أغلب الأوساط العربية الرسمية والشعبية وقامت بتقديم الوثائق التي توضح تآمر بريطانيا عليه وعلى العرب.
+
+موقف عرب الشام:
+
+أما زعماء الشام الموجودون في مصر، فإنهم - بعد أن علموا بتصريح بلفور وتم نشر نصه - عقدوا مؤتمراً موسعاً حضره عدد كبير منهم، واستقر رأيهم في النهاية على إرسال برقية مع احتجاج شديد اللهجة إلى الحكومة البريطانية، في شخص اللورد بلفور يوم 14 من شهر نوفمبر 1917م، موقعة من حوال (600) شخص جاء فيها:
+
+(بالإشارة إلى تصريحكم المنشور مؤخراً، والموجه إلى اللورد (روتشيلد) بخصوص اليهود في فلسطين، نلفت نظركم إلى حقيقة هامة وهي أن فلسطين جزء حيوي من بلاد الشام، وهي بمثابة القلب في الجسم، ولا تقبل فصلها سياسياً ولا اجتماعياً).
+
+وقد رد (مارك سايكس) على تلك البرقية، بالمزيد من عبارات المجاملة التي تخفي وراءها الدجل والنفاق والمراوغة، مستغلاً الوضع العربي السيئ في ذلك الحين.
+
+113
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة موقف عرب الشام من تصريح بلفور سنة 1917م، وكيف عبّر زعماء الشام الموجودون في مصر عن رفضهم الشديد له.  
+تذكر أنهم عقدوا مؤتمراً موسعاً ثم أرسلوا برقية احتجاج إلى الحكومة البريطانية موقعة من نحو 600 شخص.  
+كما تؤكد البرقية أن فلسطين جزء أساسي من بلاد الشام ولا يمكن فصلها سياسياً أو اجتماعياً.  
+وتوضح الصفحة أيضاً أن الرد البريطاني، عبر مارك سايكس، اتسم بالمجاملة والمراوغة في ظل ضعف الوضع العربي آنذاك.
+
+
+================================================================================
+PAGE 114 - page_0114.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+أسئلة تطبيقية على الفصل الرابع
+
+س 1: اشرح الموقف الذي كانت عليه الدولة العثمانية أثناء التوسع الاستعماري الأوروبي خلال النصف الثاني من القرن 19 وبداية القرن 20 ؟
+
+س 2: ما المقصود بالمسألة الشرقية ؟
+
+س 3: ماهي أهم أسباب إشتداد ظاهرة التوسع الإستعماري الحديث .
+
+س 4: استخدم المستعمرون الدين ستاراً لتحقيق أهدافهم التوسعية الاستعمارية. وضح ذلك .
+
+س 5: أكتب مذكرات تاريخية عن :
+أ - وعد بلفور.
+ب - مراسلات الحسين – مكماهون.
+
+س 6: كانت المصالح الاستعمارية البريطانية والفرنسية تعمل على تقويض أملاك الدولة العثمانية...
+ناقش هذه العبارة تاريخياً.
+
+س 7: ما أثر صدى وعد بلفور على العرب ؟
+
+س 8: ما هي الدول التي شاركت في الحرب العالمية الأولى ؟
+
+114
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+------------PAGE TALK ABOUT------------
+الصفحة تعرض أسئلة تطبيقية على الفصل الرابع من مادة تاريخ الوطن العربي الحديث والمعاصر.  
+تركز الأسئلة على الدولة العثمانية، المسألة الشرقية، التوسع الاستعماري الأوروبي، ووعد بلفور ومراسلات الحسين–مكماهون.  
+كما تتناول أثر السياسات البريطانية والفرنسية وتقويض أملاك الدولة العثمانية، والحرب العالمية الأولى.  
+بصرياً، الصفحة ذات تصميم تعليمي بسيط بإطار بني وعنوان داخل شكل زخرفي أعلى الصفحة، ولا تحتوي على صور أو خرائط.
+
+
+================================================================================
+PAGE 115 - page_0115.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+س 9: لماذا انهارت الدولة العثمانية في الحرب العالمية الأولى؟
+
+س 10: كيف تصرف (الشريف الحسين) عندما علم بوعد بلفور؟
+
+س 11: كيف تم تقسيم الشام والعراق بين بريطانيا وفرنسا حسب اتفاقية (سايكس - بيكو) السرية؟
+
+س 12: لماذا اتصل البريطانيون بـ(الشريف الحسين) دون غيره من حكام شبه الجزيرة العربية؟ وما النتائج المترتبة عن تلك الاتصالات؟
+
+س 13: اختلف رد الفعل العربي حول حركة الشريف الحسين مابين مؤيد ومعارض. ناقش ذلك؟
+
+115
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن أسئلة دراسية في التاريخ لمرحلة التعليم الثانوي حول الحرب العالمية الأولى وأوضاع الدولة العثمانية.  
+تركز الأسئلة على الشريف الحسين، ووعد بلفور، واتفاقية سايكس-بيكو، والاتصالات البريطانية معه ونتائجها.  
+كما تعرض اختلاف مواقف العرب بين التأييد والمعارضة لحركة الشريف الحسين.  
+الصفحة ذات تصميم كتاب مدرسي بسيط بإطار زخرفي، ولا تحتوي على صور أو مخططات، فقط نصوص وأسئلة مرقمة.
+
+
+================================================================================
+PAGE 116 - page_0116.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+العالم سنة 1914م
+
+المحيط الهادي  
+المحيط الهادي  
+المحيط الأطلسي  
+المحيط الهندي  
+المحيط المتجمد الشمالي
+
+كندا  
+الولايات المتحدة الأمريكية  
+المكسيك  
+البرازيل  
+أستراليا
+
+[نصوص مفتاح الخريطة غير واضحة بالكامل، والمقروء منها:]
+مستعمرات  
+نفوذ  
+مستقل
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+116
+
+------------PAGE TALK ABOUT------------
+الصفحة تعرض خريطة للعالم سنة 1914م ضمن مادة تاريخ الوطن العربي الحديث والمعاصر.  
+توضح الخريطة توزيع الدول والمستعمرات ومناطق النفوذ والاستقلال في العالم قبل الحرب العالمية الأولى باستخدام ألوان وتظليلات مختلفة.  
+يوجد مفتاح للخريطة يبين دلالات الألوان، كما تظهر أسماء بعض المحيطات والدول الكبرى مثل كندا والولايات المتحدة والبرازيل وأستراليا.  
+الهدف من الصفحة هو شرح الوضع السياسي والاستعماري للعالم في بداية القرن العشرين.
+
+
+================================================================================
+PAGE 117 - page_0117.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+الفصل الخامس
+
+التطورات الدولية بعد الحرب
+العالمية الأولى وأثرها على
+الوطن العربي
+
+117
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+هذه صفحة افتتاحية لفصل دراسي بعنوان: **الفصل الخامس**، وموضوعه **التطورات الدولية بعد الحرب العالمية الأولى وأثرها على الوطن العربي**.  
+تدل الصفحة على أنها من كتاب خاص بـ **السنة الثالثة من مرحلة التعليم الثانوي** في ليبيا.  
+تتضمن الصفحة إطارًا زخرفيًا كبيرًا على شكل لفافة/مخطوطة يتوسطه عنوان الفصل، مع شريط علوي كتب عليه "الفصل الخامس".  
+في أسفل الصفحة يظهر رقم الصفحة **117** وعبارة حقوق النشر الخاصة بمركز المناهج التعليمية والبحوث التربوية في ليبيا.
+
+
+================================================================================
+PAGE 118 - page_0118.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+118
+
+------------PAGE TALK ABOUT------------
+هذه الصفحة شبه فارغة ولا تحتوي على محتوى دراسي أو نصوص شرح داخلية، ويبدو أنها صفحة من كتاب مدرسي.  
+في أعلى الصفحة يظهر عنوان المادة: "تاريخ الوطن العربي الحديث والمعاصر".  
+توجد حدود زخرفية بنية تحيط بالصفحة، مع رقم الصفحة "118" في الأسفل إلى اليمين.  
+كما يظهر في أسفل الصفحة تنويه بحقوق النشر: "جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا".
+
+
diff --git a/history/p5.txt b/history/p5.txt
new file mode 100644
index 0000000000000000000000000000000000000000..7b3ef0954d2d851ace1c6073a07f7e21b3bc7e42
--- /dev/null
+++ b/history/p5.txt
@@ -0,0 +1,1362 @@
+"أنت مدرس خبير ومحترف في مادة التاريخ. أنت تدرّس طالباً وتساعده على الفهم.
+
+=== محتوى الفصل (المرجع العلمي) ===
+
+=== نهاية السياق ===
+
+**تعليمات مهمة:**
+- استخدم المحتوى العلمي أعلاه كمرجع أساسي للإجابة
+- راعِ سياق المحادثة السابقة والمستوى التعليمي للطالب
+- أجب بشكل واضح ومفصل باللغة العربية
+- استخدم الأمثلة والتوضيحات عند الحاجة
+- إذا سأل الطالب عن شيء خارج المحتوى المتوفر، أخبره بذلك بلطف
+
+================================================================================
+PAGE 119 - page_0119.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+التطورات الدولية بعد الحرب العالمية  
+الأولى وأثرها على الوطن العربي
+
+أولاً: في أوروبا:
+
+1- أوروبا في فترة ما بين الحربين العالميتين الأولى والثانية (1918 - 1939م) :
+
+بالرغم من أن فترة ما بين الحربين كانت قصيرة نسبياً من الزمن إلا أنها كانت حافلة بالأحداث الهامة، فلم يدم السلم في أوروبا طويلاً بعد الحرب العالمية الأولى، فقد أحدثت نتائج هذه الحرب الكثير من التغيرات في دول أوروبا مثل: التغيير في حدود ألمانيا وفقدها لمستعمراتها وجزء كبير من أراضيها وفرض عليها دفع تعويضات للحلفاء.
+
+تزامن مع هذه الفترة أيضاً ظهور ما يُعرف بالأنظمة الشمولية مثل ظهور الشيوعية في روسيا مع ثورة أكتوبر 1917م(*) وعلى أثرها انسحبت روسيا من الحرب العالمية الأولى، كما تم التوقيع على معاهدة (فرساي) 1919م وقيام عصبة الأمم عام 1920م. كذلك ظهور الفاشية في إيطاليا 1922م(*) والنازية في ألمانيا 1933م(*)، والحكم الشمولي في إسبانيا تحت زعامة فرانسيسكو فرانكو.
+
+كما واجهت عدة إمبراطوريات مثل بريطانيا وفرنسا أوضاعاً صعبة تخص مستعمراتها، حيث كانت النظرة حول الحركة الاستعمارية والنفوذ الإمبريالي في أوروبا سلبية، واكتسبت حركات الاستقلال في الهند البريطانية والهند الصينية ومناطق أخرى من العالم زخماً كبيراً، كما تفككت كلاً من الدولة العثمانية وإمبراطورية النمسا والمجر وألمانيا وأُعيد توزيع ممتلكاتهم بين الحلفاء، وانفصل الجزء الغربي من الإمبراطورية الروسية المكون من استونيا ولاتفيا ولتوانيا وبولندا وأصبحت بذلك دول مستقلة، بينما اختارت مولدافيا الوحدة مع رومانيا.
+
+تمكن الشيوعيون في روسيا من إعادة السيطرة على كل من أوكرانيا وأرمينيا وأذربيجان وجورجيا، وقسمت إيرلندا إلى إيرلندا الشمالية التي تتبع بريطانيا بينما الجزء الأكبر منها ظل مستقلاً.
+
+أمّا في الوطن العربي فقد حصلت مصر والعراق على استقلالهما.
+
+وبالرغم من أن هذه الفترة شهدت فيها عدة دول بعض النمو الاقتصادي والثقافي، وظهرت اتجاهات وإبداعات ثقافية واجتماعية جديدة، لكن أعقب ذلك كساد اقتصادي عالمي لم يسبق له مثيل ألحق أضراراً كبيرة بأكبر اقتصادات العالم.
+
+لقد أدت الطموحات الإقليمية اليابانية والألمانية والإيطالية والسوفيتية في هذه الفترة إلى توسع تلك الإمبراطوريات مما مهد الطريق إلى الحرب اللاحقة. ويعتبر الغزو الألماني والسوفيتي على بولندا في شهر سبتمبر 1939م بداية الحرب العالمية الثانية ونهاية فترة ما بين الحربين.
+
+119
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة أوضاع أوروبا بين الحربين العالميتين 1918–1939م، وما شهدته من تغيرات سياسية وحدودية بعد الحرب العالمية الأولى.  
+تشرح ظهور الأنظمة الشمولية مثل الشيوعية والفاشية والنازية، ومعاهدة فرساي وعصبة الأمم، وتفكك بعض الإمبراطوريات الأوروبية.  
+كما تشير إلى تنامي حركات الاستقلال في المستعمرات، وتأثر الوطن العربي بحصول مصر والعراق على الاستقلال.  
+بصرياً: الصفحة عبارة عن نص تعليمي من كتاب مدرسي، يتصدرها عنوان كبير داخل إطار زخرفي، مع تنسيق عربي واضح ورقم الصفحة أسفلها.
+
+
+================================================================================
+PAGE 120 - page_0120.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+(*) قامت الثورة الشيوعية البلشفية كرد فعل على الأوضاع الداخلية التي كانت تعيشها روسيا بعد الحرب العالمية الأولى حيث وقعت المظاهرات في بعض المدن الروسية تطالب بتغيير النظام نتيجة لحالات التذمر التي شهدتها البلاد.  
+وسرعان ما سيطرت عناصر الثورة من الشيوعيين والعمال على العاصمة، وفي نوفمبر 1917م تشكلت حكومة مؤقتة شكلها البلاشفة وأعلنت خروج روسيا من الحرب العالمية الأولى. كما أصدر السوفيت دستوراً في ربيع 1918م تأسس بموجبه جمهوريات الاتحاد السوفيتي، كما تقرر أن تكون موسكو عاصمة قومية، وفي نفس العام أُعدم القيصر وأسرته بالرصاص.
+
+(*) النظام الفاشي في إيطاليا 1922-1945: بعد نهاية الحرب العالمية الأولى تغير شكل الحكم في إيطاليا نتيجة للإخفاقات التي مرت بها إيطاليا في مجال السياسة الخارجية والداخلية، حيث شعر الإيطاليون بخيبة الأمل مما يجري على الساحة الداخلية، وإزاء هذا الوضع المتأزم بدأت الحركة الفاشية في الظهور على الساحة السياسية.  
+شرع (موسوليني) في تكوين الحزب الفاشستي منذ عام 1919م حيث كان في البداية يحظى بشعبية كبيرة وأخذت الحركة الفاشية تنمو وتتطور شيئاً فشيئاً إلى أن تمكن (موسوليني) من الاستيلاء على السلطة في 30 أكتوبر 1922م ومنذ ذلك التاريخ بدأت السلطة العليا في يده، وكان الاعتزاز بالقومية وتمجيدها أحد الأسباب الرئيسية لـ(موسوليني) فقد عمد في سياسته الخارجية إلى وسائل العنف والتهديد وقام بشن حرب إبادة ضد المواطنين في ليبيا ابتداءً من عام 1922م.  
+وقيام الحرب العالمية الثانية ومشاركة إيطاليا في الحرب إلى جانب ألمانيا واليابان، وخسارة هذه الدول الحرب وخروج إيطاليا مهزومة انتهى (موسوليني) بمقتله في إبريل 1945م وانتهى معه الحزب الفاشستي في إيطاليا.
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+120
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة حدثين تاريخيين مهمين في أوروبا الحديثة: الثورة البلشفية الشيوعية في روسيا، وظهور النظام الفاشي في إيطاليا بقيادة موسوليني.  
+تشرح أسباب الثورة الروسية ونتائجها مثل خروج روسيا من الحرب العالمية الأولى وتأسيس الاتحاد السوفيتي وإعدام القيصر.  
+كما تعرض نشأة الفاشية في إيطاليا بعد الحرب العالمية الأولى، وصعود موسوليني إلى الحكم، وسياساته العدوانية ومنها جرائمه في ليبيا، ثم نهايته سنة 1945م.  
+الصفحة ذات طابع نصي تعليمي، وتضم فقرتين داخل إطارين مزخرفين بخط متقطع، مع عنوان أعلى الصفحة ورقمها أسفلها.
+
+
+================================================================================
+PAGE 121 - page_0121.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+(*) الحزب النازي في ألمانيا 1933-1945: نتيجة للأزمات المتعددة التي أَلَمَّت بألمانيا بعد الحرب العالمية الأولى، تطلع الألمان إلى استعادة وحدتهم وإعادة بلادهم إلى مكانتها العالمية، وإلى تخليصها من معاهدة (فرساي)، هذه الأسباب مجتمعة مهدت الطريق لظهور (هتلر) وحزبه النازي على مسرح السياسة الألمانية والدولية.
+
+تعتبر الرؤية النازية التي وضعها (هتلر) واحدة من أهم أسس نظريات الحكم الدكتاتوري التي ظهرت في القرن العشرين وبما يلفت النظر في شخصية (هتلر) الكبرياء والطموح الجنوني وإرادة القوة، وكان يرى أن الألمان هم سادة الجنس البشري، وأن العنصر الآري هو الذي يجب أن يسود العالم.
+
+أصبح (هتلر) في الثاني من أغسطس 1934 رجل الدولة الأول وساد في عهده نظام عنصري متطرف، كما تطلع إلى التوسع في أوروبا، ورفض مقررات مؤتمر فرساي وقام بضم أجزاء من روسيا، وكان غزو ألمانيا لبولندا عام 1939 بداية لنشوب الحرب العالمية الثانية.
+
+وبقيام الحرب العالمية الثانية وخسارة ألمانيا انتهى (هتلر) بانتحاره في أبريل 1945م وانتهى معه الحزب النازي.
+
+121
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة نشأة الحزب النازي في ألمانيا بين 1933 و1945، وأسباب ظهوره بعد أزمات ما بعد الحرب العالمية الأولى ومعاهدة فرساي.  
+كما تشرح أفكار هتلر النازية القائمة على الدكتاتورية والعنصرية والتوسع، واعتقاده بتفوق العنصر الآري.  
+وتعرض وصول هتلر إلى الحكم سنة 1934، ثم سياساته التوسعية التي قادت إلى غزو بولندا واندلاع الحرب العالمية الثانية.  
+وتختتم ببيان نهاية هتلر بانتحاره سنة 1945 وسقوط الحزب النازي.  
+الصفحة ذات طابع نصي تعليمي، وتضم إطارًا زخرفيًا وصندوقًا مميزًا يحتوي الفقرة الرئيسية دون صور أو رسوم بيانية.
+
+
+================================================================================
+PAGE 122 - page_0122.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+الخريطة السياسية القديمة بعد الحرب العالمية الأولى
+
+أوروبا بعد الحرب العالمية الأولى
+
+[نصوص الخريطة الظاهرة بوضوح]
+ألمانيا  
+فرنسا  
+إيطاليا  
+إسبانيا  
+البرتغال  
+بريطانيا  
+إيرلندا  
+بلجيكا  
+هولندا  
+سويسرا  
+النمسا  
+المجر  
+تشيكوسلوفاكيا  
+بولندا  
+رومانيا  
+يوغسلافيا  
+اليونان  
+ألبانيا  
+بلغاريا  
+تركيا  
+الاتحاد السوفياتي  
+النرويج  
+السويد  
+فنلندا  
+ليبيا  
+الجزائر  
+المغرب الأقصى
+
+[مسميات مائية ظاهرة]
+البحر المتوسط  
+المحيط الأطلسي
+
+[نصوص مفتاح الخريطة الظاهرة جزئياً وغير واضحة بالكامل]
+دول الحلفاء  
+دول الوسط  
+دول محايدة  
+[بنود أخرى في المفتاح غير واضحة تماماً بسبب دقة الصورة واتجاهها]
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+122
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة خريطة لأوروبا بعد الحرب العالمية الأولى، وتوضح التغيرات السياسية والحدود الجديدة للدول الأوروبية.  
+تظهر الخريطة دول الحلفاء ودول الوسط والدول المحايدة بألوان مختلفة مع مفتاح يشرح التصنيف.  
+كما تعرض أسماء الدول والبحار المحيطة، وتبرز الدول التي ظهرت أو تغير وضعها بعد الحرب مثل بولندا وتشيكوسلوفاكيا ويوغسلافيا.  
+الصفحة جزء من كتاب في تاريخ الوطن العربي الحديث والمعاصر، وتستخدم الخريطة كوسيلة تعليمية لفهم نتائج الحرب على أوروبا.
+
+
+================================================================================
+PAGE 123 - page_0123.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+الحرب العالمية الثانية وانعكاساتها على  
+الوطن العربي (1939 - 1945م)
+
+الحرب العالمية الثانية هي الحرب الأوسع في التاريخ المعاصر شاركت فيها الغالبية العظمى من دول العالم، بدأت في شهر سبتمبر من عام 1939م وانتهت في الثاني من شهر سبتمبر عام 1945م.  
+جرت الحرب بين مجموعتين متصارعتين، المجموعة الأولى وتضم دول الحلفاء: الولايات المتحدة الأمريكية، المملكة المتحدة (بريطانيا) فرنسا، الاتحاد السوفيتي.  
+المجموعة الثانية وتضم دول المحور: ألمانيا، إيطاليا، اليابان.  
+أما أسبابها فيمكن تقسيمها إلى أسباب غير مباشرة وأسباب مباشرة تمثلت الأسباب غير المباشرة في فرض معاهدة (فرساي) 1919م عقب نهاية الحرب العالمية الأولى، وآثار الأزمة الاقتصادية عام 1929م على أوربا، وتأسيس أنظمة دكتاتورية بإيطاليا (موسوليني) واليابان (كينيو) وألمانيا (هتلر).  
+كان خرق (هتلر) معاهدة (فرساي) وتشكيله للحلف الثلاثي مع اليابان وإيطاليا، وكذلك انسحاب دول المحور من عصبة الأمم، إضافة إلى توسع اليابان في الصين، وتوسع إيطاليا في الحبشة (أثيوبيا) وألمانيا في السار والنمسا وتشيكوسلوفاكيا وهنغاريا (المجر) من الأسباب التي مهدت لقيام الحرب.  
+أما السبب المباشر للحرب فيكمن في اجتياح (هتلر) لبولندا بهدف توسيع مجاله الاستعماري واسترجاع ميناء (دانتزك) والتصدي للشيوعية السوفيتية، ومواجهة التحالف الفرنسي - السوفيتي.  
+وبالرغم من أن الحرب نشبت في أوربا إلا أن جزءاً من أحداثها جرى على أراضي الوطن العربي.  
+لقد قامت بريطانيا والولايات المتحدة بعمل مشترك لغزو شمال أفريقيا حيث تم تعيين (برنارد مونتجومري) قائد للجيش الثامن البريطاني، وقد بدأ (مونتجومري) في الثالث والعشرين من شهر أكتوبر عام 1942م في اختراق خطوط الدفاع الألمانية وأحبط الهجوم الذي قاده (رومل) القائد الألماني في شمال أفريقيا في موقعة العلمين الشهيرة، وفي شهر نوفمبر من نفس العام دخل (مونتجومري) طبرق الليبية وتابع اكتساح القوات الألمانية تجاه الغرب، وفي عام 1943م دخلت القوات البريطانية طرابلس الغرب وانسحب (رومل) غرباً إلى ما وراء الحدود الليبية - التونسية في الوقت نفسه نزلت قوات بريطانية أمريكية مشتركة في الدار البيضاء بالمغرب ووهران والجزائر وكان رد ألمانياً على نزول الحلفاء في شمال أفريقيا أن أرسلت قواتها إلى تونس، وكانت قوات المحور تحتفظ بمراكزها في تونس كآخر معقل لها.
+
+123
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة الحرب العالمية الثانية من حيث تعريفها ومدتها وأطرافها الرئيسة: الحلفاء والمحور. كما تشرح أسباب الحرب غير المباشرة مثل معاهدة فرساي والأزمة الاقتصادية وصعود الأنظمة الدكتاتورية، ثم السبب المباشر وهو غزو بولندا.  
+وتوضح أيضاً انعكاس الحرب على الوطن العربي، خاصة في شمال أفريقيا، من خلال معركة العلمين وتقدم قوات الحلفاء في ليبيا والمغرب والجزائر وتونس.  
+بصرياً، الصفحة عبارة عن نص تاريخي داخل إطار مزخرف، مع عنوان كبير في الأعلى، ورقم الصفحة 123 أسفل اليسار، ولا توجد صور أو خرائط أو مخططات داخل المتن.
+
+
+================================================================================
+PAGE 124 - page_0124.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+خريطة توضح مسار الحرب العالمية الثانية في الشمال الإفريقي في الفترة من 1942-1945
+
+القوات الأمريكية والبريطانية
+
+الجزائر
+
+وهران
+
+تونس
+
+تونس
+
+طرابلس
+
+مالطا
+
+صقلية
+
+غزو صقلية من قبل دول الحلف 1943
+
+غزو إيطاليا 1943
+
+إيطاليا
+
+اليونان
+
+تركيا
+
+ليبيا
+
+مصر
+
+العلمين
+
+قوات الجيش الثامن البريطاني
+
+القاهرة
+
+البحر المتوسط
+
+المغرب
+
+0 400 km  
+مقياس الرسم
+
+مسير قوات الحلفاء في جزء من الوطن العربي
+
+124
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة مسير قوات الحلفاء في جزء من الوطن العربي خلال الحرب العالمية الثانية، خاصة في شمال إفريقيا بين 1942 و1945.  
+تظهر خريطة توضح تحركات القوات الأمريكية والبريطانية من الجزائر والمغرب شرقًا، وتحرك الجيش الثامن البريطاني من مصر وليبيا غربًا.  
+كما تبين الخريطة مواقع مهمة مثل العلمين وطرابلس وتونس ومالطا وصقلية، مع الإشارة إلى غزو صقلية وإيطاليا سنة 1943.  
+الهدف من الصفحة هو شرح الدور الاستراتيجي لشمال إفريقيا والبحر المتوسط في سير العمليات العسكرية للحلفاء.
+
+
+================================================================================
+PAGE 125 - page_0125.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+وفي الرابع والعشرين من يناير 1943م دعا الرئيس الأمريكي (روزفلت) دول المحور إلى التسليم دون قيد أو شرط إلا أن (هتلر) واصل القتال لمدة عام آخر حتى خسرت ألمانيا الحرب وانتحر (هتلر) في أبريل 1945م.
+
+وهكذا نرى أن الحرب العالمية الثانية قد اكتوى الوطن العربي بنارها.
+
+لقد مرت الحرب بمرحلتين:
+- في المرحلة الأولى مالت فيها كفة الانتصار لصالح دول المحور بزعامة ألمانيا.
+- أما المرحلة الثانية: فقد انتهت بانتصار الحلفاء بعد انضمام الولايات المتحدة الأمريكية إلى جانب فرنسا، والمملكة المتحدة والاتحاد السوفييتي.
+
+ونتيجة للتدخل الأمريكي النووي تم أسقطت الولايات المتحدة الأمريكية قنبلتين نوويتين على اليابان الأمر الذي غير مجرى الحرب حيث تحقق انتصار الحلفاء على دول المحور.
+
+لقد خلفت هذه الحرب خسائر مادية وبشرية:
+- على المستوى البشري: هناك خسائر جسيمة على مستوى القتلى والجرحى في صفوف العسكريين والمدنيين.
+- على المستوى الاقتصادي: ارتفاع كلفة الحرب، خراب المدن، تراجع الإنتاج الاقتصادي.
+- على المستوى الاجتماعي: يتمثل ذلك في انتشار المجاعة والفقر، وحصول خلل في الهرم السكاني، بالإضافة إلى المعاقين والأرامل واليتامى.
+- على المستوى السياسي: حصول تغيير في الخريطة السياسية لأوروبا وذلك بتوسع الدول المنتصرة في الحرب على الدول المهزومة، وتقسيم ألمانيا إلى أربع مناطق نفوذ بين دول الحلفاء.
+
+وتم تأسيس هيئة الأمم المتحدة سنة 1945م بهدف ضمان السلم العالمي، ودعم التفاوض بين الدول، وكذلك احترام حقوق الإنسان، كما تعزز موقف الحركات المطالبة بالاستقلال من الدول المستعمرة وحصول عدد من الدول على استقلالها عقب الحرب العالمية الثانية ومن بينها ليبيا.
+
+وبنهاية الحرب العالمية الثانية 1945م انتهى الوفاق بين الولايات المتحدة والاتحاد السوفييتي، وظهر ما يعرف بالحرب الباردة.
+
+الحرب الباردة: في تعريفها العام هي حالة الصراع التي لا يقع فيها اللجوء إلى المواجهة المسلحة المباشرة.
+- ظهر هذا المصطلح أول مرة في مارس 1947م
+
+125
+
+ليبيا
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة نهاية الحرب العالمية الثانية ومراحلها، ثم تشرح نتائجها الكبرى على العالم والوطن العربي.  
+كما تعرض الخسائر البشرية والاقتصادية والاجتماعية والسياسية التي خلفتها الحرب، مثل تقسيم ألمانيا وتأسيس هيئة الأمم المتحدة سنة 1945م.  
+وتوضح أيضًا بداية الحرب الباردة بعد انتهاء التحالف بين الولايات المتحدة والاتحاد السوفييتي، مع تعريف مختصر لها.  
+توجد عناصر بصرية بسيطة: إطار زخرفي للصفحة، وعنوان جانبي أعلى الصفحة، ومربع مميز أسفل الصفحة يحتوي تعريف "الحرب الباردة".
+
+
+================================================================================
+PAGE 126 - page_0126.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+الحركات الوطنية في الوطن العربي
+
+ثانياً - الحركات الوطنية في الوطن العربي :
+
+بنهاية الحرب العالمية الأولى عام 1918م، وقع ما تبقى من البلاد العربية تحت الاحتلال الأوروبي، بعد أن هزمت الدولة العثمانية صاحبة السيادة السابقة عليها، وقسمت أملاكها إلى مناطق نفوذ استعمارية، وبدأ العرب كفاحهم ضد الوجود الاستعماري.
+وسوف نستعرض خلال هذا الفصل كفاح الشعب العربي في كل دولة على حدة:
+
+- الحركات الوطنية في بلاد الشام :
+
+1 - الحركة الوطنية في سوريا :
+
+تنفيذاً لإجراءات تقسيم النفوذ وفق ما نصت عليه اتفاقية (سايكس بيكو) تم عقد مؤتمر الإنتداب في سان ريمو في يوم 25 من شهر ابريل 1920م وقد تقرر فيه تقسيم بلاد الشام إلى ثلاثة أقسام هي سوريا ولبنان وفلسطين وعدم تجزئة العراق وذلك ليسهل تنفيذ مطامع كل دولة من الدول الإستعمارية حيث وضعت سوريا ولبنان تحت الإنتداب الفرنسي أما فلسطين والعراق فقد وضعتا منفصلتين تحت الإنتداب البريطاني وفي يوم 5 مايو أضيفت عبارة إلى صك الإنتداب تقول بأن الدولة المنتدبة على فلسطين تكون ملتزمة بتنفيذ وعد بلفور.
+
+رفض الشعب السوري هذا المشروع وعبر عن رفضه بالإحتجاجات والمظاهرات غير أن فرنسا تشبثت بتنفيذه وأنذرت الأمير فيصل بن الشريف حسين رئيس الحكومة العربية في دمشق بأن يقبل بالإنتداب الفرنسي على سوريا ولبنان دون قيد ولا شرط. لم ينتظر الجنرال غورو رداً على إنذاره الذي وجهه إلى الأمير فيصل بل أسرع بالعمل على حصار دمشق تمهيداً لإحتلالها وهو ما دفع المقاومة الوطنية في سوريا إلى التشبث بالقتال والتضحية دفاعاً عن دمشق.
+
+في يوم 24 يوليو 1920م التقت القواتان العربية والفرنسية في معركة ميسلون وقد إستمات الجيش العربي السوري في المقاومة واستشهد القائد يوسف العظمة (وزير الدفاع السوري في حكومة فيصل بدمشق) ضارباً المثل الأعلى في هذه التضحية والجهاد وهو يقود المعركة بنفسه وكانت أهم نتيجة هذه المعركة سقوط دمشق في أيدي القوات الفرنسية التي احتلتها بالكامل وتم تعيين الجنرال غورو أثر ذلك مندوباً سامياً لفرنسا على سوريا.
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+126
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة بداية موضوع الحركات الوطنية في الوطن العربي بعد الحرب العالمية الأولى وسقوط البلاد العربية تحت الاحتلال الأوروبي. ثم تركز على الحركات الوطنية في بلاد الشام، وبخاصة الحركة الوطنية في سوريا.  
+تشرح قرارات مؤتمر سان ريمو وتقسيم بلاد الشام بين الانتدابين الفرنسي والبريطاني، ورفض السوريين لهذا التقسيم.  
+كما تعرض إنذار فرنسا للأمير فيصل، ثم معركة ميسلون سنة 1920م واستشهاد يوسف العظمة وسقوط دمشق بيد الفرنسيين.  
+وتظهر الصفحة بتصميم كتاب مدرسي، مع عنوان رئيسي مزخرف في الأعلى وإطار زخرفي حول الصفحة دون وجود صور أو خرائط أو رسوم بيانية.
+
+
+================================================================================
+PAGE 127 - page_0127.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+المحيط الأطلسي  
+البحر المتوسط  
+آسيا  
+إفريقيا  
+المحيط الهندي  
+البحر الأحمر  
+الخليج العربي
+
+المغرب  
+الجزائر  
+تونس  
+ليبيا  
+مصر  
+السودان  
+موريتانيا  
+الصحراء الغربية  
+لبنان  
+سوريا  
+فلسطين  
+الأردن  
+العراق  
+الكويت  
+السعودية  
+البحرين  
+قطر  
+الإمارات  
+عُمان  
+اليمن  
+جيبوتي  
+الصومال
+
+الاستعمار الإنجليزي  
+الاستعمار الفرنسي  
+الاستعمار الإيطالي  
+الاستعمار الإسباني
+
+تقسيم الاستعمار للوطن العربي
+
+127
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+توضح الصفحة خريطة للوطن العربي تبين كيف قسّمته القوى الاستعمارية بين عدة دول أوروبية.  
+استُخدمت ألوان مختلفة لتمييز مناطق النفوذ: الإنجليزي، الفرنسي، الإيطالي، والإسباني، مع مفتاح يشرح دلالة كل لون.  
+تظهر الخريطة دول المغرب العربي والمشرق العربي وشبه الجزيرة العربية، إضافة إلى المسطحات المائية المحيطة مثل البحر المتوسط والمحيطين الأطلسي والهندي.  
+الهدف من الصفحة هو شرح التوزيع الاستعماري في الوطن العربي ضمن مادة التاريخ للمرحلة الثانوية.
+
+
+================================================================================
+PAGE 128 - page_0128.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+واصلت الحركة الوطنية السورية مقاومتها للاحتلال الفرنسي حيث أندلعت الثورة السورية الكبرى  
+1925-1927م في منطقة جبل العرب وامتدت إلى كافة الأراضي السورية وجزء من لبنان وكانت تهدف  
+إلى الاعتراف باستقلال سوريا وتأليف جمعية تأسيسية لتضع دستوراً للبلاد وإنهاء مرحلة الحكم  
+العسكري الفرنسي المباشر.
+
+لم توافق السلطات الفرنسية على هذه المطالب فاضطر الثوار إلى تصعيد هجماتهم على القوات  
+الفرنسية ونتيجة للإنتصارات التي حققتها الثورة أصدر المفوض السامي الفرنسي الجديد (هنري  
+جوفيتيل) قراراً يقضي بإجراء إنتخابات في سوريا ولبنان من أجل وضع دستور لكل من الدولتين إلا أن  
+فرنسا لم تنفذ ذلك واستمرت في سن القوانين التي تخدم مصالحها مما أثار موجة من الإحتجاجات  
+ضدها.
+
+- معاهدة عام 1936م:
+
+لما أشتدت المعارضة الوطنية قررت الحكومة الفرنسية التفاوض مع الوطنيين السوريين بعدما  
+لاحظت أن الإضرابات والمظاهرات التي عمت المدن السورية قد شلت الحياة الإقتصادية والسياسية  
+في البلاد وعلى أثر ذلك دعت الحكومة الفرنسية زعماء الحركة الوطنية للسفر إلى باريس للتفاوض  
+معها حول الأزمة وبالفعل إرتحل وفد سوري بقيادة هاشم الأتاسي للتفاوض مع الحكومة الفرنسية  
+وأعضاء عصبة الأمم وتم الإتفاق على عدة بنود أصرت فرنسا من خلالها على السيطرة على الشؤون  
+العسكرية التي تخص الجيش السوري وخص أيضاً توزيع قواتها في سوريا حتى تتمكن من التدخل  
+العسكري وقت تشاء.
+
+رفض الموظفون الفرنسيون تسليم سلطاتهم إلى الحكومة السورية كما قررت فرنسا فصل مدينة  
+اللاذقية ومنطقة جبل العرب عن بقية الدولة ولذلك قررت الحركة الوطنية مواصلة الكفاح العسكري  
+والسلمي في آن واحد.
+
+- قضية لواء الإسكندرونة:
+
+خشيت فرنسا من تدهور موقفها في بلاد الشام بعد تصاعد التهديد بنشوب الحرب العالمية الثانية،  
+وخصوصاً بعد أن استكملت ألمانيا بناء قواتها العسكرية بقيادة النازيين تحت زعامة (هتلر) خلال  
+الفترة ما بين عامي (1933-1939م)، لذلك حاولت إرضاء تركيا لتضمن التحالف معها أو تجعلها تقف  
+موقف الحياد.
+
+أثناء المفاوضات السورية الفرنسية سنة 1937م، شجعت فرنسا تركيا على قضية لواء الإسكندرونة  
+بجعله كيان مستقل، إلا أن تركيا ادعت أن أغلب سكانه من الأتراك، لذلك رفعت تركيا القضية إلى  
+عصبة الأمم بعد أن تبادلت المذكرات مع فرنسا، التي أقرت اتفاق جنيف سنة 1937م، والذي
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+128
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة استمرار نضال الحركة الوطنية السورية ضد الاحتلال الفرنسي، وتركز على الثورة السورية الكبرى (1925-1927م) وأهدافها في الاستقلال ووضع دستور للبلاد.  
+كما تشرح تطورات معاهدة 1936م، ومفاوضات السوريين مع فرنسا، مع استمرار فرنسا في التدخل العسكري والإداري ورفضها تسليم السلطات كاملة.  
+وتعرض أيضاً قضية لواء الإسكندرونة في ظل التنافس الدولي قبيل الحرب العالمية الثانية، وكيف شجعت فرنسا المطالب التركية بشأنه.  
+الصفحة عبارة عن نص تاريخي فقط داخل إطار مزخرف، مع عنوان علوي ورقم الصفحة 128 في الأسفل.
+
+
+================================================================================
+PAGE 129 - page_0129.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+وأصبح بموجبه لواء الاسكندرونة مستقلاً عن سوريا، ما عدا قضايا النقد والبريد والتمثيل الخارجي، ولإظهار أكثرية الأتراك وضع قانون للانتخابات، جرى بموجبه تقسيم العرب في اللواء إلى سني وعلوي ومسيحي.
+
+ولما أرسلت عصبة الأمم لجنة دولية لإجراء الانتخابات سنة 1939م، في اللواء سلكت فرنسا وتركيا سبيل التزوير، ولما فشلتا في ذلك جعلتا الوضع لصالح تركيا، حيث أطلقت النار على بعض أفراد اللجنة الدولية فشعروا بالتهديد، لذلك انسحبت اللجنة معلنة فشلها في تسيير الانتخابات، وعلى أثر ذلك دخلت القوات التركية إلى اللواء، وأشرفت الحكومة التركية على الانتخابات، وصنعت نتيجتها كيف تشاء حيث أعطت للأقلية التركية عدد (22) نائباً، وعليه فقد ضم اللواء إلى تركيا نهائياً بموجب اتفاقية (أنقرة) الثانية في شهر آب أغسطس 1939م، على الرغم من أن لواء الاسكندرونة جزءاً أساسياً من سوريا، ومرتبطاً بها ارتباطاً عضوياً وتاريخياً، وبذلك خالفت فرنسا صك الانتداب والذي يقول بأن الدولة المنتدبة لا يحق لها التنازل عن أي جزء من الأرض المنتدبة عليها.
+
+- سوريا أثناء وبعد الحرب العالمية الثانية:
+
+في شهر سبتمبر 1939م بدأت الحرب العالمية الثانية وكانت فرنسا طرفاً رئيسياً فيها وأصبح لزاماً أن تتأثر المستعمرات الفرنسية بما يقع في فرنسا خاصة وأوروبا عامة وفي شهر يونيو 1940م دخل الجيش الألماني إلى فرنسا وسقطت بيده مدينة باريس وشكل الألمان حكومة فرنسية موالية لهم في حين شكلت مجموعة من الضباط الفرنسيين حكومة فرنسا الحرة في لندن بقيادة الجنرال ديجول وفي إطار صراع الطرفين أعلنت حكومة فرنسا الحرة انتهاء الانتداب إلا أن الوعد لم ينفذ وبقي معطلاً فاندلعت الاضطرابات العنيفة وعقد مؤتمر باريس الذي حضره كل من سوريا ولبنان وفرنسا وبريطانيا وتقرر فيه جلاء القوات الفرنسية جلاءً تاماً في يوم 17 ابريل 1946م وأصبح هذا اليوم عيداً وطنياً في سوريا.
+
+2- الحركة الوطنية في لبنان:
+
+مرت لبنان بنفس المشاكل التي مرت بها سوريا على طريق الحصول على الاستقلال مع بعض الفروق، فالانتداب الفرنسي لقي ترحيباً لدى بعض الطوائف اللبنانية من الكاثوليك والموارنة، الذين أبدوا رغبتهم أمام لجنة (كنج - كرين) في حصول الانتداب الفرنسي على لبنان، نظراً للعلاقات الثقافية التي ترسخت منذ سنة 1860م، بين هؤلاء وفرنسا، عندما جاءت للتدخل لصالح الموارنة والكاثوليك وفق ما نص عليه حق الامتيازات الذي منحته الدولة العثمانية لفرنسا، إضافة إلى رغبة فرنسا أصلاً للانتداب على سوريا ولبنان، على اعتبارها من مناطق نفوذها في المنطقة العربية.
+
+129
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة قضية لواء الاسكندرونة وكيف فُصل عن سوريا وضُمّ إلى تركيا سنة 1939م عبر انتخابات شابها التزوير والتدخل التركي والفرنسي.  
+ثم تشرح أوضاع سوريا أثناء الحرب العالمية الثانية وبعدها، وسقوط فرنسا، وظهور فرنسا الحرة، وصولاً إلى جلاء القوات الفرنسية عن سوريا في 17 أبريل 1946م.  
+كما تبدأ بعرض الحركة الوطنية في لبنان، وتوضح اختلاف موقف بعض الطوائف اللبنانية من الانتداب الفرنسي ورغبتهم به بسبب الروابط التاريخية والثقافية مع فرنسا.  
+الصفحة عبارة عن نص تاريخي فقط داخل إطار مزخرف، ولا تحتوي على صور أو خرائط أو رسوم بيانية.
+
+
+================================================================================
+PAGE 130 - page_0130.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+وفي سنة 1920م، عقد اجتماع ضم زعماء الطوائف الدينية في لبنان، طالبوا خلاله بالتعاون والتفاهم مع سوريا، فاتهمتهم سلطات الانتداب بالخيانة العظمى، وحكمت على بعضهم بالنفي وعلى بعضهم الآخر بالسجن.
+
+وقد عمل المندوب السامي الفرنسي (جورو) على زرع الفتنة وإيقاع الفرقة بين سوريا ولبنان، فأخذ أجزاءً من سوريا وضمها إلى لبنان، وأعلن الجمهورية اللبنانية سنة 1926م، وقد أدركت العناصر اللبنانية حقيقة الموقف، فلم تستجب له ولم ترضَ على ذلك، واستمرت تجاهر بالثورة ضد الانتداب الفرنسي وتصرفاته.
+
+وفي سنة 1936م، وضع مشروع معاهدة بين فرنسا ولبنان، تشبه إلى حد كبير المعاهدة التي عقدت بين فرنسا وسوريا، غير أن البرلمان الفرنسي رفض هذه المعاهدة، وقد تطورت الأحداث عند نشوب الحرب العالمية الثانية سنة 1939م، مما أدى إلى إلغاء الجنرال (كاترو) الانتداب الفرنسي على لبنان في يوم 26 من شهر نوفمبر 1941م، وتألفت بعد عامين حكومة وطنية في لبنان، خيبت آمال الفرنسيين في إمكانية استمرار نفوذهم في لبنان، بعد أن كانت تتوقع استمرار ذلك بسبب العلاقات الدينية والثقافية معهم، غير أن اللبنانيين تمسكوا بالقومية العربية، وعليه فإن حكومة لبنان ألغت بعض مواد الدستور القديم التي تؤكد السيادة الفرنسية، فاعتقلت القوات الفرنسية أعضاء الحكومة اللبنانية وعطلت الدستور أثناء الحرب العالمية الثانية 1943م، واضطر الجنرال (كاترو) إلى العدول عن موقفه عند اشتداد الثورة، وخشي أن تمتد الثورات إلى بقية أجزاء المنطقة العربية، لذلك تجددت الثورة في لبنان وانسحبت القوات الفرنسية منه، بعد أن عرضت القضية على الأمم المتحدة في آخر شهر سبتمبر سنة 1946م، ونال بذلك لبنان استقلاله كاملاً.
+
+3 - الحركة الوطنية في شرق الأردن:
+
+كانت أراضي شرق الأردن تابعة لولاية دمشق أثناء الحكم العثماني للمنطقة العربية، وقد تبعت حكومة (فيصل بن الحسين) في دمشق طيلة فترة وجودها بين عامي (1918-1920م)، وعندما أقرت الدول الأوروبية الاستعمارية نظام الانتداب في مؤتمر (سان ريمو) في إيطاليا عام 1920م، أصبح شرق الأردن تحت الانتداب البريطاني، باعتباره جزءاً من إقليم فلسطين، وعندما سقطت حكومة الأمير (فيصل) في دمشق عام 1920م، وأخرجته السلطات الاستعمارية الفرنسية من سوريا، غضب شقيقه الأمير (عبد الله بن الشريف الحسين)، وأثار له ضد الفرنسيين محاولاً مهاجمتهم في سوريا، فقد جمع حوله أكثر من (150) رجلاً، وحاول الدخول إلى سوريا، وأخذ ينتقد الفرنسيين، ففرضت عليه فرنسا:
+
+130
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة تطور القضية اللبنانية في ظل الانتداب الفرنسي، من محاولات الفرنسيين التفريق بين لبنان وسوريا، إلى إعلان الجمهورية اللبنانية، ثم نضال اللبنانيين حتى نيل الاستقلال الكامل سنة 1946م.  
+كما تعرض مشروع المعاهدة الفرنسية اللبنانية سنة 1936م، وأحداث الحرب العالمية الثانية، واعتقال الحكومة اللبنانية ثم تراجع فرنسا تحت ضغط الثورة.  
+وفي آخر الصفحة يبدأ عنوان جديد عن الحركة الوطنية في شرق الأردن، موضحًا تبعية شرق الأردن لدمشق ثم وقوعه تحت الانتداب البريطاني بعد مؤتمر سان ريمو سنة 1920م.  
+بصريًا، الصفحة نصية بالكامل تقريبًا، تتضمن عنوانًا علويًا، وفقرة رئيسية، وعنوانًا فرعيًا مرقمًا، مع رقم الصفحة 130 وإطار زخرفي بسيط حول الصفحة.
+
+
+================================================================================
+PAGE 131 - page_0131.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+أ- التعهد له بمنع دخول اليهود إلى شرق الأردن على أن يتخلى عن إصراره على مهاجمة الفرنسيين.
+
+ب- تعيينه أميراً على شرق الأردن تحت الانتداب البريطاني، وتقدم حكومة بريطانيا مساعدة مالية سنوية له.
+
+قبل الأمير (عبد الله) عرض (تشرشل)، كما قبل شقيقه (فيصل) ليكون ملكاً على العراق تحت الانتداب البريطاني مثله، وبذلك أقام الإنجليز عرشين للأسرة الهاشمية في شرق الأردن والعراق، وتحت وصايتهم، واستطاعت بريطانيا أن تراقب أي نشاط فرنسي في الشرق الأوسط وتسيطر عليه كما استطاعت أن تؤدي دوراً مهماً في سياسة الشرق الأوسط كله.
+
+وقد اهتم الأمير (عبد الله بن الشريف الحسين) في بادئ الأمر بالقضية العربية، حيث أوكل إليه والده (الشريف الحسين) الإشراف على إدارة الشؤون الخارجية لإمارة مكة، كما أنه كان الوسيط الذي ساهم في إنجاح مراسلاته مع (مكماهون)، وتسجل له الأحداث أنه كان من أشد المتحمسين لثورة العرب على تركيا، ومن الذين يجهرون بالدعوة لأجل الانحياز التام إلى الحلفاء في الحرب، وكان طموحه في أن يكون ملكاً على دولة سوريا الكبرى وليس شرق الأردن فحسب. ولما علم نشطاء العرب والمثقفون ومنتسبو الحركة الوطنية بالاتفاق الذي تم بين (تشرشل) والأمير (عبد الله)، دعوا إلى تسيير المظاهرات الداخلية الكثيفة في مدن الكرك والطفيلة وغيرها من المناطق، نتج عنها تأجيل الاعتراف الرسمي بالأمير (عبد الله) إذ كان ضمن شروط الاتفاق أن تبقى المنطقة هادئة.
+
+أ- معاهدة سنة 1928م:
+
+تم عقد هذه المعاهدة بين الأمير (عبد الله) وبريطانيا عام 1928م، وقد مكنت المعاهدة بريطانيا من إطلاق يدها في الشؤون الإدارية والسياسية، ونصت على حق بريطانيا في إقامة قواعد عسكرية في شرق الأردن، وشروط أخرى تتعلق بالنظام الإداري.
+
+قابل الأردنيون هذه المعاهدة بمعارضة قوية، وقد تجلت قوة المعارضة في المؤتمر الذي عقدوه في مدينة عمان، وطالبوا فيه بإسقاط المعاهدة، إلا أن الأمير (عبد الله) ضغط على المعارضة وسجن وعذب أعضاءها، مما اضطر كثير منهم إلى الفرار إلى سوريا ولبنان، بعيداً عن مناطق النفوذ البريطانية.
+
+ب- قيام المملكة الأردنية الهاشمية:
+
+أُنشئت الجامعة العربية سنة 1945م، وانضمت إليها المملكة الأردنية على أنها مملكة مستقلة، غير أن الأمير شعر بجرح شديد، إذ كان يوجه إليه النقد بسبب علاقته ببريطانيا، ولذلك طلب إلغاء الانتداب البريطاني فأجابته بريطانيا لما أراد، وعقدت معه معاهدة صداقة وتحالف في سنة
+
+131
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة نشأة إمارة شرق الأردن تحت الانتداب البريطاني، ودور تشرشل في تنصيب الأمير عبد الله وتقديم الدعم البريطاني له. كما تشرح طموحات الأمير عبد الله السياسية وموقف الحركة الوطنية الأردنية المعارضة للاتفاق مع بريطانيا.  
+وتعرض الصفحة معاهدة 1928م وآثارها في توسيع النفوذ البريطاني داخل شرق الأردن، ثم تذكر المعارضة الشعبية لها.  
+وفي آخر الصفحة تبدأ بالحديث عن قيام المملكة الأردنية الهاشمية وانضمامها إلى الجامعة العربية سنة 1945م، مع الإشارة إلى سعي الأمير لإلغاء الانتداب البريطاني.  
+العناصر البصرية تقتصر على إطار زخرفي للصفحة، عنوان جانبي أعلى الصفحة، ورقم الصفحة 131 مع تذييل حقوق النشر.
+
+
+================================================================================
+PAGE 132 - page_0132.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+1946م، عارض العرب عامة والأردنيون خاصة وبشدة هذه المعاهدة فاضطرت بريطانيا إلى تعديلها سنة1948م،
+حيث أضيفت إليها فقرة نصت على أن تصبح إمارة شرق الأردن دولة مستقلة تسمى (المملكة
+الأردنية الهاشمية).
+
+- الحركة الوطنية في العراق:
+
+تقدمت القوات الهندية الإنجليزية المرابطة في إمارة البحرين عند نشوب الحرب العالمية الأولى 1914م
+لاحتلال البصرة ثم اتجهت إلى بغداد تصدت لها القوات التركية المتحالفة مع الألمان وأرغمتها على
+التوقف عند مدينة الكوت قرب بغداد وشدد الألمان الحصار على القوات البريطانية حتى استسلمت
+عام 1916م، إنزعجت بريطانيا من هذه الهزيمة فأرسلت إمدادات بقيادة الجنرال (مود) لأجل إنقاذ
+الموقف فنجح في ذلك وزحف على بغداد وتم له ذلك في فبراير 1917م غير أن الأمر اختلف بعد توقف
+العمليات العسكرية ضد الدولة العثمانية في 30 نوفمبر 1918م فقد حرصت بريطانيا أن تكون أرض
+الرافدين من نصيبها بموجب مؤتمر الانتداب في (سان ريمو) فكانت ردة فعل الشعب العراق ضد
+الاستعمار البريطاني قوية تمثلت في (ثورة عام 1920م).
+
+- ثورة العشرين:
+
+بدأت ثورة العشرين العراقية في حوض الفرات ثم انتقل أثرها إلى بقية مناطق العراق ودارت
+على أثرها عدة معارك بين البريطانيين والعراقيين ولما يئست بريطانيا من إخماد الثورة نظرًا لتفاقم
+الموقف في العراق اضطرت إلى تغيير سياستها لإدراك مدى أهمية التفاهم سلميًا مع العرب وانتهى
+الأمر بالاتفاق على إنشاء حكومة وطنية واختيار الأمير فيصل بن الشريف الحسين ملكًا على العراق
+(1921-1933م) والتفاوض لعقد معاهدة تحالف بينهما. وقد تم إعداد مشروع قرار عن مجلس
+الشورى العراقي ينص على تقديم عرش العراق للأمير فيصل بن الشريف الحسين والمناداة به ملكًا في
+أغسطس 1921م.
+
+فرح العراقيون بتتويج فيصل ملكًا عليهم واعتبروا ذلك خطوة في سبيل الاستقلال وكانت بريطانيا
+ترغب في استمرار سيطرتها على العراق وتحقيق أهدافها الاستعمارية من خلال عقد معاهدات ثنائية
+مع الملك فيصل الأول وكان من أهمها معاهدة سنة 1930م.
+
+قام الناشطون من الحركة الوطنية والمثقفون بانتفاضات عارمة تعبيرًا عن رفضهم هذه المعاهدة بعدما
+أيقنوا أن أمل الشعب العراقي في الاستقلال الكامل لم يتحقق وإنما تم استبدال الشكل وبقي المضمون الاستعماري
+كما هو فعملت الحكومة على استخدام العنف بجميع وسائله لقمع الحركة الوطنية.
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+132
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة الحركة الوطنية في العراق خلال الاحتلال البريطاني، بدءًا من تقدم القوات البريطانية أثناء الحرب العالمية الأولى واحتلال بغداد، ثم فرض الانتداب البريطاني. كما تشرح ثورة العشرين وأثرها في إجبار بريطانيا على تغيير سياستها وإنشاء حكومة وطنية وتنصيب الأمير فيصل ملكًا على العراق سنة 1921م.  
+وتشير أيضًا إلى استمرار النفوذ البريطاني عبر المعاهدات، خاصة معاهدة 1930م، وما أثارته من رفض وانتفاضات وطنية.  
+بصريًا: الصفحة من كتاب مدرسي عربي، فيها عنوان فرعي بارز باللون البني، وإطار زخرفي حول النص، ورقم الصفحة 132 أسفل اليمين.
+
+
+================================================================================
+PAGE 133 - page_0133.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+في يوم 29 أكتوبر 1936م حدث أول إنقلاب عسكري في تاريخ المنطقة العربية الحديث وقد حدث في فترة حكم الملك غازي الأول بن فيصل الأول (1933-1939م) وقاده الفريق بكر صدقي — قائد الفرقة الثانية في الجيش العراقي — غير أن هذا الإنقلاب لم يستمر طويلاً حيث اغتيل قائده في أغسطس 1937م وبقي العراقيون متضاربين في ظل الملك غازي بن فيصل كما استمروا يكافحون النفوذ البريطاني الاستعماري إلى أن لقي الملك مصرعه في حادث سيارة بشكل غامض واتضح أن السلطات البريطانية كانت لها يد في الحادث بسبب مواقف الملك غازي الوطنية والقومية لذلك عمت المظاهرات أرجاء العراق واضطربت الحياة السياسية في العراق وكثرت المنازعات بين الحكومة وزعماء الأحزاب السياسية.
+
+قامت الحرب العالمية الثانية في سبتمبر 1939م الأمر الذي شجع مجموعة من الضباط العراقيين على القيام بثورة ضد النظام الملكي المتحالف مع بريطانيا وقد تزعمها السياسي العراقي (رشيد عالي الكيلاني) في شهر أبريل 1941م يؤيده مجموعة من الضباط الوطنيين فعملت بريطانيا على شن عدوان على العراق تعرضت فيه بغداد وعدد من المدن العراقية لغارات جوية مكثفة من الطائرات البريطانية من أجل إسقاط حكومة الثورة والقبض على زعمائها وإعادة الحكم الملكي بكل مؤسساته وبالفعل عاد الوصي على العرش ومعه أركان حكومته في شهر يونيو 1941م.
+
+بقي الوضع كما هو عليه مضطرباً وفي حالة مد وجزر بين الحكومة المدعومة من بريطانيا وبين القوى الوطنية المختلفة حتى عام 1958م عندما قامت الثورة العراقية الكبرى وتم إسقاط النظام الملكي بكامل مؤسساته.
+
+- الحركات الوطنية في شبه الجزيرة العربية:
+
+1 - الحركة الوطنية في الحجاز:
+
+بدأت الحركة الوطنية في شبه الجزيرة العربية في إقليمي الحجاز ونجد، بظهور الأمير (فيصل بن تركي 1843-1865م) واستيلائه على إقليم نجد، بعد عودته من منفاه في مصر، وذلك بمساعدة أعوانه هناك، وقد ترتب على ذلك أن استقرت الأحوال السياسية في الإقليم، ونعمت المنطقة بالأمن والرخاء، وخلال ذلك نشطت الحركة الوهابية، وهي حركة دينية مدعومة سياسياً من قبل الأمراء السعوديين، وانتشر أثرها حيث وصل نفوذ (آل سعود) خلال هذه الفترة وامتد من إقليم عسير غرباً حتى الإحساء شرقاً، كما أخضع الأمير (فيصل بن تركي) العديد من أمراء منطقة الخليج العربي شرق شبه الجزيرة العربية، ولكن هذه الجهود لم تستمر طويلاً، حيث حدث الانقسام بين أبناء (فيصل) بعد وفاته
+
+133
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة تطورات الأوضاع السياسية في العراق بين 1936م و1958م، بدءاً من أول انقلاب عسكري بقيادة بكر صدقي، ثم مقتل الملك غازي، وثورة رشيد عالي الكيلاني سنة 1941م، وانتهاءً بسقوط النظام الملكي سنة 1958م.  
+كما تبدأ الصفحة موضوعاً جديداً عن الحركات الوطنية في شبه الجزيرة العربية، وبالتحديد الحركة الوطنية في الحجاز ونجد ودور فيصل بن تركي في توحيد النفوذ واستقرار المنطقة.  
+لا توجد صور أو خرائط أو رسوم بيانية، وإنما صفحة نصية تعليمية فقط داخل إطار مزخرف، مع عناوين فرعية بارزة ورقم الصفحة 133 في الأسفل.
+
+
+================================================================================
+PAGE 134 - page_0134.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+(الأمير عبد الله- الأمير سعود) فتمكن (سعود) من السيطرة على مدينة الرياض، بينما سيطر الأمير (عبد الله) على منطقة الأحساء بمساعدة والي العراق العثماني (مدحت باشا)، الذي أمده بقوات ومساعدات أخرى تمكنه من بسط نفوذه على المنطقة تحت السيادة العثمانية.
+
+توفي الأمير (سعود) سنة 1874م بنجد، وخلفه في زعامة (آل سعود) شقيقه الأمير (عبد الرحمن) على إمارة نجد، ثم تجددت الحرب الأهلية بين الأمراء السعوديين مرة أخرى، مما تسبب في ضعف قوتهم، حيث سعى كل منهم لتوسيع نفوذه على حساب الآخرين؛ فاستغل الأمير (محمد بن عبد الله آل الرشيد) أمير منطقة حائل هذا الظرف وهذه الفتنة الناشبة بين (آل سعود)، وتمكن بمساعدة الدولة العثمانية من اقتحام إقليم نجد ودخول مدينة الرياض والسيطرة عليها، منهياً بذلك ما يعرف في تاريخ المنطقة بالدولة السعودية الثانية، بعد أن هاجر الأمير (عبد الرحمن آل سعود) مع أولاده إلى الكويت واستقر في ضيافة (آل الصباح).
+
+الأمير (عبد العزيز آل سعود) ودوره في إحياء الدولة السعودية الثالثة:
+أراد (ابن الرشيد) توسيع ملكه بالسيطرة على إمارة الكويت، فوقف الأمير (عبد الرحمن آل سعود) وابنه (عبد العزيز) مع أمير الكويت الشيخ (مبارك آل الصباح) ضد (ابن الرشيد)، وفي نفس الوقت قدم أمير الكويت الدعم اللازم لأمراء (آل سعود) من أجل استرداد أملاكهم التي استولى عليها (ابن الرشيد)، وبفضل هذه المساعدات الكويتية تمكن الأمير (عبد الرحمن) ونجله (عبد العزيز آل سعود) من دخول مدينة الرياض، غير أن الشيخ (مبارك) أمير الكويت تعرض للهزيمة أمام (ابن الرشيد) وعاد للكويت، ولما علم الأمير (عبد العزيز آل سعود) بهزيمة الشيخ (مبارك)، ترك الرياض وعاد هو الآخر إلى الكويت، وما إن استقرت الأحوال في الكويت، حتى قام (عبدالعزيز آل سعود) بالإعداد لاسترداد الرياض وتحصينها حتى لا تتكرر المأساة مرة أخرى.
+
+فخرج في عدد كبير من رجاله المسلحين باتجاهها، حيث دخلها ليلاً، وكانت مفاجأة لـ(ابن الرشيد) الذي لم يستطع الدفاع عنها، ولم يكن يتوقع قدرة أمراء (آل سعود) على مهاجمته والسيطرة على الرياض، وعلى أثر هذا الهجوم، وبفضل تبادل التعاون بين الطرفين ضد (ابن الرشيد) تمكن الأمير (عبد العزيز) من تحصين الرياض التي أصبحت عاصمة الدولة السعودية الثالثة (المملكة العربية السعودية فيما بعد).
+
+حاولت الدولة العثمانية إعادة نجد إلى مالكها وأرسلت حملة عسكرية لمساعدة (ابن الرشيد)، لكن (عبد العزيز آل سعود) هزمهم؛ لذلك انسحب العثمانيون نهائياً سنة 1906م، وانفرد الأمير (عبد العزيز بن عبد الرحمن آل سعود) بحكم إقليم نجد، وقلص إمارة (آل الرشيد)
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+134
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة الصراع بين أمراء آل سعود بعد وفاة الأمير سعود سنة 1874م، وما نتج عنه من ضعف الدولة السعودية الثانية وسقوطها على يد ابن الرشيد بدعم عثماني.  
+ثم تشرح دور الأمير عبد العزيز آل سعود في استعادة الرياض وإحياء الدولة السعودية الثالثة بمساندة الكويت وآل الصباح.  
+كما تشير إلى فشل العثمانيين في إعادة السيطرة على نجد بعد هزيمتهم سنة 1906م، مما مهد لتثبيت حكم عبد العزيز في نجد.  
+الصفحة نصية بالكامل تقريبًا، وتحتوي على عنوان فرعي بارز وإطار زخرفي حول الصفحة مع رقم الصفحة 134 أسفل اليمين.
+
+
+================================================================================
+PAGE 135 - page_0135.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+لتكون في منطقة حائل فقط، ثم انتهز (عبد العزيز) فرصة هزيمة العثمانيين أمام الإيطاليين في ليبيا عام 1912م، قبل الحرب العالمية الأولى، ونشوب حرب البلقان سنة 1913م، فقام بغزو إقليم الإحساء ومنطقة الخليج العربي، وضمهما إلى دولته التي اعترفت بها الدولة العثمانية لعجزها عن مقاومتهما حينئذٍ، كما اعترفت بـ (عبد العزيز آل سعود) والياً على نجد ومتصرفاً بالإحساء، من أجل أن تبقى تحت سيادتها ولو كانت اسمية، غير أن الوضع السياسي بالمنطقة قد تغير بعد قيام الحرب العالمية الأولى 1914م.
+
+2- الحركة الوطنية في اليمن الشمالي:
+
+أ- ثورة اليمن على حكم الأتراك:
+
+خضعت اليمن للحكم العثماني كغيرها من البلاد العربية خلال القرن السادس عشر الميلادي، وأمام ضراوة المقاومة الوطنية وطبيعة اليمن الجغرافية، اضطر العثمانيون إلى الإجلاء عن اليمن سنة 1645م، ثم عادوا إليها سنة 1872م وقد حدث نزاع بين إمام اليمن علي بن المهدي وأعدائه سنة 1872م، فتعاونوا مع العثمانيين الذين دخلوا صنعاء وطردوا الإمام، فاضطر للخروج إلى الأقاليم الشمالية الجبلية والاعتصام بها، وقد بقي العثمانيون يحكمون اليمن بالقوة والعنف، مما أثار سخط القبائل اليمنية خاصة وأن أهل اليمن معظمهم يتبعون المذهب الشيعي الزيدي، بينما العثمانيون يتبعون المذهب السني، وعندما تولى الإمام (المنصور بن يحيى حميد الدين) تجمعت حوله القبائل اليمنية، فقام بمحاربة العثمانيين وحاصر مدينة صنعاء، غير أن الدولة العثمانية فوتت عليه الفرصة ودعمت قواتها باليمن، حيث أرسلت إليه قوات عسكرية ضاربة تمكنت من قمع الثورة التي قام بها الإمام (المنصور) ضدهم، إذ قامت هذه القوات بحرق القرى وصادرت أموال المواطنين ونفت العلماء والفقهاء، غير أنها لم تستطع الوصول إلى شخص الإمام (المنصور)، الذي ظل معتصماً في معاقله الجبلية شمال اليمن، ولما تولى الإمام (يحيى حميد الدين) الحكم سنة 1904م، قاد الثورة ضد العثمانيين وانتزع منهم الحصون والقلاع المدافعة عن المدن، فسقطت من أيديهم مدينة صنعاء سنة 1905م، ثم جاءت قوات عثمانية استردتها منه مرة أخرى، ولما شعرت الدولة العثمانية بأنها لا تستطيع الاحتفاظ باليمن تحت سيطرتها عرضت الصلح على الإمام (يحيى)، على أن يحتفظ بالأقاليم التي يسيطر عليها، ويعين حاكماً لها، فهدأت الثورة مؤقتاً ثم عقدت معه صلحاً آخر في سنة 1911م.
+
+عاد العثمانيون مرة أخرى إلى معاملة أهل اليمن بقسوة وعنف شديدين، فعمل (يحيى) عندما شعر بذلك على استنفار القبائل، وحاصر بها صنعاء والمدن الأخرى وذلك في سنة 1910م، لذلك غيرت الدولة العثمانية سياستها تجاه اليمن أثناء تولي جماعة الاتحاد والترقي السلطة في تركيا، بعد الإطاحة
+
+135
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة تطورات الوضع السياسي في الجزيرة العربية قبل الحرب العالمية الأولى، خاصة توسع عبد العزيز آل سعود وضم الإحساء والخليج العربي مع اعتراف عثماني شكلي بذلك.  
+ثم تبدأ عنوانًا جديدًا عن **الحركة الوطنية في اليمن الشمالي**، وتركز على **ثورة اليمن ضد الحكم العثماني**.  
+تشرح عودة العثمانيين إلى اليمن سنة 1872م، ومقاومة الأئمة والقبائل اليمنية لهم، خاصة الإمام المنصور ثم الإمام يحيى حميد الدين.  
+كما تعرض أساليب العثمانيين القمعية، وتطور الثورة، وسقوط صنعاء ثم استردادها، وانتهاء الأمر بصلح مع الإمام يحيى سنة 1911م.  
+الصفحة ذات طابع نصي تعليمي فقط، وتحتوي على إطار زخرفي وعناوين فرعية دون صور أو رسوم بيانية.
+
+
+================================================================================
+PAGE 136 - page_0136.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+بالسلطان (عبد الحميد الثاني)، وقيام الحرب بين تركيا وإيطاليا في ليبيا، فاضطرت الدولة العثمانية إلى عقد صلح مع الإمام (يحيى) سنة 1911م، ظل الإمام والدولة العثمانية مخلصين لهذا الصلح، حتى قيام الحرب العالمية الأولى عام 1914م، وانتهاء الحكم العثماني في اليمن، فأصبح الإمام في مركز حرج لوجود القوات العثمانية المرابطة في بلاده، والقوات البريطانية المرابطة جنوبه في عدن بجوار المحميات الإنجليزية الموجودة جنوب اليمن، ورغم ذلك بقي الإمام موالياً للعثمانيين طول مدة الحرب ومعادياً للبريطانيين وقد كان الإمام مقتنعاً بهذا الموقف بسبب:
+أ- عدائه للبريطانيين الذين استولوا على المحميات العربية اليمنية الجنوبية التي كان يعتبرها الإمام جزءاً لا يتجزأ من اليمن.
+ب- تلبية نداء الأخوة الإسلامية التي تربط الشعب اليمني بدولة الخلافة العثمانية، وبذلك بقي اليمن متضامناً مع القوات العثمانية، بل واشترك معها في مهاجمة القوات البريطانية في عدن والمحميات المحيطة بها، مما أدى إلى اعتداء البريطانيين على المدن والموانئ اليمنية.
+وقد تحررت اليمن من السيطرة العثمانية بعد أن هزمت الدولة العثمانية في الحرب العالمية الأولى، وخرجت قواتهم من اليمن اختيارياً.
+وعندما ظهرت الدولة السعودية الثالثة للوجود، اصطدمت مع اليمن بشأن الخلاف على تحديد مناطق النفوذ بينهما بإقليم عسير، بعد أن ضمه السعوديون إلى ممتلكاتهم عام 1930م، لذلك نشب القتال وانتهى الأمر بتدخل بعض الدول العربية من أجل الوساطة فعقدت بينهما معاهدة الطائف سنة 1934م.
+
+ب- العلاقات اليمنية البريطانية:
+بعد أن انسحب الأتراك من اليمن عقب الحرب العالمية الأولى، استقر الأمر للإمام ولم يبق له إلا القوات البريطانية في الجنوب، فكثرت بسبب ذلك النزاعات بين الطرفين، خاصة قضايا الحدود، حيث امتنعت اليمن عن الاعتراف بالمحميات البريطانية الواقعة في الجنوب، وعلى الرغم من المعاهدة التي عقدها الطرفان سنة 1934م، والتي أقرت فيها بريطانيا باستقلال اليمن التام، فقد ساءت العلاقات بينهما، ومع ازدياد التوتر في العلاقات، غارات البريطانيين على مدن اليمن والقرى اليمنية المتاخمة للجنوب العربي المحتل، تم اغتيال الإمام (يحيى) سنة 1948م، وخلفه (عبد الله) الوزير الذي أعلن عن نفسه إماماً، ثم أطيح به الإمام (أحمد بن يحيى) واسترد عرش والده، غير أنه أساء كثيراً إلى الشعب اليمني بحكمه للبلاد بطريقة متخلفة جداً، في الوقت الذي تطورت فيه الحياة السياسية والاقتصادية والاجتماعية من حوله، بل أخذ يهاجم السياسة الاشتراكية التي اعتمدتها الجمهورية العربية المتحدة، فأعلنت مصر انتهاء الاتحاد الذي كان قائماً بينها وبين اليمن منذ شهر مارس عام 1958م.
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+136
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة تاريخ اليمن في أواخر العهد العثماني وبدايات استقلاله، وموقف الإمام يحيى من العثمانيين والبريطانيين أثناء الحرب العالمية الأولى. كما تشرح تحرر اليمن من الحكم العثماني، ثم الخلاف اليمني السعودي حول عسير ومعاهدة الطائف سنة 1934م.  
+وتعرض أيضاً تطور العلاقات اليمنية البريطانية بعد الحرب العالمية الأولى، والنزاعات الحدودية مع بريطانيا، ثم اغتيال الإمام يحيى سنة 1948م وصعود الإمام أحمد بن يحيى.  
+الصفحة نصية بالكامل تقريباً، ولا تحتوي على صور أو خرائط، وإنما إطار زخرفي بسيط حول الصفحة مع رقم الصفحة في الأسفل.
+
+
+================================================================================
+PAGE 137 - page_0137.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+3- الحركة الوطنية في اليمن الجنوبي:
+
+كان جنوب اليمن من ضمن الحميات البريطانية منذ أن سقطت مدينة عدن في يدها شهر يناير سنة 1839م، ولأجل بسط بريطانيا سيطرتها على الجنوب العربي لأهميته الاستراتيجية، قسمته إلى كيانات سياسية مصطنعة لتضمن استمرار سيطرتها عليه، ولكن مركز بريطانيا بدأ يضعف تدريجياً في المنطقة ويلاقي مقاومة عنيفة وذلك بسبب:
+أ- عدم اعتراف اليمن بالوجود البريطاني في هذه المنطقة.
+ب- الانتفاضة الوطنية في عدن عام 1955م، وتصميم أبناء الجنوب على الكفاح في سبيل الاستقلال وإصرارهم على توحيد مناطق الجنوب.
+عمدت بريطانيا إلى تكوين اتحاد يضم إمارات الجنوب العربي خدمة لأغراضها وحماية لمصالحها الاستعمارية.
+فأعلنت في عام 1959م، مشروع قيام (اتحاد إمارات الجنوب العربي)، وقد لقي المشروع معارضة شديدة من شعب الجنوب العربي الذي أخذ يناضل ويكافح لإزالة الوجود الاستعماري، ويحقق وحدة المنطقة وضمان حق الشعب العربي في الجنوب في تقرير مصيره.
+إزاء اشتداد المقاومة وإحساس بريطانيا بصعوبة استمرار وجودها، خاصة بعد اندلاع الثورة في كل مناطق الجنوب، وافقت على جلاء قواتها واستقلال البلاد في نوفمبر عام 1967م، وقد أعلن عن قيام جمهورية اليمن الجنوبية الشعبية، وفي شهر نوفمبر 1970م، أصبحت اليمن الجنوبية الشعبية تعرف باسم (جمهورية اليمن الديمقراطية الشعبية) وفي شهر أكتوبر عام 1972م، عقد اجتماع ضم شطري اليمن الشمالي واليمن الجنوبي بمقر جامعة الدول العربية بالقاهرة، وكذلك تم عقد اجتماعات أخرى في ليبيا، وتم الاتفاق على أن يتوحد القطران في دولة واحدة وأن يتم ذلك تدريجياً وقد تحقق هذا الأمر وأصبح اليمن دولة واحدة.
+
+4- الحركة الوطنية في الخليج العربي:
+
+أ- قيام دولة الإمارات العربية المتحدة:
+
+حرص سكان الإمارات على ضرورة تكوين اتحاد يجمع شملهم، غير أن الاستعمار البريطاني المدرك لأهمية هذه المنطقة الاقتصادية والاستراتيجية تباطأ في الانسحاب، حتى يؤمن مصالحه في هذه المنطقة الحساسة، هذا بالإضافة إلى الأطماع الإيرانية للتسلط على بعض إمارات الخليج وخاصة البحرين، وكذلك حرصت المملكة السعودية على إبعاد النفوذ الإيراني عن الخليج، كل هذا أسفر عن وضع سياسي خاص في المنطقة، في هذا الجو السياسي المعقد ظهرت فكرة إنشاء اتحاد إمارات الخليج، المكونة
+
+137
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة الحركة الوطنية في اليمن الجنوبي ضد الاستعمار البريطاني، وأسباب تصاعد المقاومة حتى نيل الاستقلال سنة 1967م، ثم تطور اسم الدولة في الجنوب ومساعي الوحدة مع اليمن الشمالي حتى تحقق توحيد اليمن.  
+كما تبدأ الصفحة في عرض الحركة الوطنية في الخليج العربي، وبالتحديد ظروف قيام دولة الإمارات العربية المتحدة، مع الإشارة إلى الدور البريطاني والأطماع الإيرانية والظروف السياسية في المنطقة.  
+بصرياً، الصفحة من كتاب مدرسي عربي، فيها عناوين رئيسية فرعية باللون البني، إطار زخرفي حول الصفحة، ورقم الصفحة 137 أسفل اليسار.
+
+
+================================================================================
+PAGE 138 - page_0138.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+من إمارات ساحل عمان السبع وهي: (دبي - أبوظبي - رأس الخيمة - الشارقة - الفجيرة - أم القيوين - عجمان).
+غير أن الاتفاق بين حكام هذه الإمارات قد تعثر نظراً لاختلاف وجهات النظر فيما بينهم مما أدى إلى تأخير قيام الاتحاد.
+
+وفي عام 1967م، أعلنت بريطانيا عن عزمها الانسحاب من إمارات الخليج العربي في عام 1971م، بسبب زيادة المعارضة لوجودها الاستعماري، وتخفيفاً لنفقاتها العسكرية، وفي أواخر عام 1971م، حصلت الإمارات على استقلالها بإنهاء معاهداتها مع بريطانيا.
+وتم إعلان قيام دولة الإمارات العربية المتحدة، وانضمت إلى جامعة الدول العربية وإلى الأمم المتحدة.
+
+ب - استقلال عمان:
+سيطر الإنجليز سيطرة تامة على هذه المنطقة منذ أواخر القرن التاسع عشر الميلادي، وبانتهاء الحرب العالمية الأولى انقسمت المنطقة إلى قسمين:
+1- إمامة عمان في المنطقة الجبلية الداخلية.
+2- حكومة مسقط في الساحل.
+
+وكان لكل من هذين القسمين حكومة صورية وحدود وهمية، وكانت حكومة مسقط تملك الساحل مع بعض الأراضي الداخلية في بعض الجهات، بينما سيطر إمام عمان على الداخل.
+حكم السلطان (سعيد بن تيمور) مسقط، وقد استمرت بريطانيا في التدخل في شؤون إمامة عمان وخاصة بعد اكتشاف النفط فيها، وقد حصلت عمان على استقلالها في شهر سبتمبر عام 1971م.
+
+ج - استقلال قطر:
+تولى الشيخ (عبد الله بن قاسم آل ثاني) حكم إمارة قطر بين عامي 1913 و1949م، إبان حكمه فقدت قطر سيادتها واستقلالها، ووقعت تحت الحماية البريطانية، وذلك أنه في شهر نوفمبر 1916م، عقدت معه بريطانيا معاهدة ضمنت بموجبها مصالحها السياسية والاقتصادية والعسكرية.
+وبعد وفاته تولى ابنه الشيخ (علي) حكم الإمارة حتى عام 1960م، ثم تنازل لولده الشيخ (أحمد) وفي شهر أبريل 1970م، وقع الشيخ (أحمد بن آل ثاني) دستور قطر المؤقت، وقد ورد فيه أن قطر دولة عربية مستقلة وقد أعلن استقلالها رسمياً في أول شهر سبتمبر 1971م.
+
+138
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة استقلال بعض إمارات الخليج العربي، وتركز على قيام دولة الإمارات العربية المتحدة ثم استقلال عُمان وقطر.  
+تشرح أسباب تأخر اتحاد الإمارات، ثم قرار بريطانيا الانسحاب من الخليج عام 1971م وما ترتب عليه من الاستقلال.  
+كما تعرض وضع عُمان بين إمامة الداخل وحكومة مسقط، واستمرار التدخل البريطاني حتى استقلالها.  
+وتوضح تاريخ الحماية البريطانية لقطر وتطور الحكم فيها حتى إعلان استقلالها رسمياً سنة 1971م.  
+الصفحة نصية بالكامل تقريباً، مع إطار زخرفي بسيط ورقم الصفحة في الأسفل.
+
+
+================================================================================
+PAGE 139 - page_0139.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+د - استقلال البحرين :
+
+كانت أسرة (آل خليفة) هي التي تحكم البحرين، وقد تمكنت بريطانيا عام 1880م من عقد اتفاقية مع الشيخ (عيسى بن خليفة)، ضمنت بموجبها السيطرة التامة على البحرين، فقد تعهد الشيخ (عيسى) بعدم (الدخول في مفاوضات أو إبرام معاهدات من أي نوع مع أية دولة غير الدولة البريطانية).
+
+ثم عقدت سلسلة أخرى من المعاهدات أسفرت عن إنشاء وكالة سياسية في البحرين تتبع المقيم البريطاني في الخليج العربي.
+
+ولما كانت إيران تدعي أن لها حقوقاً في البحرين، فقد رفعت الدول العربية الأمر إلى مجلس الأمن الذي وافق بالإجماع على استقلال البحرين بعد انسحاب القوات البريطانية، فاستقلت البحرين في شهر أغسطس عام 1971م.
+
+هـ - استقلال الكويت عام 1961م:
+
+عقد الشيخ (مبارك آل الصباح) في شهر يناير 1899م، معاهدة الحماية الكويتية البريطانية، وهي على نمط المعاهدات التي عقدتها بريطانيا مع إمارات ومشيخات الخليج والجنوب العربي، وأخذت بريطانيا بعد ذلك توسع نفوذها في الإمارة، وقد منح الشيخ (أحمد الجابر) شركات النفط البريطانية امتياز التنقيب والبحث عن النفط في الكويت، وفي عام 1960م، ألغت المحاكم الخاصة التي كان يتقاضى أمامها الرعايا البريطانيون والأجانب، وأصدرت الكويت عملتها الوطنية في عام 1961م، كما بدأت تمارس بعض حقوقها في التمثيل الخارجي، وفي شهر يونيو 1961م أعلن استقلال دولة الكويت وألغيت جميع المعاهدات السابقة بينها وبين بريطانيا وأخذت البلاد تسير بخطى واسعة نحو العمران والتقدم.
+
+139
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة موضوع استقلال البحرين والكويت من النفوذ البريطاني. تشرح كيف فرضت بريطانيا سيطرتها على البحرين عبر معاهدات حتى نالت استقلالها سنة 1971م، مع الإشارة إلى دور مجلس الأمن والادعاءات الإيرانية. كما تعرض معاهدة الحماية البريطانية للكويت سنة 1899م، وتطور الأوضاع فيها حتى إعلان الاستقلال سنة 1961م.  
+الصفحة نصية بالكامل تقريباً، ولا تحتوي على صور أو رسوم توضيحية، فقط إطار زخرفي للصفحة ورقم الصفحة في الأسفل.
+
+
+================================================================================
+PAGE 140 - page_0140.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+1- الحركات الوطنية ضد الاستعمار الأوروبي في شمال أفريقيا:
+
+تطور الكفاح بانتهاء الحرب العالمية الأولى (1914-1918م) حيث تطلعت الدول الأوروبية (بريطانيا - فرنسا - إيطاليا) إلى تعميق نفوذها في البلاد العربية الواقعة على الساحل الأفريقي الشمالي، من المحيط الأطلسي حتى البحر الأحمر وقناة السويس، وقد تحركت هذه الدول في أزمنة متقاربة، وأكدت السيطرة عليها من الجزائر وتونس ومصر وليبيا ثم المغرب، ومنذ أن انتهت الحرب العالمية الأولى، بدأ العرب يبذلون الجهود المضنية لاسترداد حريتهم واستقلالهم، وقد تشابهت ظروف الأمة العربية في كفاحها في مراحلها الأولى، وذلك ببداية الثورة وعقب انتهاء الحرب العالمية الأولى، وتكشف جهود الحلفاء، ونجح بعض العرب في الحصول على الاستقلال وتجددت الحركات التحررية قبل الحرب العالمية الثانية، وازدادت عنفاً حتى استكمل بقية العرب استقلالهم، وعاضد من استكمل منهم الاستقلال بقية الدول في سبيل تحريرها.
+
+1- الحركة الوطنية في مصر:
+
+من المعروف أن مصر وقعت تحت النفوذ الاستعماري وأنها كانت محل صراع دولي مما جعلها تعاني سلسلة من الأزمات السياسية والاقتصادية وذلك بهدف إضعافها والسيطرة عليها لأهمية موقعها خاصة بعد افتتاح قناة السويس وأصبح التدخل في شؤونها الداخلية سافراً من قبل بريطانيا مما دفع الشعب إلى الثورة وقد تزعم حركة المقاومة أحد الضباط المصريين وهو الضابط (أحمد عرابي) الذي قاد الثورة وأسقط الحكومة الموالية للإنجليز وحاول أن يضغط على (الخديوي توفيق) لتعيين حكومة وطنية ولكن الإنجليز تدخلوا لمنع ذلك، وقصفوا الإسكندرية مستغلين الاضطرابات التي حصلت بالمدينة واتهموا (أحمد عرابي) بالعمل ضدهم عندما قام بترميم بعض القلاع والحصون وتمكنوا بعد تدبير مؤامرة ضده من هزيمته في معركة التل الكبير ونفيه إلى خارج مصر وبعد ذلك أحكم الإنجليز قبضتهم على مصر وسيطروا على اقتصاد البلاد من خلال السيطرة على قناة السويس وتعيين مستشار مالي إنجليزي بهدف تخصيص نصف ميزانية مصر لسداد أقساط الديون المصرية للحكومة البريطانية، وقد حاربوا الصناعة إلا إذا كانت ضمن استثماراتهم ولم يشجعوا التعليم وأهملوه فيما كانت اللغة الإنجليزية هي اللغة الرسمية بالمدارس الثانوية وشجعوا المدارس الأجنبية.
+
+حادثة دنشواي:
+
+وقعت هذه الحادثة في قرية دنشواي التي تقع في محافظة المنوفية حيث وقع صدام بين الأهالي وعدد من الضباط الإنجليز كانوا في رحلة صيد على أثر إصابة امرأة من القرية برصاصة من بندقية أحد هؤلاء الضباط وهو يصطاد،
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+140
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة الحركات الوطنية ضد الاستعمار الأوروبي في شمال أفريقيا بعد الحرب العالمية الأولى، وكيف سعت بريطانيا وفرنسا وإيطاليا لتوسيع نفوذها في المنطقة.  
+ثم تركز على الحركة الوطنية في مصر، موضحة أسباب الاحتلال البريطاني ودور أحمد عرابي وثورته، ثم سيطرة الإنجليز على مصر سياسيًا واقتصاديًا وتعليميًا.  
+كما تبدأ الصفحة بعرض حادثة دنشواي باعتبارها من مظاهر مقاومة المصريين للاستعمار.  
+الصفحة عبارة عن نص دراسي فقط، مع عناوين رئيسية وفرعية وإطار زخرفي بسيط ورقم الصفحة في الأسفل.
+
+
+================================================================================
+PAGE 141 - page_0141.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+وتطور الأمر إلى مواجهة بين الأهالي والضباط الإنجليز وسقط القتلى من الطرفين، وعلى أثر ذلك تم شنق أربعة من الأهالي وجلد ثمانية قسوة ووحشية. ودون محاكمة وهاج الرأي العام اعتراضاً وأبدى سخطه على تمادي الاحتلال الإنجليزي الذي بدأت مساوئه تظهر للعالم خاصة بعد نشر الزعيم الوطني (مصطفى كامل) تفاصيل الحادثة في الصحف الفرنسية وقد كان لذلك أثر كبير في نفوس الأوروبيين وركز (مصطفى كامل) في مطالبه على المطالبة بالجلاء والدستور وأثرت خطبه ومقالاته الحماسية الوطنية على الرأي العام الداخلي وكان قد أسس في مصر جريدة اللواء لتكون لسان الحركة الوطنية، وقاد حملات لتشجيع التعليم من خلال فتح المدارس ودعا إلى إنشاء أول جامعة مصرية وبفضله تكونت لجنة تأسيس الجامعة 1907م كما قام بتأسيس حزب باسم الحزب الوطني في عام 1907م بالإسكندرية، وكان أول حزب يتأسس في مصر والمشرق العربي لكن المرض لم يمهل (مصطفى كامل) كثيراً فتوفي في عام 1908م وخلفه في رئاسة الحزب الوطني (محمد فريد).
+
+الحركة الوطنية بعد الحرب العالمية الأولى:
+
+ومع اندلاع الحرب العالمية الأولى 1914م زاد الضغط على الحركة الوطنية وأعلنت بريطانيا الحماية على مصر والأحكام العرفية واستبدت بالأمر وبعد انتهاء الحرب وإنشاء انعقاد مؤتمر الصلح في باريس قرر الشعب المصري إرسال وفداً للمشاركة في المؤتمر والمطالبة بالنظر في قضيتهم وتكون الوفد من خيرة رجال الحركة الوطنية برئاسة (سعد زغلول) ومن أعضائه (علي الشعراوي وعبدالعزيز فهمي) لكن الحكومة البريطانية منعتهم من السفر مما زاد من حدة الغضب ونظمت المظاهرات للاعتراض على قرار منع السفر ووقع عليها الآلاف المصريين وحاولت بريطانيا القضاء على الحركة وقامت بنفي الزعماء الوطنيين وعلى رأسهم (سعد زغلول) مما أثار موجة من الغضب وثورة شعبية عارمة تطالب بالاستقلال التام وعرفت هذه الثورة بثورة 1919م أجبر الحكومة على إطلاق سراح الزعماء ومن استأنفوا الكفاح ما اضطر بريطانيا آخر الأمر إلى نفي (سعد زغلول) وزملائه خارج مصر لكن النضال لم يتوقف ضد الوجود الاستعماري حتى قيام الحرب العالمية الثانية عام 1939م والتي كانت مصر أحد ساحاتها وعانت من آثارها مما جعل الأمر ينتهي بثورة الضباط المصريين في 23 يوليو عام 1952م والتي أنهت الوجود الاستعماري بكل أنواعه في مصر.
+
+141
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة تطور الحركة الوطنية المصرية ضد الاحتلال البريطاني، بدءاً من حادثة دنشواي وما أثارته من غضب شعبي، ثم دور مصطفى كامل في فضح الاحتلال والدعوة إلى الجلاء والدستور وتأسيس الحزب الوطني.  
+كما تعرض مرحلة ما بعد الحرب العالمية الأولى، وإعلان الحماية البريطانية على مصر، وتشكيل الوفد المصري برئاسة سعد زغلول للمطالبة بالاستقلال.  
+وتشرح أسباب اندلاع ثورة 1919م ونتائجها، ثم استمرار النضال الوطني حتى ثورة 23 يوليو 1952م التي أنهت الوجود الاستعماري في مصر.  
+الصفحة نصية تعليمية بالكامل تقريباً، وتحتوي على عنوان فرعي بارز وإطار زخرفي حول الصفحة مع رقم الصفحة في الأسفل.
+
+
+================================================================================
+PAGE 142 - page_0142.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+2- الحركة الوطنية في السودان:
+
+عندما اندلعت الثورة في مصر سنة 1919م، ساند الوطنيون في السودان الحركة الوطنية في مصر بتحالفهم معها لمواجهة عدو مشترك هو إنجلترا، ربما يخلصهم ذلك من الحكم الثنائي الذي كان في الواقع حكماً استعمارياً، وقد أظهر حاكم السودان البريطاني (السير لي ستاك) تخوفه من استمرار الثورة في مصر، فربما تؤثر على المعتدلين في السودان فينحازون إلى جانبهم ويمكن أن تخرج حكومة السودان البريطانية، واتهمت الإدارة البريطانية المصريين على إثارة القلاقل في السودان لإضعاف الوجود البريطاني فيه.
+
+تعتبر الفترة الواقعة بين 1922-1924م، فترة حساسة في تاريخ كفاح الشعب السوداني ضد الاستعمار البريطاني وذلك لعدة أسباب أهمها:
+أ- تفاعل قيادة الثورة السودانية مع ما يحدث في المنطقة العربية باعتبارها امتداداً لقوماتها الجغرافية والسياسية والثقافية.
+ب- محاولات بريطانيا المتواصلة الانفراد بالسودان، لذلك عملت الحركة الوطنية السودانية على حمل راية الجهاد والقيام بالحركات المسلحة، حيث برهنت على نضوج الوعي الوطني، واستمرت المحاولات متواصلة خلال السنوات اللاحقة وقد أدرك السودانيون أن استقلالهم يحتاج إلى وقت طويل، يعتمد على سواعد شعبهم واستنفار قدرتهم الذاتية، لذلك انضموا تحت لواء تنظيم وطني يدعو إلى الاستقلال، وهو مؤتمر الخريجين في الأول من شهر فبراير 1938م، والذي أصبح منطلقاً جديداً للحركة في السودان، وقد دخل السودان ومصر بداية الحرب العالمية الثانية سنة 1939م، طوراً جديداً من الكفاح الوطني.
+
+3- الحركة الوطنية في ليبيا:
+
+أخضع الإيطاليون ليبيا بعد تاريخ حافل من المقاومة والتضحيات، فخلال الفترة الأولى للغزو الإيطالي بين عامي 1911-1912م، خاض الشعب الليبي معارك الشرف في كل من أبومليانة، والنشط، والهاني، وعين زارة، وجوليانا، والرقب وغيرها، والتي ترتب عنها جميعها إرغام قوات الغزو الإيطالي على البقاء في بعض مناطق الشريط الساحلي فقط، وعدم قدرتها في التقدم إلى الداخل.
+انسحب العثمانيون من ليبيا بموجب مقررات معاهدة (أوشي لوزان) عام 1912م، وخلال عام 1913م، اجتاحت القوات الإيطالية الغازية المناطق الداخلية من البلاد، بعد أن كانت طيلة الفترة الماضية محصورة في المدن الساحلية انتظاراً لتسوية الوضع السياسي مع العثمانيين حول ليبيا من جهة، ولضرورة
+
+142
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة الحركة الوطنية في السودان ثم تبدأ في عرض الحركة الوطنية في ليبيا.  
+تشرح موقف السودانيين من ثورة مصر سنة 1919م، وأسباب تصاعد الكفاح السوداني ضد الاستعمار البريطاني بين 1922 و1924م، ثم تشير إلى دور مؤتمر الخريجين سنة 1938م.  
+كما تعرض بداية المقاومة الليبية ضد الغزو الإيطالي بين 1911 و1912م، وأهم المعارك التي خاضها الليبيون، ثم انسحاب العثمانيين ومعاهدة أوشي لوزان.  
+الصفحة نصية تعليمية فقط، ولا تحتوي على صور أو خرائط، وتضم عنواناً رئيسياً وعناوين فرعية مع رقم الصفحة في الأسفل.
+
+
+================================================================================
+PAGE 143 - page_0143.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+المقاومة الوطنية المتنامية ضدهم من جهة ثانية، وعلى أثر ذلك واصل الليبيون كفاحهم وجهادهم، حيث تصدوا للقوات الإيطالية المندفعة لاحتلال المناطق الداخلية، وخاضوا ضدها معارك عنيفة أهمها معركة جندوبة شهر مارس 1913م، ومعركة قارينس 1913م، ومعركة بنيتة سنة 1913م، ومعركة سيدي كريم قرباع شهر مايو 1913م، ومعركة المحروقة في شهر ديسمبر 1913م وغيرها، ورغم نجاح القوات الإيطالية في الوصول إلى العديد من المناطق الداخلية حتى مدينة سبها جنوباً، بفعل تأثير قواتها وتسليحها المتقدم والمتطور عن ما كان يقاوم به الليبيون، فقد عُرف عن العام 1913م في تاريخ ليبيا بأنه عام التضحيات والفداء من جانب المجاهدين الليبيين؛ نظراً لتعرض معظمهم للاجتياح الإيطالي الغاشم، في نفس الوقت فهو عام الخسائر للإيطاليين الذين تكبدوا الآلاف القتلى والجرحى، وفقدوا معظم آلياتهم ومعداتهم في معارك هذا العام.
+
+وبقيام الحرب العالمية الأولى عام 1914م، ودخول إيطاليا والدولة العثمانية طرفين متضادين فيها، تجدد الصراع وأثر على الوضع في ليبيا، وبانشغال الإيطاليين بهذه الحرب نشط المجاهدون مستغلين الظروف الجديدة، وحققوا انتصارات باهرة على القوات الإيطالية في عدة معارك، كان من بينها معركة قاهرة في سبها في شهر نوفمبر 1914م، تلك المعركة التي عجّلت بانسحاب (الكولونيل مياني) من فزان في الجنوب نحو الساحل سنة 1914م.
+
+عائلات ليبية تؤخذ للاعتقال بطرابلس بداية دخول الطليان للمدينة، وكان مكان تجميع الليبيين بمدرسة الفنون والصنائع، الرجال يُحاكموا، إما الإعدام أو النفي لإيطاليا، أما النساء والأطفال يُخلى سبيلهم بعد مدة من الزمن
+
+143  
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن تصاعد المقاومة الليبية ضد الاحتلال الإيطالي خلال سنتي 1913م و1914م، وتركّز على أهم المعارك التي خاضها الليبيون في الداخل الليبي. كما توضّح أن سنة 1913م عُرفت بعام التضحيات للمجاهدين وعام الخسائر الكبيرة للإيطاليين.  
+وتشير أيضاً إلى أثر الحرب العالمية الأولى في تنشيط المقاومة الليبية وتحقيقها انتصارات جديدة، منها معركة قاهرة في سبها التي أدت إلى انسحاب القوات الإيطالية من فزان نحو الساحل.  
+وتظهر في أسفل الصفحة صورة تاريخية لعائلات ليبية تُساق للاعتقال في طرابلس عند بداية الاحتلال الإيطالي، مع شرح يبيّن أن الرجال كانوا يُحاكمون أو يُنفون، بينما يُفرج عن النساء والأطفال بعد مدة.
+
+
+================================================================================
+PAGE 144 - page_0144.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+- معركة القرضابية 1915م:
+
+تلاحقت الهزائم بالقوات الإيطالية بعد هزيمتها في سبها، وانسحابها في اتجاه الساحل، فقد انتشرت أخبار الهزائم واستثمرتها قيادات المجاهدين في استكمال حصار القوات الإيطالية المنهكة القوى، وبالتالي تكبدها خسائر فادحة يمكن أن يترتب عنها موقفاً جديداً في ليبيا، وعليه فقد تنادت قيادات المجاهدين من أجل تجميع قواتها في منطقة أبي هادي بسرت، وفي المكان الذي عرف بالقرضابية، وقد شارك في هذا الحشد المسلح قوات من المجاهدين من كافة أنحاء البلاد تعبيراً عن التلاحم وصدق الوحدة الوطنية، رغم محاولات الأعداء التفريق بين أبناء الوطن في ذلك الوقت.
+
+وفي يوم 28 إبريل 1915م، اشتبكت قوات المجاهدين مع قوات الجنرال (مياني) المنسحب مهزوماً من سبها في معركة ضارية فاصلة من معارك الجهاد الليبي وهي معركة القرضابية، حقق الليبيون خلالها انتصاراً ساحقاً وقد سجل أفول نجم الجنرال (مياني) كقائد عسكري.
+
+ومن أهم نتائج هذه المعركة:
+
+أ - أُرغمت الإيطاليين على الانسحاب من المناطق الداخلية إلى المناطق الساحلية مثل: زوارة ومصراتة ومناطق جبل نفوسة الأخرى، واقتصر وجود الإيطاليين على طرابلس والخمس وبنغازي، ولمدة تزيد على سبع سنوات من حدوث المعركة.
+ب - ارتفعت معنويات المجاهدين وساهمت في اتساع نطاق حركة المقاومة الوطنية.
+ج - أُجبرت الإيطاليين على الانسحاب من مناطق أم الرزم ومرادة واجدابيا والزويتينة والعقيلة والبريقة، بسبب تصاعد حركة المقاومة.
+د - تحولت القوات الإيطالية من الهجوم إلى خطط الاحتفاظ بما لديها من مناطق والدفاع عن النفس في الأماكن التي احتلتها قبل ذلك.
+هـ - غنم المجاهدون العديد من الأسلحة والعتاد والمعدات العسكرية الأخرى، ولما شعرت القوات الإيطالية استحالة تحقيق انتصارات ساحقة على القوات الوطنية، أقدمت على العمل السياسي بمفاوضة زعماء المجاهدين، وعقدت معهم عدة اتفاقيات كان الهدف منها إضعاف الحركة الوطنية من جهة، ومحاولة الإيطاليين استرجاع قوتهم وإعادة تنظيم أنفسهم بعد هزائمهم من جهة أخرى.
+وكان من بينها: اتفاقية الزويتينة في شهر مايو 1918م، غير أن المجاهدين واصلوا نضالهم ضد الإيطاليين وكبدوهم خسائر في بعض المعارك شرق ليبيا، أما في غرب ليبيا فقد تميزت حركة المقاومة بقيام الجمهورية الطرابلسية.
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+144
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة معركة القرضابية سنة 1915م في ليبيا، وتوضح أسبابها وسيرها وانتصار المجاهدين على القوات الإيطالية بقيادة الجنرال مياني.  
+كما تبرز دور هذه المعركة في تعزيز الوحدة الوطنية ورفع معنويات المقاومة الليبية ضد الاحتلال الإيطالي.  
+وتعرض أهم نتائج المعركة، مثل انسحاب الإيطاليين من مناطق داخلية كثيرة، واتساع حركة المقاومة، وتحولهم من الهجوم إلى الدفاع.  
+الصفحة نصية بالكامل تقريباً، ولا تحتوي على صور أو خرائط، وإنما إطار زخرفي بسيط ورقم الصفحة في الأسفل.
+
+
+================================================================================
+PAGE 145 - page_0145.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+- تأسيس الجمهورية الطرابلسية سنة 1918م:
+
+اجتمع عدد من القادة الطرابلسيين بعد انتهاء الحرب العالمية الأولى في القصبات بمنطقة مسلاته، وقرروا إعلان الجمهورية الطرابلسية، وقد تم اختيار أعضاء مجلس الجمهورية الطرابلسية وهم: (الشيخ سليمان الباروني، وأحمد المريض، ورمضان السويحلي، وعبد النبي بالخير)، وذلك لتجنب تولي رئيس واحد هذه الجمهورية، وبالغوا ذلك لإيطاليا وبعض الدول الأوروبية مثل فرنسا وبريطانيا وغيرها، كما تم انتخاب أعضاء مجلس شورى للجمهورية عن مناطق طرابلس.
+
+وفي يوم 18 من شهر نوفمبر 1918م، أصدر مجلس الجمهورية بلاغًا تضمن ما يلي: (قررت الأمة الطرابلسية تتويج استقلالها بإعلان حكومة الجمهورية باتفاق آراء علمائها الأجلاء وأشرافها وأعيانها ورؤساء المجاهدين المحترمين، الذين اجتمعوا من كل أنحاء الجمهورية الطرابلسية لتأسيس إمارة حرة بطرابلس الغرب، تحت إشراف الحكومة الإيطالية، على أساس أن تكون الشريعة الغراء قانونها الأساسي) غير أن الحكومة الإيطالية رفضت مبدأ الاستقلال والحكم الذاتي، لذلك أدرك الطرابلسيون أنه لابد من توحيد الجهود الوطنية في طرابلس مع بقية العناصر الوطنية في الجهات المجاورة (برقة وفزان)، وقد تم ذلك عن طريق الاتصال بين بقية الجهات، وتقرر عقد اجتماع في سرت 1921م، وقبله في برقة، وكان الهدف من ذلك توحيد الأقاليم الليبية تحت راية واحدة تحت قيادة (السيد/محمد إدريس السنوسي)، ومن إقامة حكومة موحدة لجميع فئات البلاد على نمط الشرع الإسلامي، بحيث لا يعزل إلا بحجة شرعية، وإقرار مجلس النواب وتكون له السلطة الدينية والمدنية والعسكرية بأكملها، بموجب قانون تقره الأمة عن طريق مجلس النواب، ويشمل جميع البلاد الليبية بحدودها المعروفة، ومواصلة التفاوض مع الحكومة الإيطالية، ومواصلة الجهاد ضد الإيطاليين الغزاة، كما قرر المجلس إنشاء سلطة وطنية تتولى شؤون البلاد برئاسة (أحمد المريض) وكان مستشارها (عبد الرحمن عزام)، فقررت هيئة الإصلاح المركزية التفاوض مع (السيد/إدريس السنوسي) بعد أن أبدى موافقته على ذلك، وقد حاولت إيطاليا إفشال هذه المفاوضات، غير أن المتفاوضين قرروا وضع أسس عامة لمبايعة (إدريس) على إمارة ليبيا بأكملها، وقد عرف المشروع باسم (ميثاق سرت) وتم التوقيع عليه في 22 يناير 1922م، وكان هذا الميثاق نتيجة لمؤتمر غريان، الذي عقد بين الزعماء الطرابلسيين سنة 1920م، وتم بعد الاعتراف بـ (السيد/إدريس) انتخاب مجلس تأسيسي من الإقليمين (طرابلس وبرقة) لوضع القانون الأساسي اللازم لإدارة البلاد، وقرر المؤتمرون إرسال كتاب بذلك إلى (إدريس) في إجدابيا، فقبله بارتياح كامل، غير أن الإيطاليين سارعوا إلى احتلال مدينة مصراته لإفشال مشروع الاتحاد
+
+145
+
+ليبيا
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة تأسيس الجمهورية الطرابلسية سنة 1918م بعد الحرب العالمية الأولى، وذكر القادة الذين أعلنوا الجمهورية وأعضاء مجلسها.  
+كما تشرح بلاغ 18 نوفمبر 1918م، وموقف إيطاليا الرافض للاستقلال والحكم الذاتي، ثم اتجاه الوطنيين إلى توحيد الأقاليم الليبية.  
+وتعرض جهود عقد الاجتماعات والمؤتمرات مثل مؤتمر غريان وميثاق سرت، والسعي لمبايعة إدريس السنوسي وتأسيس إدارة موحدة لليبيا.  
+الصفحة نصية تعليمية بالكامل تقريبًا، ولا تحتوي على صور أو مخططات، فقط عنوان رئيسي وإطار زخرفي ورقم الصفحة في الأسفل.
+
+
+================================================================================
+PAGE 146 - page_0146.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+الوطني المشار إليه سلفاً، ولم يحدث تنفيذ ما جاء في الاتفاق الذي تم في مؤتمر سرت، ولم تتوقف المقاومة حيث تولى زعامة المجاهدين (عمر المختار) في شرق ليبيا، أما في طرابلس فقد تعددت الزعامات وتحركت تواصل الجهاد دون توقف رغم أن الإيطاليين دخلوا يتقلهم في طرابلس.
+
+سياسة الحرب الفاشستي في ليبيا:
+
+كان وصول حزب الفاشيست للسلطة في إيطاليا بداية عهد جديد في السياسة الإيطالية في ليبيا، حيث قرر الوالي الإيطالي إعلان الحرب على ليبيا، وقد أسرع في شرق البلاد باحتلال إجدابيا في 21 مايو 1923م، وألغى الاتفاقيات التي عقدها قبل ذلك مع (إدريس السنوسي) وحدد نشاط الحركة السنوسية على الجانب الديني، وتواصلت المعارك بين المجاهدين والإيطاليين في جميع أنحاء البلاد وقد أحضر الإيطاليون المزيد من القوات الإيطالية حتى تمكنت هذه القوات من السيطرة على طرابلس سنة 1924م، وعلى فزان سنة 1929م، وأصدر (موسوليني) قراراً بتوحيد برقة وطرابلس في ولاية واحدة، وتعهد باستخدام القوة في النهاية، وتواصلت المعارك على أشدها وعين (المارشال بادوليو) حاكماً على الولاية، وبدأ بذلك عهد جديد باستخدام القوة واحتل الإيطاليون الكفرة سنة 1930م، إلا أن المقاومة الليبية ضد الإيطاليين استمرت في الجبل الأخضر اشتدت بقيادة عمر المختار الذي امتاز بحسن القيادة والتفاف المجاهدين حوله كذلك لعبت طبيعة الجبل الأخضر دوراً في استمرار المقاومة واستمرار الأهالي في دعم حركة المقاومة مما جعل الإيطاليين يغيرون خططهم وأساليبهم بانتهاج أسلوب جديد تمثل في محاصرة الحركة اقتصادياً وعزلها اجتماعياً بمنع إمدادها بالمؤن والأموال ومنع التحاق المزيد من العناصر من الشباب بالحركة وتمثل هذا الأسلوب في إقامة معسكرات اعتقال في أماكن بعيدة عن تحركات الثوار حشد فيها جموع القبائل المساندة للمقاومة وقد جمع الآلاف في معتقلات في خيام بالمناطق الصحراوية مثل البريقة، وسلوق والقرون والعقيلة، وعين الغزالة. ورغم الظروف التي كان عليها المجاهدون ومحاصرتهم من قبل الإيطاليين، فقد استمروا في المقاومة حتى تم القبض على شيخ المجاهدين (عمر المختار) في يوم 11 من شهر سبتمبر 1931م، وتمت محاكمته، وأعدم يوم 16 من نفس الشهر والسنة.
+
+وقد وضعت السلطات الإيطالية بعد ذلك خطة الاستيطان الإيطالي في البلاد لصالح الإيطاليين، وحرمان أهلها من الاستفادة منها، كما عملت إيطاليا على القضاء على اللغة العربية وعلى الدين الإسلامي، والاهتمام باللغة الإيطالية وجعلها هي اللغة الرسمية في البلاد، وطبقت التعليم على أسس إيطالية، وتم التضييق على الدراسات الإسلامية، وقد ارتبطت هذه الفترة من الاستعمار الإيطالي
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+146
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن سياسة الحرب الفاشية الإيطالية في ليبيا بعد وصول الفاشيين إلى الحكم، وتصعيدهم الاحتلال وإلغاء الاتفاقيات مع إدريس السنوسي.  
+كما تعرض تطور المقاومة الليبية بقيادة عمر المختار في الجبل الأخضر، ودور الأهالي وطبيعة المنطقة في استمرار الجهاد.  
+وتوضح أساليب الإيطاليين في القمع مثل الحصار، ومعسكرات الاعتقال، ثم القبض على عمر المختار وإعدامه سنة 1931م.  
+وفي نهاية الصفحة تشير إلى سياسة الاستيطان الإيطالي ومحاولة طمس اللغة العربية والدين الإسلامي وفرض الطابع الإيطالي على التعليم والإدارة.
+
+
+================================================================================
+PAGE 147 - page_0147.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+معتقل مرج  
+معتقل جردس  
+معتقل الأبيار  
+معتقل سلوف  
+معتقل عين غزالة  
+معتقل المقرون  
+معتقل اجدابيا  
+معتقل البريقة  
+معتقل العقيلة  
+
+برقة  
+ليبيا  
+
+معتقلات الفاشية في برقة
+
+مناطق المعتقلات في ليبيا
+
+صورة توضح شكل المعتقلات
+
+147
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن مناطق المعتقلات في ليبيا، وبخاصة في إقليم برقة خلال فترة الاحتلال الفاشي.  
+تظهر خريطة لليبيا تحدد مواقع عدد من المعتقلات مثل العقيلة والبريقة وأجدابيا والمقرون وعين غزالة وغيرها.  
+كما تتضمن صورة فوتوغرافية بالأبيض والأسود توضح شكل المعتقلات، حيث تظهر الأسلاك الشائكة والخيام داخل المعسكر.  
+الصفحة ذات طابع تعليمي تاريخي وتهدف إلى توضيح انتشار المعتقلات الفاشية في برقة.
+
+
+================================================================================
+PAGE 148 - page_0148.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+بظاهرة قمعية لم تعرفها الحركات الاستعمارية قبل وهي ظاهرة النفي الجماعي إلى سجون ومعتقلات في الجزر الإيطالية وهي جزر مهجورة غير مأهولة بالسكان، وقد شكل هذا نمطاً من أنماط الإبادة الجماعية ووسيلة من وسائل القضاء على المقاومة فالنفى شمل مختلف فئات الشعب من الرجال والنساء والأطفال والشيوخ والعجزة إلى تلك الجزر المهجورة النائية، فاضطر عدد كبير من الليبيين إلى الهجرة خارج البلاد إلى تونس وسوريا ومصر، وعملوا على محاربة إيطاليا بأقلامهم من الخارج، والدفاع عن القضية الليبية، وكونوا في سوريا (جمعية الاتحاد الطرابلسي البرقاوي) برئاسة (بشير السعداوي)، وقد وضعت ميثاقاً سنة 1939م، أصرت فيه على تشكيل حكومة في المهجر مستقلة بطرابلس وبرقة تحت رئاسة زعيم مسلم تختاره البلاد، وقد التفوا بـ (إدريس السنوسي) في مصر، وعملوا معه على تخليص البلاد من الحكم الأجنبي، وتضامنت الحركات العربية مع المجاهدين الليبيين وساعدت على تكوين الرأي العام المضاد للإيطاليين، إلى جانب الحلفاء الإنجليز والفرنسيين وضد إيطاليا وتعتبر هذه مرحلة جديدة من مراحل تاريخها في ارتباطها بالحركات التي كانت موجودة في البلاد العربية خلال الحرب العالمية الثانية.
+
+شاركت إيطاليا في الحرب العالمية الثانية إلى جانب ألمانيا واليابان ضد دول الحلفاء، وقد خرجت من الحرب مهزومة، مما جعلها تفقد مستعمراتها السابقة ومن بينها ليبيا، وقد تولت الإدارتان البريطانية والفرنسية منذ عام 1943 - 1951م إدارة البلاد حيث أصبح كل من إقليم طرابلس وبرقة تحت الإدارة البريطانية بينما أصبح إقليم فزان تحت الإدارة الفرنسية إلى أن تم إعلان الاستقلال في 24 ديسمبر 1951م.
+
+4- الحركة الوطنية في تونس:
+
+تعرضت تونس للاستعمار الفرنسي منذ سنة 1881م، وبقيت ترزح تحت سيطرة الاستعمار، غير أن الوعي القومي بضرورة التحرر من هذا الاستعمار قد بدأ منذ ظهور حركة الإصلاح التي قام بها (خير الدين باشا التونسي)، الذي ركز على الروابط التونسية والدولة العثمانية على اعتبار أنها دولة الخلافة الإسلامية، ويعتبر (عبد العزيز الثعالبي) أحد أقطاب حركة الجهاد، وقد بدأ العمل على تنمية الوعي القومي عن طريق الصحافة ببلاده في جريدة (سبيل الرشاد) سنة 1904م، وأدى دوراً مهماً في تأسيس جمعية تونس الفتاة، وقد واصلت جماعة تونس الفتاة تضامنها مع الدولة العثمانية، وحين نشبت الحرب الليبية الإيطالية سنة 1911م، تضامنت مع جماعة الاتحاد والترقي بدعم الليبيين والأتراك في مواجهتهم ضد الإيطاليين بالأسلحة والذخائر والمؤن، كما حدثت عدة مناشات في تلك الفترة بين التونسيين والقوات الفرنسية، فأعلنت الحماية الفرنسية الأحكام العرفية في تونس لمدة
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+148
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة استمرار نضال الليبيين ضد الاستعمار الإيطالي، وما تعرضوا له من نفي جماعي إلى الجزر الإيطالية، ثم دور المهاجرين الليبيين في الخارج في الدفاع عن القضية الليبية حتى استقلال ليبيا سنة 1951م.  
+كما تبدأ الصفحة قسمًا جديدًا بعنوان **الحركة الوطنية في تونس**، وتعرض بدايات الوعي القومي التونسي ضد الاستعمار الفرنسي منذ 1881م، ودور خير الدين باشا وعبد العزيز الثعالبي وجماعة تونس الفتاة.  
+لا توجد صور أو رسوم توضيحية داخل الصفحة، وإنما هي صفحة نصية من كتاب مدرسي مع عنوان علوي، إطار زخرفي، ورقم الصفحة في الأسفل.
+
+
+================================================================================
+PAGE 149 - page_0149.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+عشر سنوات، حاول الفرنسيون إرهاب الناشطين التونسيين، وعملت على نفيهم خارج البلاد، غير أن سياسة فرنسا التي اتبعتها في تونس مكنت مجموعة من الشباب التونسي الذين تثقفوا بالثقافة الغربية بأن يؤدوا دوراً مهماً في العمل الوطني، وكان من بينهم (الحبيب بورقيبة)، واهتمت العناصر الجديدة في مطالبها على الفصل بين السلطات، وذلك بإنشاء مجلس تشريعي والاهتمام بالتعليم وأدى نشاط الشباب الدستوري إلى ظهور الحزب الحر الدستوري الجديد، الذي مثل المرحلة الجديدة في تطور الحياة السياسية في تونس، وأصبح الحبيب بورقيبة أميناً عاماً للحزب بعد مؤتمر قصر هلال في شهر مارس 1934م، الذي تم فيه الانفصال بين الحزب الدستوري القديم والدستوري الجديد، وناصبت السلطات الفرنسية العداء مع الحزب الدستوري الجديد، ثم أعلنت الحرب العالمية الثانية وكان (الحبيب بورقيبة) مسجوناً مع زملائه فنقلوهم إلى جنوب فرنسا، وبذلك تعتبر مرحلة الحرب العالمية الثانية مرحلة جديدة في تاريخ الحركة الوطنية التونسية، التي تواصلت حتى نالت تونس استقلالها بزعامة (الحبيب بورقيبة) سنة 1956م.
+
+5- الحركة الوطنية في الجزائر:
+
+استعمرت فرنسا الجزائر سنة 1830م، وحاول المستعمرون الفرنسيون مسح الصبغة العربية الجزائرية، واعتبرت فرنسا أن الجزائر جزءاً لا يتجزأ من الأرض الفرنسية لا كيان لها غير ذلك، ومع هذا لم تدخل جزائريين في الحكومة الفرنسية كممثلين لبلادهم.
+
+وقد استولت فرنسا على أهم الأراضي الجزائرية الخصبة، ومكنت المستوطنين من بني جلدتها منها وطردت ملاكها الأصليين منها إلى الصحراء، وقد صادرت الحكومة (4) ملايين فدان من الأراضي الجزائرية التابعة لأوقاف المسلمين، ولم تحترم شعورهم في ذلك، كما ضمت السلطات الفرنسية المساجد للملكية الدولة، وحولت ما يزيد على (200) مسجداً إلى كنائس ومستشفيات، واعتبرت اللغة العربية لغة أجنبية وحاربتها، بينما جعلت اللغة الرسمية هي اللغة الفرنسية وعاقبت من يتكلم باللغة العربية.
+
+وقد احتكر الفرنسيون الشركات وحولوا الجزائريين إلى طبقة كادحة بأجور زهيدة للغاية، فازدادت بينهم البطالة حيث بلغ عدد العاطلين بينهم إلى مليون عامل، وقد نعم الفرنسيون بالاستقرار في الجزائر حتى سنة 1871م، ولما أصدروا حينها قوانين جائرة حرمت المواطنين الجزائريين من المساواة بالفرنسيين، قامت الثورة ضد الفرنسيين، غير أن الفرنسيين أخمدوا هذه الثورة التي كانت بقيادة (أحمد المقراني)، وذلك بعد أن تكبدوا فيها خسائر فادحة في الأرواح والعتاد الحربي، ثم تألفت لجنة من المثقفين الجزائريين في فرنسا قبيل الحرب العالمية الأولى عملت على تنظيم حركة الجهاد، ولما انتهت
+
+149
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة مرحلتين من تاريخ الحركة الوطنية في المغرب العربي: نهاية الحديث عن الحركة الوطنية في تونس بقيادة الحبيب بورقيبة، ثم بداية درس الحركة الوطنية في الجزائر.  
+تشرح كيف تطور الحزب الدستوري الجديد في تونس حتى الاستقلال سنة 1956م، ثم تعرض سياسات الاستعمار الفرنسي في الجزائر منذ 1830م.  
+كما تبرز أساليب فرنسا في الجزائر مثل مصادرة الأراضي، محاربة اللغة العربية، تحويل المساجد، وفرض التمييز على الجزائريين، مما أدى إلى المقاومة والثورات.  
+الصفحة عبارة عن نص دراسي فقط، دون صور أو خرائط أو رسوم، مع عنوان فرعي بارز: "5- الحركة الوطنية في الجزائر".
+
+
+================================================================================
+PAGE 150 - page_0150.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+الحرب العالمية الأولى شكل وفد من الضباط الجزائريين ارتحل إلى فرنسا لعرض مذكرة على الرئيس الأمريكي (ولسون) (الذي نادى بضرورة تقرير الشعوب مصيرها بنفسها)، وطالبوه فيها بتقرير مصير الجزائر في الاستقلال، غير أنه لم يلق أي استجابة لذلك ثم تكون حزب الشعب الجزائري للمطالبة بالاستقلال، وقد دعا هذا الحزب شعوب المغرب العربي إلى توحيد جهودهم للتغلب على الاستعمار الفرنسي، فألقت السلطات الفرنسية القبض على زعيم الحركة (مصالي الحاج)(*) ونفته خارج البلاد، واشتدت المقاومة الوطنية عقب فشل مجلس الأمن والأمم المتحدة عن قضية الجزائر بسبب إصرار الفرنسيين على ذلك واعتبروها مشكلة داخلية.
+
+(*) مصالي الحاج: اللقب (بأبي الأمة)
+زعيم الحركة الوطنية بالجزائر ولد في 12 مايو 1898م توفي في 3 يونيو 1974م.
+
+وفي أعقاب الحرب العالمية الثانية وبعد كفاح طويل قدم خلاله الجزائريون زهاء مليون شهيد سعياً إلى الاستقلال ونيل الحرية، وبعد كفاح طويل تقدم أحرار الجزائر بمذكرة إلى دول الحلفاء لنيل استقلالهم وإقامة دولتهم لكن الأمر لم ينجح ورغم سعيهم السلمي إلا أن فرنسا عرقلت كل جهودهم ومساعيهم.
+
+تفجرت الثورة الجزائرية وأعلن استمرار الكفاح المسلح في 2 نوفمبر 1954م وتشكلت جبهة التحرير الجزائرية والتي ضمت كل القوى الوطنية وخاض الشعب الجزائري حرب التحرير بمرارة ولقي مساندة من العالم العربي والإسلامي، وقد كان للشعب الليبي دوراً في الوقوف إلى جانب أخوتهم الجزائريين فجمعوا التبرعات المالية والتي كانت سنداً للجزائريين في ثورتهم وما لبثت أن توج كفاح الشعب الجزائري بالانتصار ونيل استقلاله في يونيو 1962م.
+
+6- الحركة الوطنية في المغرب الأقصى:
+فرضت فرنسا معاهدة الحماية على المغرب سنة 1912م وقسمتها إلى ثلاث مناطق نفوذ:
+أ- مراكش الفرنسية وتشمل معظم البلاد.
+ب- مراكش الإسبانية في منطقة الريف الشمالية.
+ج- منطقة طنجة تحت إدارة دولية.
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+150
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة تطور الحركة الوطنية في الجزائر ضد الاستعمار الفرنسي منذ ما بعد الحرب العالمية الأولى حتى الاستقلال سنة 1962م. وتذكر دور حزب الشعب الجزائري ومصالي الحاج، ثم اندلاع الثورة الجزائرية وتشكيل جبهة التحرير ودعم العرب والمسلمين لها. كما تبدأ الصفحة موضوعًا جديدًا عن الحركة الوطنية في المغرب الأقصى وتقسيم المغرب إلى مناطق نفوذ سنة 1912م.  
+يوجد عنصر بصري واحد بارز هو مربع ملوّن في وسط الصفحة يحتوي على نبذة تعريفية عن مصالي الحاج، مع إطار زخرفي يحيط بالصفحة كلها.
+
+
+================================================================================
+PAGE 151 - page_0151.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+وقد تم ذلك في 30 مارس سنة 1912م، غير أن المغاربة لم يستكينوا في ذلك فقاموا بمحاربة الفرنسيين والإسبان أثناء الحرب العالمية الأولى سنة 1914م، غير أن الدول الاستعمارية تمكنت من إخماد هذه الثورات، ولما انتهت الحرب عاد المغاربة إلى مواصلة الكفاح للدفاع عن حريتهم واستقلالهم.
+
+بداية حركة المقاومة بالمنطقة الإسبانية في شمال المغرب:
+
+لما شرعت إسبانيا في احتلال منطقة الريف وجبالها، بدأ الكفاح الشعبي المسلح بقيادة (الشريف الرسوني) في شهر أبريل 1912م، وتواصل حتى شهر أبريل 1915م، وحقق رجال المقاومة العديد من الانتصارات على الإسبان وأعاقوا تقدمهم في المنطقة وإن طغى على الكفاح الوطني الطابع القبلي وكان ظهور (عبد الكريم الخطابي) وابنه محمد، نقطة تحول جديدة في طريق الكفاح المسلح بمنطقة الريف، هددت الوجود الاستعماري خلال هذه الفترة، وجعل (الخطابي) من أعلام التحرير البارزين في بلدان المغرب العربي، غير أن الإسبان لم ينتبهوا لإمكانياته.
+
+وهكذا بدأت المقاومة في المنطقة سنة 1912م، وتواصلت بشدة حتى تتوج، وخلفه ابنه (محمد) الذي انتصر على الإسبان في معركة أنوال سنة 1921م، واعتبرت من أهم المعارك التي تكبد فيها الإسبان خسائر فادحة، إذ استطاع بعدها (محمد عبد الكريم الخطابي) أن يؤلف حكومة وطنية ويعلن استقلال البلاد، غير أن الإسبان أعادوا عليه الكرة فهزموه مرة أخرى، فقررت فرنسا في جلاء الإسبان، وانتصار الحركة الوطنية في الشمال تهديداً لها في منطقتها فعملت على مساعدتها، وهجمتا على (محمد عبد الكريم الخطابي)، مما أدى إلى هزيمته سنة 1926م، ولما رأى أن مواجهته للدولتين يعتبر انتحاراً، سلم نفسه للفرنسيين، واتفقت الدولتان فرنسا وإسبانيا على نفيه، فرحل إلى جزيرة مدغشقر بشرق إفريقيا، وبقي هناك حتى سنة 1947م، فطلب العفو عنه، ووافقت فرنسا على إطلاق سراحه ولما وصل بورسعيد، وهو في طريقه إلى فرنسا نزل في مصر وطلب اللجوء السياسي فيها، واستقر هناك حتى وفاته (رحمه الله).
+
+حركة المقاومة المغربية ضد الفرنسيين في جنوب المغرب:
+
+أما في الجنوب حيث الفرنسيين، فقد عمل المراكشيون على الثورة سنة 1930م، لمحاربة السياسة الفرنسية التي كانت تهدف إلى زرع الفتنة بين المغاربة، والتشجيع على تعلم اللغة الفرنسية وإغراء المغاربة على حمل الجنسية الفرنسية، وقد تكونت لجنة من الزعماء تقدمت بالطلب التالي إلى السلطات الفرنسية تطلب عدم التفرقة بين المغاربة وجاء فيه:
+أ - إلغاء القوانين التي تفرق بين عناصر الأمة المغربية، وتكوين حاكم أهلية لجميع المغاربة على السواء.
+ب - منع التبشير بالمسيحية، واعتبار الدين الإسلامي الدين الرسمي للدولة.
+
+151
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة مقاومة المغاربة للاستعمار بعد فرض الحماية سنة 1912م، مع التركيز على المقاومة في شمال المغرب ضد الإسبان بقيادة الشريف الرسوني ثم محمد عبد الكريم الخطابي.  
+كما تعرض معركة أنوال سنة 1921م، وتأسيس حكومة وطنية، ثم تحالف فرنسا وإسبانيا ضد الخطابي ونفيه إلى مدغشقر ثم استقراره في مصر.  
+وفي الجزء الأخير تتحدث عن المقاومة ضد الفرنسيين في جنوب المغرب سنة 1930م، ومطالب الزعماء بإلغاء التفرقة بين المغاربة ومنع التبشير بالمسيحية.  
+الصفحة نصية تعليمية فقط، وتحتوي على عناوين فرعية بارزة وإطار زخرفي ورقم الصفحة 151 دون صور أو رسوم.
+
+
+================================================================================
+PAGE 152 - page_0152.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+ج- اعتبار اللغة العربية اللغة الرسمية للبلاد ولغة التعليم في المراحل المختلفة.
+
+رفضت فرنسا هذه المطالب على الرغم من تأييد السلطان (محمد الخامس)، لذلك قبضت السلطات الفرنسية على زعماء الحركة وأودعتهم السجن، وتألف في مراكش حزب كتلة العمل الوطني برئاسة (علال الفاسي)، الذي ساهم في تواصل المقاومة، فحلت السلطات الفرنسية هذا الحزب، وشكلوا حزباً جديداً آخر سنة 1936م، سموه الحزب الوطني وتكونت هيئات أخرى عرفت بحزب الاستقلال فاتجه المغاربة إلى هذا الحزب.
+
+قدم أعضاء حزب الاستقلال ميثاقاً إلى كل من (محمد الخامس) وممثل الدول الأجنبية في المغرب العربي، طالبوا فيه بالاستقلال وتوحيد بلادهم، وكان لموافقة السلطان على ذلك وتأييده هذه المطالب، أكبر أثر في نفوس المغاربة فطلبت الحكومة الفرنسية من السلطان أن يرفض الحركة الوطنية، ويتبرأ من أعضائها أو يتنازل عن العرش فرفض، ولما فشلت في ذلك دعت الباشوات الإقطاعيين المتواطئين مع المستعمرين أن يطالبوا بعزل السلطان، فطلب المقيم الفرنسي من السلطان أن يتنازل لأنه أو ابنه أو إبعاده فوراً، وذلك في وثيقة مزقها الملك، وفصل إلى المنفى، لذلك وضعت السلطات الفرنسية سلطاناً جديداً بدله وهو (ابن عرفة) فقام المغاربة بالدفاع عن استقلالهم، وسلطانهم الذي نفي إلى الخارج، إلى أن اضطرت فرنسا إلى إعادة السلطان وأعطت المغرب استقلالها الذاتي في شهر نوفمبر 1956م، ثم قبلت إسبانيا ذلك فردت إقليم الريف إلى الدولة المغربية، وقبلتها الأمم المتحدة عضواً بها سنة 1956م، وأطلق عليها (المملكة المغربية) وانضمت إلى الجامعة العربية.
+
+7- الحركة الوطنية في موريتانيا:
+
+تاريخ موريتانيا الحديث بدأ بوجود (بني حسان) في المدن الساحلية مثل: أرغن وودان (أدران)، واهتم العرب في موريتانيا بالاتصال بالبرتغال، كما اهتموا بتجارة الصمغ العربي، الذي يعتبر من المنتجات المهمة في البلاد، وكانوا أيضاً يجلبون السلع الأوروبية إلى موريتانيا. تعرضت موريتانيا لأطماع الإنكليز والفرنسيين، وقبلهم الهولنديون حيث استولوا على موانئ متعددة على الساحل الموريتاني مثل: سان لويس والمرسى شمال نواكشوط، وبوتينك، وتم الاتفاق بين بريطانيا وفرنسا في معاهدة باريس، على أن تكون الصحراء الموريتانية والمنطقة السنغالية الساحلية منطقة نفوذ فرنسي مطلق، وقد كانت فرنسا تعمل على توسيع رقعة نفوذها في المنطقة، وتواصل هذا مدة طويلة من سنة 1901-1934م، وتم احتلال الجزء الغربي من أفريقيا، وهي المنطقة المعروفة ما بين الجزائر والمغرب شمالاً حتى ساحل غانا على المحيط الأطلسي جنوباً عدا المناطق الواقعة تحت النفوذ البريطاني وهي: نيجيريا- غانا- سيراليون، وكذلك منطقة الصحراء الغربية الساقية الحمراء ووادي الذهب، وجعلت مدينة سان لويس عاصمة إدارية في استغلال هذه المنطقة الواسعة سنة 1920م.
+
+152
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة تطور الحركة الوطنية في المغرب، ودور السلطان محمد الخامس وحزب الاستقلال في مقاومة الاستعمار الفرنسي حتى نيل الاستقلال سنة 1956م، ثم انضمام المغرب إلى الأمم المتحدة والجامعة العربية.  
+كما تبدأ بعرض موضوع جديد هو الحركة الوطنية في موريتانيا، موضحة بدايات تاريخها الحديث، وأهمية التجارة والموانئ، ثم التنافس الاستعماري الأوروبي عليها وخاصة النفوذ الفرنسي.  
+توجد عناصر بصرية بسيطة فقط: عنوان علوي للمادة، إطار زخرفي حول الصفحة، رقم الصفحة (152)، وعنوان فرعي بارز باللون البني: "7- الحركة الوطنية في موريتانيا".
+
+
+================================================================================
+PAGE 153 - page_0153.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+ساندت موريتانيا فرنسا أثناء الحرب العالمية الثانية (1939-1945م) وجندت الموريتانيين وبعض الأفارقة للقتال إلى جانب فرنسا، رغم أنهم كانوا يقاتلون الفرنسيين قبل ذلك. وفي سنة 1946م، عند وضع الدستور الفرنسي، فصلت موريتانيا عن السنغال، وإن بقيت موريتانيا تدار من قبل سان لويس من السنغال، لكن تم انتخاب مجلس تشريعي موريتاني وتم انتخاب أول موريتاني وهو (خرمة ولد بابانا) للمجلس الوطني الفرنسي.
+
+ثم بدأت الأحزاب السياسية في الظهور في موريتانيا، وكان من بينها حزب الاتحاد الموريتاني، وحزب الوفاق الموريتاني.
+
+وقد عمل الحزبان الرئيسان على الاتحاد سنة 1958م، فاندمجا في حزب واحد يحمل اسم (حزب التجمع الوطني) الذي تحمل مسؤولية استقلال البلاد داخلياً مع الانضمام إلى الاتحاد الفرنسي في سبتمبر 1958م، وشكلت أول حكومة موريتانية، وسن أول دستور موريتاني في مارس سنة 1959م، وتم انتخاب مجلس للبلاد في شهر مايو من السنة نفسها، وأعلنت موريتانيا استقلالها كاملاً، غير أن صراع الأحزاب السياسية أثر على وحدتها الوطنية، ورغم المشاكل السياسية الداخلية، فقد اختارت موريتانيا النظام الجمهوري، ودخلت ميدان السياسة الدولية كدولة عربية وانضمت إلى جامعة الدول العربية، كما كانت من ضمن دول الاتحاد المغاربي الذي تم بين (ليبيا والجزائر والمغرب وتونس وموريتانيا).
+
+153
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن تطور الوضع السياسي في موريتانيا من فترة الحرب العالمية الثانية إلى مرحلة الاستقلال.  
+توضح مشاركة موريتانيا مع فرنسا، ثم فصلها عن السنغال سنة 1946م، وظهور أول تمثيل سياسي موريتاني.  
+كما تعرض نشأة الأحزاب السياسية واندماجها سنة 1958م، ثم تشكيل أول حكومة ووضع أول دستور سنة 1959م.  
+وتختم ببيان استقلال موريتانيا واختيارها النظام الجمهوري وانضمامها إلى جامعة الدول العربية والاتحاد المغاربي.  
+الصفحة نصية فقط، وتحتوي على إطار زخرفي ورقم الصفحة 153 دون صور أو رسوم بيانية.
+
+
+================================================================================
+PAGE 154 - page_0154.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+الاستعمار الدولي
+
+في أفريقيا
+
+في آسيا
+
+دول استعمارها قبل 1914م  
+دول استعمارها 1914م - 1945م  
+دول استعمارها 1945م - 1960م  
+دول استعمارها 1960م - 1980م  
+دول استعمارها بعد 1980م  
+دول خضعت لنفوذ أجنبي أو تقسيم أجنبي بعد 1961م  
+آخر المستعمرات
+
+المحيط الأطلسي  
+المحيط الهندي  
+البحر المتوسط  
+البحر الأحمر
+
+ليبيا  
+مصر  
+السودان  
+الجزائر  
+تونس  
+المغرب  
+موريتانيا  
+مالي  
+النيجر  
+تشاد  
+السنغال  
+غامبيا  
+غينيا  
+غينيا بيساو  
+سيراليون  
+ليبيريا  
+ساحل العاج  
+غانا  
+توجو  
+بنين  
+نيجيريا  
+الكاميرون  
+إفريقيا الوسطى  
+الكونغو  
+زائير  
+الجابون  
+أنغولا  
+زامبيا  
+زيمبابوي  
+بوتسوانا  
+ناميبيا  
+جنوب أفريقيا  
+ليسوتو  
+سوازيلاند  
+موزمبيق  
+مدغشقر  
+الصومال  
+إثيوبيا  
+إريتريا  
+جيبوتي  
+أوغندا  
+كينيا  
+تنزانيا  
+رواندا  
+بوروندي
+
+الهند  
+باكستان  
+بنغلادش  
+بورما  
+ماليزيا  
+إندونيسيا  
+الفلبين  
+اليمن  
+عُمان
+
+1961  
+1975  
+1990
+
+1000 كم  
+2000 كم
+
+154
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+الصفحة تعرض خريطة بعنوان **الاستعمار الدولي** ضمن مادة **تاريخ الوطن العربي الحديث والمعاصر**.  
+توضح الخريطة مناطق في أفريقيا وآسيا وتبيّن فترات خضوع الدول للاستعمار أو النفوذ الأجنبي باستخدام ألوان مختلفة وفق مفتاح زمني.  
+تظهر أسماء دول عربية وأفريقية وآسيوية، مع الإشارة إلى بعض التواريخ المهمة مثل 1961 و1975 و1990.  
+كما تتضمن عناصر جغرافية مثل المحيط الأطلسي والهندي والبحر المتوسط والبحر الأحمر، ومقياس رسم للخريطة.
+
+
+================================================================================
+PAGE 155 - page_0155.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة بمرحلة التعليم الثانوي
+
+أسئلة للمراجعة بالفصل الخامس
+
+س 1: عدد الدول التي شاركت في الحرب العالمية الثانية مع بيان مراحلها. ما هي الخسائر المادية والبشرية التي تلاشت على هذه الحرب.
+
+س 2: وضح نتائج ثورة العراق سنة 1920م، على الوجود البريطاني.
+
+س 3: يعتبر (عبدالعزيز آل سعود) المؤسس الأول للمملكة العربية السعودية. اشرح الظروف التي مكنته من ذلك، وكيف تغلب عليها؟
+
+س 4: تميز تاريخ اليمن بمكافحة الأطماع الإنجليزية. وضح ذلك في ضوء ما درست.
+
+س 5: عمل المصريون على مواجهة الإنجليز سياسياً أكثر منه عسكرياً. اشرح ذلك، وتحدث عن أهم رموز المقاومة في مصر.
+
+س 6: متى وكيف غزا الإيطاليون المدن الليبية؟ وما موقف الأتراك من ذلك؟
+
+س 7: ما نتائج معركة القرضابية؟
+
+س 8: (كان وصول الحزب الفاشستي للسلطة في إيطاليا بداية عهد جديد في السياسة الإيطالية في ليبيا) ناقش ذلك موضحاً أثر هذه السياسة على حركة الجهاد في ليبيا؟
+
+س 9: كيف استطاع الليبيون التصدي للقوات الإيطالية؟
+
+س 10: اكتب مذكرات تاريخية عن:
+أ - عمر المختار.
+ب - الجمهورية الطرابلسية.
+
+س 11: كانت الجزائر من الأقطار الأولى بالشمال الأفريقي التي تعرضت للغزو الفرنسي. كيف كانت مواجهة الجزائريين لهذا الغزو؟
+
+س 12: ما دور الحزب الدستوري التونسي في مواجهة الفرنسيين؟
+
+س 13: كيف تمكن الفرنسيون من احتلال المغرب؟ ومن واجههم من قادة المغرب الوطنيين؟
+
+155
+ليبيا
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+الصفحة تعرض أسئلة مراجعة للفصل الخامس لطلاب السنة الثالثة من مرحلة التعليم الثانوي في ليبيا.  
+تركز الأسئلة على التاريخ الحديث والمعاصر، خاصة الحرب العالمية الثانية، وثورات ومقاومات الدول العربية ضد الاستعمار البريطاني والإيطالي والفرنسي.  
+تشمل موضوعات عن العراق، السعودية، اليمن، مصر، ليبيا، الجزائر، تونس، والمغرب، مع طلب شرح شخصيات وأحداث تاريخية مثل عمر المختار والجمهورية الطرابلسية.  
+بصرياً، الصفحة ذات تصميم تعليمي بسيط بإطار بني وعنوان داخل شكل مستطيل بزوايا منحنية، ولا توجد صور أو خرائط أو رسوم بيانية.
+
+
+================================================================================
+PAGE 156 - page_0156.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+156
+
+------------PAGE TALK ABOUT------------
+هذه الصفحة تبدو صفحة افتتاحية أو فاصلًا في كتاب بعنوان "تاريخ الوطن العربي الحديث والمعاصر".
+تتضمن صورة كبيرة لقبة الصخرة في القدس، وتظهر القبة الذهبية والواجهة المزخرفة للمبنى بوضوح.
+لا تحتوي الصفحة على نص تعليمي أو شرح دراسي، بل تركز على العنصر البصري المرتبط بالتاريخ والحضارة العربية والإسلامية.
+يوجد أيضًا رقم الصفحة في الأسفل مع إطار زخرفي يحيط بالصفحة.
+
+
diff --git a/history/p6.txt b/history/p6.txt
new file mode 100644
index 0000000000000000000000000000000000000000..528935688306544abdae356b6495c9a9d4fb14f9
--- /dev/null
+++ b/history/p6.txt
@@ -0,0 +1,661 @@
+"أنت مدرس خبير ومحترف في مادة التاريخ. أنت تدرّس طالباً وتساعده على الفهم.
+
+=== محتوى الفصل (المرجع العلمي) ===
+
+=== نهاية السياق ===
+
+**تعليمات مهمة:**
+- استخدم المحتوى العلمي أعلاه كمرجع أساسي للإجابة
+- راعِ سياق المحادثة السابقة والمستوى التعليمي للطالب
+- أجب بشكل واضح ومفصل باللغة العربية
+- استخدم الأمثلة والتوضيحات عند الحاجة
+- إذا سأل الطالب عن شيء خارج المحتوى المتوفر، أخبره بذلك بلطف
+
+================================================================================
+PAGE 157 - page_0157.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+الفصل السادس
+
+الصراع العربي الصهيوني
+
+157
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+هذه صفحة افتتاحية لفصل دراسي بعنوان **الفصل السادس: الصراع العربي الصهيوني** ضمن كتاب مخصص للسنة الثالثة من مرحلة التعليم الثانوي.  
+تحتوي الصفحة على تصميم زخرفي كبير في الوسط على شكل إطار مزخرف مع شريط علوي كُتب عليه عنوان الفصل.  
+في أعلى الصفحة يظهر تحديد المرحلة الدراسية، وفي أسفلها رقم الصفحة وحقوق النشر الخاصة بمركز المناهج التعليمية والبحوث التربوية في ليبيا.  
+لا توجد في الصفحة فقرات شرح أو رسوم تعليمية، وإنما هي صفحة عنوان وتمهيد لبداية الفصل.
+
+
+================================================================================
+PAGE 158 - page_0158.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+158
+
+------------PAGE TALK ABOUT------------
+هذه الصفحة شبه فارغة ولا تحتوي على محتوى دراسي أو نصوص شرح داخلية، ويبدو أنها صفحة فاصلة أو نهاية قسم من الكتاب.  
+يوجد في أعلى الصفحة عنوان المادة: "تاريخ الوطن العربي الحديث والمعاصر".  
+تظهر حدود زخرفية بنية اللون تحيط بالصفحة، مع رقم الصفحة 158 في الأسفل إلى اليمين.  
+وفي الأسفل توجد عبارة حقوق النشر الخاصة بمركز المناهج التعليمية والبحوث التربوية في ليبيا.
+
+
+================================================================================
+PAGE 159 - page_0159.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+احتلال بريطانيا لفلسطين
+
+احتلت بريطانيا فلسطين خلال الحرب العالمية الأولى سنة 1917م، وعملت على تنفيذ سياستها التي نص عليها وعد بلفور بهدف جعل فلسطين وطناً قومياً يهودياً، وقد تزعم هذه الحركة (تيودور هرتزل) مؤلف كتاب الدولة اليهودية، وكان قد اتصل بالسلطان العثماني (عبد الحميد الثاني) ليسمح له بهجرة اليهود إلى فلسطين، فرفض طلبه وظل عدد اليهود قليلاً في فلسطين، وكانوا يعيشون مع العرب في علاقات طيبة بعكس ما تعرض له بقية اليهود من اضطهاد، وخاصة الذين كانوا يعيشون في بعض الأقطار بأوروبا، وخصوصاً في ألمانيا، وقد استغل اليهود قيام الحرب العالمية الأولى من أجل تنفيذ خططهم، كما حرص الحلفاء على استمالتهم واسترضائهم لما كان لهم من نفوذ في الميدان الاقتصادي والصحافي، وكان عدد كبير منهم يعيش في النمسا وألمانيا، وأرادت دول الحلفاء أن تستفيد منهم في تأييدهم ضد حكومات الدول المقيمين بها، يعني (ألمانيا والنمسا) في ذلك الوقت، لذلك اتصل بلفور وزير خارجية بريطانيا (بروتشيلد) زعيم الحركة الصهيونية في شهر نوفمبر 1917م، وأبلغه بما يلي:
+(إن بريطانيا تنظر بعين عطف إلى إنشاء وطن قومي لليهود في فلسطين، وستبذل كل مساعيها ليسهل بلوغ هذا الهدف)، وكان لهذا الخبر قد شكل خطورة كبيرة على القوات الإنجليزية باحتلالها لفلسطين، وقد تم هذا في مؤتمر (سان ريمو) بإيطاليا سنة 1920م، انتداب بريطانيا على فلسطين وأكد نص الانتداب على ضرورة تنفيذ وعد بلفور هذا دون أن تتضرر المصالح الفلسطينية.
+
+الحركة الوطنية لعرب فلسطين:
+عندما شعر الفلسطينيون بخطورة الدور الذي يقوم به اليهود والإنجليز في انتزاع أرضهم سنة 1920م، عملوا على القيام بمظاهرات الاحتجاج التي أريقت فيها الدماء، وبدأوا بالكفاح المسلح الفعلي لأول مرة، معلنين عن رفضهم للسياسة البريطانية الموالية للصهيونية، وقد حدد العرب مطالبهم في نقطتين مهمتين هما:
+1- إلغاء وعد بلفور ورفض الانتداب البريطاني على فلسطين.
+2- استقلال فلسطين وتشكيل حكومة دستورية.
+
+159
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة احتلال بريطانيا لفلسطين سنة 1917م أثناء الحرب العالمية الأولى، وارتباط ذلك بوعد بلفور ودعم المشروع الصهيوني لإقامة وطن قومي لليهود في فلسطين.  
+كما تشرح دور الحركة الصهيونية وتيودور هرتزل، ثم انتقال فلسطين إلى الانتداب البريطاني بعد مؤتمر سان ريمو سنة 1920م.  
+وتعرض أيضاً بداية الحركة الوطنية لعرب فلسطين، من مظاهرات واحتجاجات وكفاح مسلح رفضاً للسياسة البريطانية.  
+وتتضمن الصفحة مطالب الفلسطينيين الأساسية: إلغاء وعد بلفور، رفض الانتداب البريطاني، واستقلال فلسطين مع تشكيل حكومة دستورية.  
+الصفحة ذات تصميم كتاب مدرسي مزخرف، فيها عنوان رئيسي بارز وإطار زخرفي دون صور أو خرائط أو رسوم بيانية.
+
+
+================================================================================
+PAGE 160 - page_0160.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+تواصلت مظاهراتهم واشتدت في مراحل متعددة، ثم تحولت سنة 1936م، إلى ثورة عارمة شملت كل المدن الفلسطينية واستمرت مشتعلة حتى بداية الحرب العالمية الثانية 1939م.
+
+وقد ارتبطت ثورات عرب فلسطين بالحركات الداعية للاستقلال من سوريا ولبنان، وتمثل ذلك في المؤتمر العربي الفلسطيني الذي عقد في شهر أغسطس 1923م، وتضمن حق الاتحاد بين سوريا ولبنان وفلسطين، وبتشكيل حكومة مشتركة وإلغاء الانتدابين الفرنسي والبريطاني.
+
+ولما أنشأ الصهاينة الوكالة اليهودية التي كانوا يعتمدون عليها في تنفيذ أهدافهم التوسعية بفلسطين، شرع اليهود في نشر معاهدهم ومؤسساتهم ومعسكراتهم الإرهابية، ونجحوا في توطيد نفوذهم في فلسطين، وذلك باستغلال رأس المال المستورد من الخارج، والعمل على نشر الدعاية اليهودية في أمريكا وأوربا، إضافة إلى الدعم المقدم من الانتداب البريطاني لهم، ولم يقم العرب بمواجهتهم لانشغالهم بمشاكلهم الخاصة في مقاومة الاستعمار على اختلاف أشكاله، وعندما استفحل الأمر أدركوا خطورة الموقف في فلسطين، وأن قضية فلسطين هي قضية العرب جميعاً.
+
+- نشأة الحركة الصهيونية كحركة عنصرية توسعية استعمارية:
+
+يرجع لفظ الحركة الصهيونية بمدلولها السياسي الحديث إلى أواخر القرن التاسع عشر الميلادي، حيث استخدمها (ناتال) وهو صحفي يهودي نمساوي في كتاب صدر له سنة 1893م تحت عنوان (الإحياء القومي للشعب اليهودي في وطنه لحل المشكلة اليهودية)، أما الصهيونية فهي فكرة في جوهرها تعني دعوة اليهود إلى جبل صهيون (قرب القدس)، وبمعنى آخر تعني دعوة اليهود في العودة إلى فلسطين التي يدعونها (أرض بني إسرائيل) بحدودها التي وردت في الكتب المقدسة لدى اليهود، مع أن التوراة تذكر تلك الأرض بأنها (أرض كنعان وأرض فلسطين).
+
+والصهيونية بمفهومها السياسي الحديث وطابعها القومي اليهودي، هي حركة عنصرية استعمارية تستند إلى مفاهيم دينية ومزاعم تاريخية تهدف إلى الاستعمار، وهي حركة أوروبية الأصول، نشأت في أحضان الأوروبيين في القرن التاسع عشر الميلادي وتأثرت بالتطور الرأسمالي، وبمناخ عصر القوميات الأوروبية والأطماع الاستعمارية خاصة في بريطانيا، وخصوصاً عندما بلغ الاستعمار الأوروبي قمته في العالم، وارتبط بطابع التسابق في الصراع من أجل الحصول على المناطق الاستراتيجية في أفريقيا وآسيا وغيرهما.
+
+والصهيونية الحديثة في اعتناقها فكرة القومية اليهودية المستحدثة، تختلف عن جميع القوميات التي عرفت في القرن التاسع عشر الميلادي.
+
+وتبدو دعوة ما يسمى (القومية اليهودية) هي أقرب ما تكون بالبدعة التي تحاول أن تسير على نمط القوميات
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+160
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة تطور الثورة الفلسطينية ضد الانتداب البريطاني والصهيونية، خاصة ثورة 1936م، وارتباط نضال فلسطين بحركات الاستقلال في سوريا ولبنان.  
+كما تشرح نشأة الحركة الصهيونية بوصفها حركة سياسية حديثة ذات طابع عنصري استعماري، وتعرض جذورها الفكرية والسياسية في أوروبا أواخر القرن التاسع عشر.  
+وتوضح اعتماد الصهاينة على الوكالة اليهودية والدعم البريطاني ورأس المال والدعاية الخارجية لتثبيت نفوذهم في فلسطين.  
+بصرياً: الصفحة نصية بالكامل تقريباً، فيها عنوان فرعي بارز باللون البني، وإطار زخرفي حول الصفحة، مع رقم الصفحة 160 أسفل اليمين.
+
+
+================================================================================
+PAGE 161 - page_0161.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+الأوروبية دون أن تتوفر لها المكونات الأساسية اللازمة لذلك، من ناحية أخرى لا يمكن أيضاً الإقرار بأن كل من اعتنق المسيحية يصبح له الحق في استيطان روما، أو القدس على حساب أهلها، ومن اعتنق الإسلام له الحق في الاستيطان بالجزيرة العربية، أو بمكة والمدينة على وجه التخصيص على حساب سكانها، لذلك لا يمكن الإقرار بأن لأتباع الديانة اليهودية الحق في الاستقرار بفلسطين العربية على حساب أهلها، لذلك نؤكد بأن الحركة الصهيونية ابتدعتها اليهود من أجل الاستيطان بفلسطين على حساب سكانها الأصليين، ولا يمكن أن تكون فلسطين موطناً لصهاينة العالم.
+
+- الأطماع الصهيونية في فلسطين:
+
+بدأت الحركة الصهيونية في العمل على إنشاء وطن قومي لليهود منذ مدة، وقد ساعدتها الظروف السياسية والعسكرية في ذلك مثل:
+
+1- ضعف الدولة العثمانية وتدخل الإنكليز والفرنسيين في شؤونها، وتحريض العرب على التخلص من الحكم العثماني، الذي أصبح عبئاً ثقيلاً في القرن التاسع عشر وبداية القرن العشرين.
+2- قيام الحرب العالمية الأولى واستمالة العرب إلى جانب الحلفاء باتصال (مكماهون) بـ (الشريف الحسين) وقيام ما عرف بالثورة العربية.
+3- سيطرت الدولتان بريطانيا وفرنسا على المشرق العربي، واستغلال الصهيانية أوضاع الدولتين (بريطانيا وفرنسا) المتدهورة من الناحية المالية، وحاجتهما الملحة للمساعدة.
+4- هزيمة ألمانيا وحليفتها تركيا في الحرب العالمية الأولى سنة 1918م، ثم إعلان الهدنة وتنازل الدولة العثمانية عن ممتلكاتها في المنطقة العربية بما فيها فلسطين.
+
+كل هذه العوامل مشتركة مهدت للصهيانية إمكانية إنشاء وطن قومي لليهود، وكان الهدف قد ضمنه كتاب نشره (مستر هنري ميسشي) في القرن الثامن عشر الميلادي، وسمى الكتاب (نداء اليهود) دعا فيه اليهود إلى العمل على إنشاء وطن قومي لهم ليمهد بذلك لتوسع الدولة اليهودية وجعلها إمبراطورية عالمية مترامية الأطراف، غير أن الموضوع لم يأخذ بشكل جدي إلا بعد أن توسعت بريطانيا في الهند.
+
+- التمهيد للاستيطان:
+
+كان أول من دعا إليها (موسى مونت فيوري)، والذي كان قد رحل إلى فلسطين سنة 1824م، ثم عاد منها سنة 1837م، وذلك بعد أن قابل (محمد علي) حاكم مصر وطلب منه تأجير مساحة من الأراضي في فلسطين لإسكان عدد من اليهود مقابل مبالغ مالية طائلة، غير أن (محمد علي) رفض هذا العرض، شعوراً منه أن ذلك ربما يشكل خطراً على البلاد العربية.
+
+161
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة رفض الادعاء بأحقية اليهود في فلسطين على أساس ديني، وتؤكد أن الحركة الصهيونية سعت إلى الاستيطان على حساب السكان الأصليين.  
+ثم تشرح الأطماع الصهيونية في فلسطين والعوامل السياسية والعسكرية التي ساعدت على ذلك، مثل ضعف الدولة العثمانية، والحرب العالمية الأولى، وسيطرة بريطانيا وفرنسا على المشرق العربي.  
+كما تعرض بدايات فكرة إنشاء وطن قومي لليهود، وذكر كتاب «نداء اليهود»، ثم تمهيد الاستيطان عبر محاولة موسى مونت فيوري استئجار أراضٍ في فلسطين من محمد علي.  
+الصفحة عبارة عن نص دراسي فقط، دون صور أو مخططات، مع عناوين فرعية بارزة وإطار زخرفي ورقم الصفحة في الأسفل.
+
+
+================================================================================
+PAGE 162 - page_0162.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+وكانت سنة 1882م، نقطة تحول كبيرة في تاريخ الحركة الصهيونية، عندما اضطربت أحوال روسيا وقتل القيصر الروسي الكسندر الثاني في شهر مارس 1881م، على يد أناس كان من بينهم بعض اليهود الروس، فنقم الروس على اليهود، إلى جانب أن اليهود كانوا يحتكرون الحرف اليدوية، مما أحدث تنافساً كبيراً بين الإقطاعيين الروس واليهود، فانتشرت البطالة بين عامة الناس في روسيا، فازداد الضغط عليهم من قبل السلطات الروسية، وأدى ذلك إلى إصدار قانون عرف باسم (قوانين شهر مايو 1882م)، حصلت بمقتضاه تحديد إقامة اليهود في مناطق محددة، فأثر ذلك على هجرة اليهود إلى فلسطين وقد أنشئت جمعيات للحركة الصهيونية، وقد قامت هذه الحركة لتحقيق أهداف محددة كان من بينها:
+
+أ - السعي إلى احتلال فلسطين بطرق مختلفة ...............
+ب - العمل على نشر الفكر الصهيوني بين اليهود في كل مكان.
+ج - العمل على رفع مستوى اللغة العبرية باعتبارها لغة اليهود القومية.
+د - رفع مستوى اليهود من جميع النواحي.
+
+وقد عمل اليهود على إنجاح الحركة الصهيونية في مجتمعهم في كل مكان وجدوا فيه. وواصل كتابهم على ذلك المنوال مثل الكاتب (لي بنسكي) الروسي الذي أصدر كراسة تحت عنوان (التحرر الذاتي)، الذي طالب فيه اليهود بالذهاب إلى فلسطين، ثم تطورت الحركة الصهيونية وأنشأت حركة حديثة عرفت بحركة (البيلو)، وقد رد السلطان على (هرتزل): أنصحوا الدكتور (هرتزل) بأن لا يتخذ خطوات جديدة في هذا الموضوع؛ لأني (لا أستطيع أن أتخلى عن شبر واحد من الأرض، فهي ليست ملك يميني، بل هي ملك شعبي، لقد ناضل شعبي في سبيل هذه الأرض ورواها بدمه فليحتفظ اليهود بملايينهم، وإذا فرقت إمبراطوريتي فلعلهم يستطيعون آنذاك أن يأخذوا فلسطين بلا ثمن، ولكن يجب أن يبدأ هذا التمزيق من جثتنا، فإني لا أستطيع الموافقة على تشريح أجسادنا ونحن على قيد الحياة).
+
+لقد فشل اليهود في إمكانية الحصول على أي اعتراف من تركيا وألمانيا، وعلى اغتصاب فلسطين رغم ما خططوا له من حيث الإمكانيات المالية، ولم يتمكنوا من الحصول على التدخل في شؤون فلسطين؛ رغم محاولات الحركة الصهيونية الاستعمارية مع الدول الغربية بريطانيا وفرنسا وأمريكا، حيث أصبحت هذه الدول مركز القوة الرئيسية لتنفيذ النشاط الصهيوني، خصوصاً بعد أن تولى (حاييم وايزمان) زعامة الحركة الصهيونية لعلاقته القوية بالدول الغربية.
+
+162
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة تطور الحركة الصهيونية في أواخر القرن التاسع عشر، خاصة بعد أحداث روسيا سنة 1881–1882م وما ترتب عليها من هجرة اليهود إلى فلسطين.  
+كما تعرض أهداف الحركة الصهيونية مثل احتلال فلسطين، ونشر الفكر الصهيوني، وإحياء اللغة العبرية، ورفع مستوى اليهود.  
+وتذكر دور بعض المفكرين والحركات مثل لي بنسكي وحركة البيلو، ثم توضح موقف السلطان العثماني الرافض لمطالب هرتزل.  
+وفي النهاية تشير إلى فشل الصهيونية أولاً في نيل اعتراف من تركيا وألمانيا، ثم توجهها إلى الدول الغربية مثل بريطانيا وفرنسا وأمريكا.  
+الصفحة عبارة عن نص تاريخي فقط داخل إطار مزخرف، مع رقم الصفحة 162 في الأسفل.
+
+
+================================================================================
+PAGE 163 - page_0163.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+- علاقة الحركة الصهيونية بالاستعمار الأوروبي:
+
+استطاعت الحركة أن توفر لنفسها إمكانات مادية وشعبية بين مريديها، لكنها لم تستطع تحقيق أي مكاسب في اغتصاب فلسطين، لولا موجة الاستعمار الغربي الحديثة للوطن العربي، واتفاق أهداف هذه الحركة مع الأهداف الاستعمارية، ويتضح من ذلك أن الحركة الصهيونية وصلت إلى الوطن العربي، في ركاب الزحف الاستعماري، وشكلت جزءاً أساسياً من دوافعه التوسعية في البلاد العربية.
+
+لقد تحمس بعض الكتاب الإنجليز والساسة والقساوسة في دعم اليهود على فكرة الوطن اليهودي في فلسطين لتضمن بريطانيا مصالحها الاستعمارية في المنطقة، لذلك عملت إنجلترا مع اليهود بشكل منظم عندما فتحت قنصلية في القدس سنة 1839م، كان الهدف منها حماية اليهود، وتحقيق توطينهم في فلسطين حسب قول بـ (الما رسنون) وزير خارجية بريطانيا، ليجعلهم سداً منيعاً ضد (محمد علي) وخلفائه، كما أكد ذلك رئيس وزراء بريطانيا، موضحاً أن توطين اليهود لن ينطوي على فوائد لليهود فحسب، بل لبريطانيا أيضاً. ويؤكد جلياً أن البريطانيين هم السبب الأساسي في توطين اليهود منذ البداية وحتى إعلان وعد بلفور وتواصلت منشورات غلاة الصهيونية الاستعمارية تشرح أهمية الأراضي المقدسة في ضوء الصراع حولها، وتتعدد المشاريع الاستعمارية في المنطقة العربية من الإنجليز والإيطاليين والفرنسيين والألمان والأمريكيين والروس، حول إعادة توطين اليهود في فلسطين، وكانت المشاريع البريطانية أكثر عدداً واهتماماً في التعبير عن أهمية سياسة واستراتيجية للأراضي المقدسة واهتم (أربل شافتس) أحد الوزراء البريطانيين بنشر مقال حول الصهيونية سنة 1876م، أبرز فيها دور الأراضي المقدسة مستقبلاً في التجارة العالمية مؤكداً في ذلك على أهمية العنصر اليهودي في فلسطين لتكون مركزاً لهذه التجارة.
+
+وعلى ضوء تشجيع الدوائر الاستعمارية استفاد زعماء الحركة الصهيونية في العمل على تنمية الروح العدائية للعرب في المجتمع الأوروبي المسيحي، وعلى دفع اليهود بالتوجه إلى فلسطين والاستقرار بها، وللتدليل على تفاقم المشكلة الطائفية اليهودية في الغرب، وأن حلها لا يكون إلا بخروج اليهود من أوروبا والعمل على تأسيس دولتهم، وقد تفاقمت المشكلة بشكل واضح عندما صارت بعض المذابح اليهودية في روسيا في أواخر القرن التاسع عشر الميلادي، وكثرت هجرة اليهود إلى بريطانيا، حيث اعتبر ذلك تهديداً مباشراً لتدهور مستوى المعيشة في بريطانيا، كما شكلت لجنة في بريطانيا لدراسة مشكلة الهجرة الأجنبية إلى بريطانيا برئاسة (أرثر جيمس بلفور) حيث استمعت هذه اللجنة لـ (تيودور هرتزل) سنة 1902م، الذي طالب بتوجيه المهاجرين من بريطانيا إلى فلسطين، وأكد (روتشيلد) وهو أبرز الرأسماليين على إقناع البريطانيين بالصلة الوثيقة بين الصهيانية والمصالح البريطانية في المنطقة الإستراتيجية من العالم.
+
+163
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة علاقة الحركة الصهيونية بالاستعمار الأوروبي، وتوضح أن نجاح المشروع الصهيوني في فلسطين ارتبط بالدعم الاستعماري الغربي، خاصة البريطاني.  
+تشرح دور بريطانيا في تشجيع توطين اليهود في فلسطين منذ فتح القنصلية في القدس سنة 1839م وحتى المقدمات التي قادت إلى وعد بلفور.  
+كما تعرض كيف استغلت الصهيونية الظروف الأوروبية، مثل اضطهاد اليهود والهجرة، لتبرير إقامة وطن يهودي في فلسطين بما يخدم المصالح الاستعمارية.  
+الصفحة نصية بالكامل تقريباً، وتحتوي على عنوان رئيسي وإطار زخرفي ورقم الصفحة 163 مع تذييل حقوق النشر لمركز المناهج التعليمية والبحوث التربوية في ليبيا.
+
+
+================================================================================
+PAGE 164 - page_0164.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+- الأطماع الصهيونية في المنطقة العربية:
+
+اتخذت الأطماع الصهيونية في المنطقة العربية عدة جوانب ثابتة لا تتغير فهي متواصلة وتهدف إلى ما يسمى تحقيق (إسرائيل الكبرى) وتؤكد الوثائق الصهيونية عليها، فالخريطة المرسومة على مدخل الكنيست الصهيوني (البرلمان الإسرائيلي) والتي تضم الأقطار العربية شمال خط يمتد من جنوب الكويت إلى جنوب المدينة المنورة التي تعتبرها الصهيانة موطناً لهم ويعملون على توطين ما لا يقل عن عشرة ملايين من اليهود، ويسعون إلى إبادة العرب فيها، أو حملهم على الهجرة منها إلى الصحراء لأنهم يهدفون إلى وجود أرض بلا شعب، كما يريدون الاستيلاء على الموارد التجارية والاقتصادية وفرض السيطرة السياسية على كامل الوطن العربي.
+
+ولما كانت فلسطين تابعة للدولة العثمانية فقد عرضت بريطانيا على اليهود الاستيطان في شبه جزيرة سيناء، وشكلت لجنة لدراسة الموضوع سنة 1907م، في المنطقة المحددة، غير أن المشروع الذي تمت دراسته لم يأخذ في الاعتبار رفض مصر والدولة العثمانية ذلك.
+
+يؤكد هذا الحدث التاريخي أن أرض مصر لم تكن خارجة عن أطماع الصهيانة التوسعية وبذلك توافقت أطماع الغرب في الوطن العربي الذي لم يخرج عن أهداف الحركة الصهيونية، كما لا يختلف عن واقع الاستراتيجية المنفذة تباعاً في توطين اليهود في فلسطين وفي توفير الرعاية الكاملة لهم بها عبر الزمن.
+
+لا يخفي الصهيانة أطماعهم في شمال أفريقيا، وقد عملوا بمساعدة إنجلترا على تهيئة جزيرة مالطا لتكون قاعدة في مواجهة شمال أفريقيا خلال السبعينات من القرن العشرين، غير أن سكان هذه المنطقة وقفوا ضد هذا المخطط وحددوا نشاطهم في ذلك، ومع ذلك لم يتخلوا عن محاولاتهم الرامية إلى إيجاد نقاط يرتكزون عليها في الشمال الأفريقي ليتحركوا منها بشكل مباشر أو غير مباشر أو التعاون مع الدول الأوروبية لمواجهة شمال أفريقيا، وحتى يتمكن الصهاينة في فلسطين من تنفيذ مخططهم في السيطرة على المنطقة الغربية التي تمثلت في تأمين وجودهم، حيث يشعر الصهاينة أنهم جسم غريب، وقائم على العدوان، ولتأمين بقائهم ووجودهم لابد أن يحتاجوا إلى قوات عسكرية ضاربة تتفوق على القوات العسكرية العربية مجتمعة لذلك يعملون دائماً على امتلاك أحدث الأسلحة للفتك بالعرب، حين تتاح لهم الفرصة.
+
+- الدور الأمريكي في تمكين الصهيانة من احتلال فلسطين وتواصله:
+
+ولما كانت أهداف الإمبريالية العالمية بقيادة الولايات المتحدة تتفق مع مخططات الكيان الصهيوني في البلاد العربية، والمتضمنة عدم تمكين العرب من الاتحاد والنهوض، لذلك وضعت الدول الرأسمالية الغربية بين يدي هذا الكيان ما يلي:
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+164
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة الأطماع الصهيونية في المنطقة العربية، وتركز على فكرة "إسرائيل الكبرى" ومحاولات التوسع والسيطرة السياسية والاقتصادية على الوطن العربي.  
+كما تعرض أمثلة تاريخية مثل مشروع توطين اليهود في سيناء سنة 1907م، وامتداد هذه الأطماع إلى شمال أفريقيا بدعم بريطاني.  
+وتوضح أيضاً ارتباط المشروع الصهيوني بالمصالح الغربية، ثم تمهد في آخر الصفحة للحديث عن الدور الأمريكي في تمكين الصهيونية من احتلال فلسطين واستمرار دعمه.  
+بصرياً: الصفحة نصية بالكامل تقريباً، فيها عنوان رئيسي وعنوان فرعي بلون بني، وإطار زخرفي حول الصفحة مع رقم الصفحة 164 أسفل اليمين.
+
+
+================================================================================
+PAGE 165 - page_0165.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+1 - إمداد اليهود بالأموال اللازمة بصفة دائمة.
+
+2 - حماية الكيان الصهيوني كاستخدام الولايات المتحدة الأمريكية حق (الفيتو) النقض في مجلس الأمن ضد أي قرار يدين العدو الصهيوني.
+
+3 - تحالف الكيان الصهيوني في فلسطين مع الدول المتقدمة كالولايات المتحدة الأمريكية ودول الاتحاد الأوروبي.
+
+4 - مساعدة الاتحاد الأوروبي للكيان الصهيوني في فلسطين بمعلومات تقنية، استخباراتية، لا يستطيع الوصول إليها بإمكانياته الخاصة.
+
+5 - مراقبة ميزان القوة في المنطقة مع التنبؤ الأكيد لأي اعتداء عسكري قد يقع عند ظهور معالم قوة متزايدة في الجانب العربي تنذر بأي تغيرات في ميزان القوة، كما حدث في العدوان الثلاثي على مصر عام 1956م.
+
+ومن ذلك يتضح أن المنطقة العربية كانت هدفاً دائماً للهجوم الإسرائيلي، بغض النظر عن أي سياسة لها اتجاه الكيان الصهيوني، بل بمجرد تطورات ذاتية في ميزان القوة، كان الصهاينة يراقبونها بدقة، وليس التطورات العسكرية فقط، بل يراقبون التطورات الصناعية والعلمية داخل البلاد العربية، وأي بلد عربي يعمل على التطور العلمي والصناعي قد يتعرض لعدوان إسرائيلي، كما تعرضت العراق بضرب مفاعلها النووي سنة 1981م، وكما حدث في مصر أيضاً في سنة 1967م، وما سبقها حيث ساعدت الدول الغربية على ترجيح كفة النصر دائماً لصالح إسرائيل.
+
+ومن أهم وسائل العدوان الصهيوني لتحقيق أهدافه، العمل على:
+- تخريب المنشآت الصناعية والتشكيك في قدرة العرب على مواجهة الصهيونية.
+- الاستخفاف بكل ما هو عربي وتعظيم كل ما هو أجنبي.
+- المحافظة على قدرة العدو الصهيوني في إمكانية مواجهة العرب في كل زمان ومكان.
+
+وبذلك نرى أن العدو الصهيوني يحاول دفع الأحداث في المنطقة العربية تجاه قيام دول ذات طبيعة طائفية وعنصرية، وذلك لتجزئة الوطن العربي وإضعافه من ناحية، وتواصل ارتفاع إمكانات العدو الصهيوني وقدراته على المواجهة من ناحية أخرى.
+
+- مقاومة العرب للصهيانية والانجليز (ثورة 1936م):
+
+تواصلت حركة المقاومة في فلسطين حيث بدأت الثورة بإعلان الإضراب العام 1936م، وتعطلت الأعمال في مرافق البلاد، وانضمت الأحزاب الفلسطينية في منظمة واحدة سميت بـ (اللجنة العربية العليا)، ثم تحول هذا الإضراب إلى ثورة مسلحة قام بها الفلسطينيون بمهاجمة المعسكرات البريطانية،
+
+165
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة أشكال الدعم الغربي للكيان الصهيوني، مثل التمويل، الحماية السياسية بالفيتو، والتحالفات والمساندة التقنية والاستخباراتية.  
+كما تشرح مراقبة ميزان القوة في المنطقة واستهداف أي تطور عربي عسكري أو علمي أو صناعي، مع أمثلة مثل عدوان 1956م، وحرب 1967م، وضرب مفاعل العراق سنة 1981م.  
+وتعرض وسائل العدوان الصهيوني كالتخريب والتشكيك بقدرات العرب وتعظيم الأجنبي.  
+وفي آخر الصفحة يبدأ عنوان جديد عن مقاومة العرب للصهيونية والإنجليز، ويتحدث عن ثورة فلسطين سنة 1936م والإضراب العام وتشكيل اللجنة العربية العليا.  
+العناصر البصرية تقتصر على تنسيق كتاب مدرسي بإطار زخرفي ورقم الصفحة 165 دون صور أو رسوم.
+
+
+================================================================================
+PAGE 166 - page_0166.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+فتطوروا المواصلات وباتت فلسطين ساحة معارك استخدم فيها الإنجليز الدبابات والطائرات ضد الفلسطينيين.
+
+لذلك ازداد سخط العرب في البلاد العربية، ورأت الدول الغربية التوسط لوقف الإضراب، تمهيداً للبحث عن تسوية للقضية الفلسطينية ووضعت لذلك عدة مقترحات تمثلت فيما يلي:
+1- تحديد عدد اليهود المهاجرين بحيث لا يزيد عن (13) ألف يهودي في السنة خلال السنوات اللاحقة.
+2- العمل على تقسيم فلسطين إلى مناطق وفق الآتي:
+أ- دولة يهودية تمتد على الساحل من حدود لبنان شمالاً إلى جنوب مدينة يافا وبذلك وضعت أهم ثروة للعرب في أيدي اليهود وهي البرتقال ومزارعه.
+ب- دولة عربية في الأجزاء الباقية وتمتد إلى شرق الأردن.
+ج- تبقى الأماكن المقدسة ومنطقة القدس تحت الانتداب البريطاني.
+غير أن هذا المشروع لم يلق استحساناً من العرب، لأنه يعتبر وثيقة رسمية تعترف بحق إنشاء دولة يهودية في فلسطين على حساب سكانها الفلسطينيين، وكان المشروع كله لصالح إنجلترا، لأنه يؤكد انتدابها في فلسطين وكذلك الأردن، فضلاً عن التحالف المنتظر بين الدولة اليهودية وبريطانيا، أما اليهود فقد رحبوا بالمشروع لأنه خطوة تمكنهم من إنشاء دولة في رقعة يثبون منها على بقية فلسطين، وما جاورها من البلاد العربية، وليس غريباً في رفض العرب المشروع من أساسه، ودعوة حكوماتهم لمواجهة الموقف لإنقاذ فلسطين من المؤامرات الصهيونية، ورغم احتجاج العرب فقد قدم المشروع من جانب إنجلترا إلى عصبة الأمم التي أيدته باعتباره أضمن حل للخروج من هذا المأزق، ورغم جهود مندوبي مصر والعراق في عصبة الأمم وجهودهما لإحباط مشروع التقسيم هذا، فقد وافقت عصبة الأمم على المبادئ الأساسية التي تضمنها.
+
+- مؤتمر بلودان 1937م:
+جاهد العرب في التصدي لمشروع تقسيم فلسطين الذي وافقت عليه كل الدول، فعقد لذلك مؤتمر عربي عام في بلودان بسوريا، برئاسة مندوب مصر، وقد اتخذ القرارات التالية:
+1- رفض قرار تقسيم فلسطين بل ومقاومته.
+2- وجوب الاحتفاظ بفلسطين كجزء لا يتجزأ من الوطن العربي.
+3- المطالبة برفض وعد بلفور وإلغاء الانتداب البريطاني على فلسطين.
+4- وقف هجرة اليهود، وسن تشريع يمنع انتقال الأراضي من العرب إلى اليهود، وهذا إجراء مؤقت ريثما يلغي الانتداب.
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+166
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة مشروع تقسيم فلسطين الذي طرحته بريطانيا بعد تصاعد الثورة الفلسطينية، وتوضح بنوده مثل تحديد الهجرة اليهودية وتقسيم فلسطين إلى دولة يهودية ودولة عربية مع بقاء القدس تحت الانتداب البريطاني.  
+كما تشرح موقف العرب الرافض للمشروع لأنه يخدم المصالح البريطانية والصهيونية، مع الإشارة إلى تأييد عصبة الأمم له.  
+وتعرض أيضاً مؤتمر بلودان سنة 1937م وقراراته الرافضة للتقسيم ووعد بلفور والهجرة اليهودية، مع التأكيد على عروبة فلسطين.  
+الصفحة عبارة عن نص تاريخي فقط داخل إطار مزخرف، ولا تحتوي على صور أو خرائط أو رسوم بيانية.
+
+
+================================================================================
+PAGE 167 - page_0167.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+وعلى ضوء ذلك فشل قرار التقسيم، وخاصة عندما عمت الإضرابات معظم المدن الفلسطينية والعربية، وألقت حكومة الانتداب مسؤولية الثورة على أعضاء اللجنة العربية العليا، فبادرت إلى اعتقال أعضاء اللجنة، ونفتهم إلى جزيرة سيشل، وقد نفت مفتي القدس الحاج (أمين الحسيني) إلى لبنان، وعندما ازدادت حوادث الاعتقال، اتسع نطاق الثورة واشتد، وقد تواصلت حتى بداية الحرب العالمية الثانية سنة 1939م، كما كثرت حوادث الاغتيال ضد الخونة والعملاء، وأدت الاضطرابات إلى حل اللجنة المكلفة بمشروع التقسيم، كما خشيت إنجلترا من تدهور الموقف بسبب امتداد الثورة إلى جميع أنحاء فلسطين، في مرحلة حرجة بعد احتياج ألمانيا لتشيكوسلوفاكيا، وعليه تخلت إنجلترا بسبب هذه الحوادث عن إعلان مشروع التقسيم سنة 1938م، ودعت إلى عقد مؤتمر بلندن مع زعماء العرب واليهود في فلسطين، وتضمن هذا الاقتراح اعتراف من إنجلترا بأن قضية فلسطين هي قضية العرب جميعاً، وعقد مؤتمر المائدة المستديرة في شهر فبراير 1939م، بلندن بين العرب واليهود، بحضور الإنجليز، ولما رفض المندوبان مقابلة بعضهما مباشرة، تولى الإنجليز الاجتماع بكل فريق لوحده.
+
+الكتاب الأبيض للحكومة البريطانية:
+
+صدر هذا الكتاب بعد اجتماع المائدة المستديرة وجاء فيه:
+1- التأكيد على الالتزام بأن مشروع وعد بلفور لا يعني إنشاء دولة يهودية بفلسطين.
+2- إعلان بريطانيا عزمها على إنشاء دولة فلسطينية مستقلة، لا عربية ولا يهودية تتحالف مع بريطانيا.
+3- تقوم حكومة وطنية في فلسطين في فترة الانتقال مدتها عشر سنوات، يرأسها بريطاني وستة وزراء عرب ويهوديان ولكل وزير مستشار بريطاني، وبعد مضي ثلاث سنوات يتم انتخاب مجلس تشريعي للبلاد بالنسبة العددية للسكان.
+4- نظراً لخطورة هجرة اليهودية إلى فلسطين، والذي أدى إلى تدهور الحالة الاقتصادية، قررت تحديد عدد اليهود المسموح لهم بالهجرة إلى فلسطين في حدود (75) ألف مهاجر خلال خمس سنوات، ثم تتوقف الهجرة نهائياً ويصبح عدد اليهود ثلث عدد السكان تقريباً وتكون إنجلترا بذلك قد وفت بعهدها بمساعدة اليهود على إنشاء وطن قومي لهم في فلسطين.
+5- وقد أصدرت بريطانيا قراراً آخر بشأن بيع الأراضي، حيث قسموها سنة 1940م، إلى ثلاث مناطق على النحو الآتي:
+
+167
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة فشل مشروع تقسيم فلسطين بسبب اتساع الثورة الفلسطينية والإضرابات، وما تبع ذلك من إجراءات بريطانية ضد القيادات العربية. كما تشرح انعقاد مؤتمر المائدة المستديرة في لندن سنة 1939م بين العرب واليهود برعاية بريطانية.  
+ثم تعرض بنود “الكتاب الأبيض” البريطاني، مثل نفي قيام دولة يهودية، والحديث عن دولة فلسطينية مستقلة، وتنظيم الحكم الانتقالي، وتقييد الهجرة اليهودية وبيع الأراضي.  
+الصفحة نصية تعليمية بالكامل، ولا تحتوي على صور أو رسوم أو مخططات، فقط إطار زخرفي ورقم الصفحة في الأسفل.
+
+
+================================================================================
+PAGE 168 - page_0168.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+أ - منطقة يسمح فيها ببيع الأراضي العربية لليهود بدون شروط، وتشمل الأراضي الخصبة على الساحل وفي شمال فلسطين.
+
+ب - منطقة يتوقف فيها البيع إلا بتصريح خاص من الحكومة.
+
+ج - منطقة يحظر فيها البيع بتاتاً محافظة على ما في يد العرب من أراضيهم.
+
+وقد رفض هذا المشروع من قبل العرب، لأنه لم يحقق مطالبهم بشأن إلغاء وعد بلفور والانتداب البريطاني والاعتراف بفلسطين دولة عربية وهذا المشروع لم يحقق سوى الوعد بمنح فلسطين الاستقلال بعد عشر سنوات، وقيام حكومة وطنية دستورية، غير أنه لم يتحقق شيء من هذا حتى اليوم، وقد ارتبطت الدولة اليهودية بريطانيا وضاعت الثقة بين العرب والإنجليز لكثرة غدرهم بالعرب، وعدم الوفاء بعهدهم كما يغدر اليهود اليوم بالمعاهدات التي يعقدونها مع الفلسطينيين، وقد عملت بريطانيا على تمزيق فلسطين، بمنح اليهود الأراضي الفلسطينية الساحلية الخصبة، مما ساعد اليهود على تحقيق أغراضهم في الاستيلاء على فلسطين فيما بعد، وهكذا رفض العرب قرارات الكتاب الأبيض كما رفضها اليهود لأنها لم تحقق كل مطالبهم.
+
+- فلسطين أثناء وبعد الحرب العالمية الثانية:
+أحدثت الحرب العالمية الثانية تطورات في قضية فلسطين تمثلت فيما يلي:
+
+1 - دخول الولايات المتحدة الأمريكية كقوة جديدة إلى جانب الدول الغربية، وقد اهتم اليهود بالتقرب إليها حتى تتبنى قضيتهم في إقامة وطنهم القومي، مستغلين سيطرتهم القوية في ميادين المال والصحافة والدعاية في الولايات المتحدة ودورهم الكبير في عملية الانتخابات الأمريكية، خصوصاً في انتخاب رئيس الجمهورية، لذلك كان من السهل عليهم أن يجدوا نصيراً لهم في شخص الرئيس (ترومان).
+
+2 - اتهام (هتلر) باضطهاد اليهود أثناء الحرب العالمية الثانية اضطهاداً كبيراً، وتمكنت الدعاية الصهيونية من استغلال هذا الموقف وخاصة بغرب أوروبا وإقناعها بضرورة فتح باب الهجرة اليهودية إلى فلسطين.
+
+3 - إن شعور بريطانيا بخطورة المواقف العربية على مصالحها وأطماعها الاستعمارية في الشرق الأوسط، وأن نفوذها ربما يزول يوماً ما من هذه المنطقة ذات الموارد الاقتصادية الهائلة كالنفط، لذلك وجدت في قضية الوطن القومي لليهود دعامة تبني عليها سياستها في هذه المنطقة، فتشيع فيها الاضطرابات وتعقد مشاكلها، وتحول اهتمام العرب إلى السعي للتخلص من الوطن القومي لليهود، وبذلك تسعى بريطانيا إلى عرقلة تقدم العرب في مساعيهم إلى الاستقلال والحرية.
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+168
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة قضية فلسطين في أواخر الانتداب البريطاني، وتشرح تقسيم الأراضي إلى مناطق يُسمح فيها بالبيع لليهود أو يُقيد أو يُمنع. كما تعرض أسباب رفض العرب لمشروع الكتاب الأبيض، لأنه لم يحقق مطالبهم الأساسية مثل إلغاء وعد بلفور والاعتراف بفلسطين دولة عربية.
+
+ثم تنتقل الصفحة إلى فلسطين أثناء وبعد الحرب العالمية الثانية، وتوضح أبرز التطورات التي أثرت في القضية الفلسطينية، مثل صعود دور الولايات المتحدة، واستغلال الحركة الصهيونية لاضطهاد اليهود في أوروبا، ودور بريطانيا في توظيف القضية لخدمة مصالحها الاستعمارية.
+
+الصفحة نصية بالكامل تقريباً، ولا تحتوي على صور أو خرائط أو رسوم بيانية، وإنما إطار زخرفي بسيط حول النص مع رقم الصفحة في الأسفل.
+
+
+================================================================================
+PAGE 169 - page_0169.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+4- تطورت بذلك مشكلة فلسطين تطوراً كبيراً بعد انتهاء الحرب العالمية الثانية، وتصدت الدول العربية لمشكلات عديدة تدور حول استكمال استقلالها وإصلاح نظم الحكم فيها، وكانت تواجه أيضاً بريطانيا والولايات المتحدة الأمريكية وحلفاءها في سعيها لإقامة دولة إسرائيل بفلسطين.
+
+مقترحات قيام الدولة الصهيونية:
+
+شعرت بريطانيا والولايات المتحدة بأهمية دولة إسرائيل في قلب الوطن العربي، عملت على حل قضية فلسطين حلاً يتفق ومصالحها وسياساتها، وكان في رئاسة الولايات المتحدة صهيوني كبير هو الرئيس (ترومان)، الذي كان يطالب بفتح أبواب فلسطين لهجرة اليهود بكثرة كحل مؤقت لليهود الموجودين في أوروبا، لذلك شكلت الدولتان لجنة تحقيق مشتركة سنة 1946م، وأصدرت تقريراً نص على ما يلي:
+1- دعم إمكانية فلسطين على استقبال كل يهود العالم المهاجرين.
+2- توصي اللجنة بإصدار ألف تصريح لمهاجرين جدد إلى فلسطين، وأن تسير الهجرة بأسرع ما يمكن.
+3- دخول فلسطين حق مشروع لكل يهودي ينوي الهجرة إليها.
+4- توصي اللجنة بإلغاء القوانين التي تحد من حركة بيع الأراضي لليهود وقد رفض العرب هذه التوصيات لأنها سمحت بالهجرة اليهودية إلى فلسطين، كما رفضها اليهود أيضاً لأنها لم تنشئ لهم دولة في فلسطين.
+
+رفض العرب توصيات هذه اللجنة لأنها سمحت بالهجرة اليهودية إلى فلسطين، ورفضها اليهود أيضاً رغم انحيازها إليهم، بحجة أنها لم تنشئ لهم دولة في فلسطين.
+قامت بريطانيا بدعوة العرب واليهود سنة 1946-1947م، في لندن لعقد اجتماع بين الطرفين، غير أنهما لم يصلا إلى اتفاق، واضطرت بريطانيا إلى نقل القضية الفلسطينية إلى الأمم المتحدة، مع معرفتها المسبقة بسيطرة الولايات المتحدة على هذه المنظمة في ذلك الوقت، ولما قدمت القضية الفلسطينية إلى الأمم المتحدة سنة 1947م، قررت تعيين لجنة من ممثلي إحدى عشرة دولة حيث اتفقت اللجنة على الاقتراحات التالية:
+أ- تقسيم فلسطين إلى ثلاثة أقسام، دولة يهودية، ودولة فلسطينية، ومنطقة دولية تشمل القدس والأماكن المقدسة.
+ب- تمنح هاتان الدولتان الاستقلال بعد فترة انتقال مدتها عامان، توضع خلالهما تحت وصاية الأمم المتحدة.
+
+169
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة تطور القضية الفلسطينية بعد الحرب العالمية الثانية، ودور بريطانيا والولايات المتحدة في دعم قيام دولة إسرائيل في فلسطين.  
+وتعرض مقترحات لجنة التحقيق المشتركة سنة 1946م بشأن الهجرة اليهودية وبيع الأراضي، ثم موقف العرب واليهود من هذه التوصيات.  
+كما تشرح انتقال القضية إلى الأمم المتحدة سنة 1947م، واقتراح تقسيم فلسطين إلى دولة يهودية ودولة فلسطينية ومنطقة دولية للقدس.  
+الصفحة نصية بالكامل تقريباً، ولا تحتوي على صور أو رسوم بيانية، فقط إطار زخرفي وعناوين فرعية مميزة.
+
+
+================================================================================
+PAGE 170 - page_0170.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+تقسيم فلسطين 1947م
+
+قرار تقسيم فلسطين 1947  
+قرار الجمعية العامة للأمم المتحدة  
+رقم 181 بتاريخ 29 تشرين الثاني 1947
+
+لبنان  
+سوريا  
+الأردن  
+مصر
+
+البحر المتوسط  
+البحر الميت  
+خليج العقبة  
+بحيرة طبريا
+
+جبل / مرتفعات  
+نهر / مجرى مائي  
+حدود دولية  
+مدينة رئيسية  
+مستوطنة يهودية  
+مستوطنة عربية
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+170
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة خريطة تاريخية بعنوان **تقسيم فلسطين 1947م** ضمن مادة **تاريخ الوطن العربي الحديث والمعاصر**.  
+تُظهر الخريطة مشروع تقسيم فلسطين وفق قرار الأمم المتحدة رقم **181** الصادر في **29 تشرين الثاني 1947**، مع تمييز المناطق المخصصة لكل طرف بالألوان.  
+كما توضح الحدود، المدن الرئيسية، المستوطنات العربية واليهودية، وبعض المعالم الطبيعية مثل البحر المتوسط والبحر الميت وبحيرة طبريا وخليج العقبة.  
+الصفحة تعتمد على خريطة تعليمية مركزية مع عنوان بارز أسفلها وإطار زخرفي خاص بصفحات الكتاب المدرسي.
+
+
+================================================================================
+PAGE 171 - page_0171.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+ورغم معارضة العرب لتقسيم فلسطين فقد صدر قرار التقسيم بأغلبية الأصوات نتيجة الضغط الأمريكي، وقد امتنعت بريطانيا عن التصويت، وأعلنت عن عدم تنفيذ القرار، وأنها ستسحب قواتها وينتهي الانتداب على فلسطين في 14 من شهر مايو 1948م، والذي ترتب عليه الآتي:
+1- بدأت حرب العصابات بين العرب واليهود، وعندما ساءت الأحوال في فلسطين، كون العرب جيش التحرير وشارك فيه عدد كبير من البلاد العربية لنصرة إخوانهم، إلا أن اليهود بما يمتلكون من إمكانات ارتكبوا فظائع تقشعر لها الأبدان كمذبحة دير ياسين، فهاجر عدد كبير من العرب مضطرين وفي وقت كان فيه اليهود يتدفقون على فلسطين بأعداد كبيرة.
+2- ما إن أعلنت بريطانيا انتهاء الانتداب على فلسطين يوم 14 من شهر مايو سنة 1948م، حتى أعلن اليهود من تل أبيب إنشاء دولتهم ولم يمض على هذا الإعلان سوى (16) دقيقة، حتى أعلن الرئيس (ترومان) رئيس الولايات المتحدة الأمريكية اعترافه بهذه الدولة، وجاء الاعتراف الثاني من الاتحاد السوفيتي وقد اعتبر هذا دعماً تاماً للكيان الصهيوني، والذي تواصل حتى يومنا هذا دون انقطاع.
+
+حرب فلسطين سنة 1948م:
+بمجرد أن أعلن اليهود كيانهم المغتصب في فلسطين، دعا العرب إلى إعلان الحرب على اليهود لإنقاذ وحماية عرب فلسطين، الذين أصبحوا بدون حكومة أو من يدافع عنهم، على الرغم من عدم استعداد الجيوش العربية عسكرياً لمواجهة قوات اليهود فقد أحرزت انتصارات رائعة في فلسطين على النحو الآتي:
+أ- في الجنوب: وصل الجيش المصري في زحفه حتى مشارف مدينة تل أبيب العاصمة الصهيونية بعشرين ميلاً واستعاد ضواحي مدينة القدس.
+ب- في الشرق: تقدم جيش العراق غرباً حتى أصبح على بعد عشرة أميال من الساحل، كما قطعت أنابيب النفط فتعطلت معامل السكري في مدينة حيفا، واكتفى الجيش الأردني باحتلال المنطقة الواقعة غرب نهر الأردن (الضفة الغربية اليوم).
+ج- في الشمال: على الرغم مما أبداه كل من الجيش السوري واللبناني فإنهما لم يتقدما تقدماً يذكر.
+د- أما القوات السعودية فقد اشتركت تحت إمرة وقيادة القوات المصرية.
+
+ولم يستثمر العرب هذه الانتصارات، كما لم يستفيدوا من هذه الحرب ضد اليهود، لأنهم لم تكن بهم قيادة موحدة تنسق حركتهم العسكرية ضد الدولة الصهيونية، وبدلاً من تحقيق الانتصارات انتهت بالانسحاب غير المنظم، وترك المجال للقوات الصهيونية فحققت أهدافها بالاستيلاء على الأراضي التي تركتها القوات العربية عند انسحابها.
+
+171
+ليبيا
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة تطورات قضية فلسطين بعد صدور قرار التقسيم سنة 1948م، وموقف بريطانيا من الانتداب، ثم إعلان قيام دولة اليهود والاعتراف الأمريكي والسوفيتي بها.  
+كما تشرح بداية حرب فلسطين سنة 1948م ودخول الجيوش العربية لمساندة الفلسطينيين، مع عرض أبرز التحركات العسكرية في الجنوب والشرق والشمال.  
+وتوضح أن العرب حققوا بعض النجاحات الأولى، لكنهم لم يستثمروها بسبب غياب القيادة الموحدة، مما أتاح للقوات الصهيونية التوسع والسيطرة على أراضٍ جديدة.  
+الصفحة نصية تعليمية فقط، مزينة بإطار بني، وفي أسفلها رقم الصفحة وحقوق النشر الخاصة بمركز المناهج التعليمية والبحوث التربوية في ليبيا.
+
+
+================================================================================
+PAGE 172 - page_0172.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+ولما قدمت قضية فلسطين إلى مجلس الأمن، فرضت الولايات المتحدة سيطرتها على المجلس، فتقررت الهدنة في 29 مايو 1948م، وتوقف القتال لمدة شهر مع الإشارة إلى عدم التدريب على القتال خلال الهدنة، وكلف الجنرال (برنادت) بالإشراف على الهدنة، وقد مكنت هذه الهدنة اليهود من تنظيم صفوفهم في الوقت الذي تقيد فيه العرب بعدم التدريب.
+
+كانت الهدنة قد رجحت كفة الحرب لصالح اليهود في مختلف الجبهات عندما تجدد القتال، ولما عرفت الولايات المتحدة ما غنمه اليهود من فوائد فرض مجلس الأمن الهدنة مرة أخرى في 18 من شهر يوليو 1948م.
+
+عزم اليهود الاستيلاء على غزة وعزلوا القوات المصرية في الفالوجا، وتوغلوا داخل صحراء سيناء، كما زحف اليهود على الجبهة الشمالية وتمكنوا من التوغل في لبنان واحتلوا بعض القرى، واتجهوا جنوباً نحو خليج العقبة، حيث أقاموا ميناء إيلات (أم الرشراش)(*) على البحر الأحمر مقابل ميناء العقبة الأردني.
+
+(*) إيلات: اسمها قديماً (أم الرشراش) أُقيمت 1952 م على ساحل خليج العقبة وهي الآن منطقة تجارية حرة منذ عام 1985 م.
+
+وقد انتهت هذه العمليات بإعلان هدنة دائمة في جزيرة رودس بين الدول العربية والدولة الصهيونية عدا العراق، وبذلك تمكنوا من احتلال فلسطين عدا قطاع غزة الذي احتلته القوات المصرية، أما منطقة غرب الأردن (الضفة الغربية)، فقد احتلتها القوات الأردنية، وضمتها إلى أراضي المملكة الأردنية الهاشمية المعروفة حالياً وبصفة مؤقتة، بينما ظلت القدس مقسمة بين العرب واليهود، حتى قررت الأمم المتحدة تدويلها سنة 1949م، وعلى الرغم من قبول العرب هذا القرار، غير أن شرق الأردن رفض ذلك فتحدثت إسرائيل وأعلنت أن القدس عاصمة لدولتها.
+
+أصدرت الدول الثلاث بريطانيا وفرنسا والولايات المتحدة بياناً سنة 1950م، وأعلنت عدم المساس بالسلام في المنطقة، وضرورة المحافظة على شروط الهدنة مادامت إسرائيل لا تواصل اعتداءاتها على العرب في فلسطين.
+
+- مقاومة العرب للصهيونية بعد عام 1948م:
+
+تواصلت مقاومة العرب للصهيونية حتى وقتنا الحاضر، وفي كل مرة تتعقد مشكلة عرب فلسطين بسبب دعم الغرب للصهيونية، وقد مرت أحداث هذه الحروب وقد تميزت بثلاث مراحل كما يلي:
+
+172
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة تطورات حرب فلسطين سنة 1948م بعد عرض القضية على مجلس الأمن، وفرض الهدنة الأولى ثم الثانية، وكيف استفاد اليهود من الهدنة في تنظيم قواتهم.  
+كما تشرح توسع القوات اليهودية في غزة والفالوجا وسيناء ولبنان وخليج العقبة، وإنشاء ميناء إيلات مقابل العقبة الأردنية.  
+وتعرض نتائج هدنة رودس وتقسيم السيطرة على فلسطين بين إسرائيل وقطاع غزة والضفة الغربية والقدس، ثم تذكر موقف الدول الكبرى سنة 1950م.  
+يوجد عنصر بصري واحد هو صندوق ملاحظات بلون فاتح وحدود متقطعة يشرح أن إيلات كان اسمها قديماً أم الرشراش، وأقيمت سنة 1952م وأصبحت منطقة تجارية حرة منذ 1985م.
+
+
+================================================================================
+PAGE 173 - page_0173.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+المرحلة الأولى (1948 - 1956م) :
+
+قامت الدولة الصهيونية في هذه المرحلة باحتلال المنطقة المجردة من السلاح وأعلنت سيادتها عليها، وأصدرت في سنة 1950م قراراً يقضي بموجبه مصادرة أملاك المهجرين من العرب، ولما عادوا إلى ديارهم لم تسمح لهم السلطات الإسرائيلية من الاستفادة منها، واعتبرتهم بدون مأوى وقامت إسرائيل أيضاً بمصادرة أملاك الأوقاف التي قدرت سنة 1936م بحوالى (16%) من إجمالي مساحة فلسطين، كما أصدرت قوانين أخرى يقضي بامتلاك الأراضي التي صودرت بمقتضى القوانين السابقة، وأقامت التعزيزات العسكرية، ضاربة بجميع الاتفاقيات التي عقدتها مع العرب عرض الحائط ومخالفة قرارات مجلس الأمن، كما أخذت تشن الغارات على الفلسطينيين بين حين وآخر، كما أغارت سنة 1956م، على غزة وعلى سيناء بتحالفها مع بريطانيا وفرنسا (ما يعرف بالاعتداء الثلاثي على مصر) ودارت معارك طاحنة بين الإسرائيليين والمصريين في شرم الشيخ والكنتيلة، وفي مناطق أخرى قرب الحدود المصرية الفلسطينية، ولولا التآمر الإنجليزي والفرنسي لتغير وجه المعركة، ولما شعرت مصر بذلك سحبت قواتها من سيناء ومن غزة؛ واستغل الصهاينة ذلك بالقتل والفتك بسكان خان يونس، الذين رفضوا إلقاء سلاحهم وقد تواصل الصراع العربي الإسرائيلي بعد سنة 1956م، ورابطت قوات الطوارئ الدولية بين غزة وإسرائيل.
+
+المرحلة الثانية (1956/1967م) :
+
+استفاد الصهاينة من مرابطة قوات الطوارئ الدولية لهيئة الأمم المتحدة على الحدود بين فلسطين ومصر، حيث أوقفت هذه القوات مرور السفن الإسرائيلية عبر قناة السويس وخليج العقبة وانتعش ميناء إيلات باعتباره المتنفس الوحيد لها على ذلك الخليج لعبورها إلى إفريقيا وجنوب شرق آسيا والشرق الأقصى، وحل هذا الميناء الكثير من المشاكل الإسرائيلية في اتصالها بالعالم.
+
+وقد شعر العرب بعد العدوان الثلاثي على مصر بخطورة الوجود الصهيوني وأطماعه التوسعية التي امتدت حتى خارج فلسطين في سوريا ولبنان والأردن، لذلك عمل العرب على وحدة الصف العربي، فكانت الوحدة بين مصر وسوريا (1958 - 1961م)، وأدرك الصهاينة خطورة هذه الوحدة على كيانهم، فانزوت دولتهم داخل حدودها خلال مدة الوحدة، وتوقفت عن مهاجمة العرب، باستثناء معركة واحدة على الحدود السورية، وكانت درساً قاسياً لإسرائيل، وما إن تم الانفصال بين سوريا ومصر عام 1961م، حتى بدأ الإسرائيليون يمارسون نشاطهم من جديد ضد الدول العربية، فعملت إسرائيل سنة 1963م على تحويل مجرى نهر الأردن إلى إسرائيل، وقد بذلك العرب مورداً هاماً، كما بدأ العرب في مواجهة الصهيونية، كما تم الإعلان عن قيام منظمة التحرير الفلسطينية، وتكوين جيش التحرير
+
+173
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة مرحلتين من الصراع العربي الإسرائيلي: الأولى من 1948 إلى 1956م، والثانية من 1956 إلى 1967م.  
+تشرح سياسات الاحتلال الإسرائيلي بعد 1948 مثل مصادرة أملاك المهجرين والأوقاف، والتوسع العسكري، ثم العدوان الثلاثي سنة 1956م وآثاره على غزة وسيناء.  
+كما تعرض المرحلة الثانية، مبينة استفادة إسرائيل من الأوضاع الحدودية، وأثر الوحدة المصرية السورية، ثم عودة النشاط الإسرائيلي بعد الانفصال ومحاولة تحويل مجرى نهر الأردن.  
+الصفحة نصية تعليمية فقط، ولا تحتوي على صور أو رسوم بيانية، مع إطار زخرفي ورقم الصفحة في الأسفل.
+
+
+================================================================================
+PAGE 174 - page_0174.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+الفلسطيني وبدأ النشاط الفدائي ضد إسرائيل ومؤامراتها، حيث ظهرت منظمة فتح الفلسطينية وأعلنت عن قيامها بأول عملية فدائية ضد الصهاينة يوم 1 يناير 1965م وكانت مفاجأة للعالم بتكوين هذه المنظمة، التي أصبحت تهدد الدولة الصهيونية التي عملت على مطاردة أعضاء قياداتها، وقد تذرعت الصهيونية بأنهم دولة صغيرة في وسط جمع عربي كبير تحتاج إلى المساندة، وكسبت بذلك الرأي العام الأوروبي، في الوقت الذي كانت تعد خطة استراتيجية لضرب القوات العربية المحيطة بها في مصر وسوريا والأردن وقد اختارت الدولة الصهيونية الوقت المناسب ونفذت خطتها بضرب السلاح الجوي المصري والسوري صباح يوم الخامس من شهر يونيو 1967م، وأصيبت القيادة المصرية بهزيمة شديدة كما أصيبت الجبهة السورية والأردنية أيضاً، فكانت هذه الكارثة أثراً سلبياً قوياً وتركت القوات المصرية تسعى إلى إعادة التنظيم والتدريب من أجل الفوز في أول عمل عسكري، فقامت على إعداد قواتها لغرض جديد.
+
+المرحلة الثالثة (1967/1973م):
+بدأت الدول العربية بعد هزيمة 1967م في بناء قواتها من جديد وعلى رأسها مصر، وتدرب الشباب على أحدث الأسلحة وعملت مصر على تدريب حملة المؤهلات دون استثناء، كما فعلت ذلك بقية الدول العربية، وعملت على توحيد الصف العربي من أجل دعم القضية الفلسطينية.
+وتواصل الصراع وأصبحت أهمية العمل الفدائي تظهر في تلك الفترة وتشمل العمل الفدائي كل الأراضي الفلسطينية، وامتد حتى وصل إلى تل أبيب(*)، فأصبحت المواجهة الفلسطينية مع القوات الإسرائيلية حدثاً يومياً في أكثر من مكان على طول خطوط المواجهة.
+
+(*) تل أبيب: أي تل الربيع: مدينة فلسطينية ضمت إلى مدينة يافا عام 1950م وهي الآن تحت سيطرة الكيان الصهيوني، وبها السفارات والهيئات الدبلوماسية وهي على ساحل البحر المتوسط.
+
+وكلفت قوات المقاومة الصهيونية خسائر كبيرة، ولذلك قام الصهاينة باستعمال كل وسائل العنف ضد سكان العرب بالضفة الغربية، وقد أكدت قيادة فتح في بيان لها صدر في 19 مارس 1968م، حق الشعب الفلسطيني في استرداد أرضه وحقوقه، وذلك بعد أن عزلته المؤامرات الاستعمارية الخارجية 20 سنة من المقاومة، غير أنه لم يتوقف، ورد الصهاينة على ذلك بشن هجوم قوي على القوات الفلسطينية في 21 مارس سنة 1968م، في معركة الكرامة، وبدأت بذلك القوات الفلسطينية تقوم بعملياتها الفدائية داخل الأرض المحتلة بعد معركة الكرامة وتدعمها القوات العربية على طول الحدود مع إسرائيل.
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+174
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة تطور الكفاح الفلسطيني المسلح، وظهور منظمة فتح وبدء عملياتها الفدائية منذ 1 يناير 1965م، ثم تتحدث عن هزيمة يونيو 1967م وآثارها على مصر وسوريا والأردن.  
+كما تعرض مرحلة 1967–1973م التي شهدت إعادة بناء الجيوش العربية، خاصة مصر، وتزايد أهمية العمل الفدائي الفلسطيني واتساعه داخل الأراضي الفلسطينية.  
+وتختم بالإشارة إلى معركة الكرامة سنة 1968م ودورها في تصاعد العمليات الفدائية الفلسطينية بدعم عربي.  
+يوجد عنصر بصري واحد بارز هو صندوق ملاحظات بلون فاتح وإطار متقطع يشرح معنى "تل أبيب" وأنها مدينة فلسطينية ضُمّت إلى يافا وتقع على ساحل البحر المتوسط.
+
+
+================================================================================
+PAGE 175 - page_0175.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+المرحلة الأخيرة حرب (6 أكتوبر 1973م):
+
+لم يهدأ العرب في تكوين أنفسهم عسكرياً ضد القوات الصهيونية منذ هزيمة 1967م، بل تواصل العمل جدياً في معظم البلاد العربية، وكانت مصر في مقدمة هذه الدول، باعتبارها ضمن دول المواجهة، واستعدوا من جديد لشن هجوم قوي ضد إسرائيل في السادس من أكتوبر 1973م، وحققوا انتصاراً باهراً قلبوا فيه موازين القوة لصالحهم، وحطموا كبرياء إسرائيل حيث اقتحموا خط (بارليف)(*) الذي أقامته إسرائيل بمحاذاة قناة السويس وأثبتت هذه الحرب صمود العرب وقدرتهم على الانتصار.
+
+(*) خط (بارليف):
+هو سلسلة من التحصينات الدفاعية أقامها العدو الصهيوني على الساحل الشرقي لقناة السويس الهدف منها تأمين الجبهة من أي هجوم للقوات المصرية، وهو ساتر ترابي إرتفاعه (22) متراً.
+
+وكانت هذه الحرب شاملة من جوانبها العسكرية والسياسية والاقتصادية، لأنها قامت من أجل الإنسان العربي وكان هدفه انتزاع حقوقه المشروعة، وقد حرك ذلك القضية الفلسطينية من وضعها المتجمد، لتشغل الرأي العام العالمي - مما جعل العدو الإسرائيلي يعيد حساباته من جديد بعد الخسائر التي مني بها في الميادين السياسية والعسكرية والاقتصادية.
+
+وكان من أهم نتائج هذه الحرب ما يلي:
+1- إسقاط نظرية الأمن الصهيوني القائمة على العدوان وعدم قدرته على تأمين الحدود المجاورة للعرب.
+2- شرد عدد كبير من الفلسطينيين مازالوا يعانون من هول الغربة وسوء المعاملة.
+3- شعور الرأي العام العالمي بموقف إسرائيل العدواني وأطماعها التوسعية.
+4- ضرورة التنسيق العسكري بين الجيوش العربية.
+5- ضرورة دعوة أصدقاء العرب بالوقوف في وجه الصهيانية واستعمال وسائل الضغط المختلفة، من أجل تأييد القضية الفلسطينية في المحافل الدولية.
+
+175
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+------------PAGE TALK ABOUT------------
+تتناول الصفحة المرحلة الأخيرة من الصراع العربي الإسرائيلي، وهي حرب 6 أكتوبر 1973م، وكيف أعاد العرب بناء قوتهم بعد هزيمة 1967م وحققوا انتصاراً مهماً باقتحام خط بارليف.  
+كما تشرح في مربع جانبي معنى خط بارليف بوصفه تحصينات دفاعية إسرائيلية على الضفة الشرقية لقناة السويس بارتفاع 22 متراً.  
+وتعرض الصفحة آثار الحرب السياسية والعسكرية والاقتصادية، ودورها في تحريك القضية الفلسطينية وإبراز الموقف العدواني لإسرائيل أمام الرأي العام العالمي.  
+ومن العناصر البصرية: عنوان رئيسي أعلى الصفحة، ومربع توضيحي مظلل بخط متقطع لشرح خط بارليف، مع تعداد مرقم في أسفل الصفحة لنتائج الحرب.
+
+
+================================================================================
+PAGE 176 - page_0176.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+أسئلة للمراجعة الفصل السادس
+
+س 1: متى حدثت مشكلة فلسطين؟ وكيف تواصلت؟
+
+س 2: عرف الحركة الصهيونية موضح فكرة نشوئها. وسبب ذلك؟
+
+س 3: كيف بدأت الحركة الصهيونية كحركة عنصرية معتمدة على العنصر الإسرائيلي؟ وما الهدف من نشوئها في فلسطين؟
+
+س 4: اتفقت الأطماع الصهيونية وأهداف الدول الاستعمارية الأمر الذي ساعد اليهود على تنفيذ خططهم الاستيطاني في فلسطين) وضح ذلك على ضوء ما درسته.
+
+س 5: اكتب مذكرات تاريخية عن:
+أ - معركة الكرامة بفلسطين.
+ب - هرتزل.
+ج - علاقة الحركة الصهيونية بالاستعمار الغربي.
+
+س 6: كيف حقق الصهاينة أهدافهم في المنطقة العربية؟
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية - ليبيا
+
+176
+
+------------PAGE TALK ABOUT------------
+الصفحة عبارة عن صفحة مراجعة من كتاب "تاريخ الوطن العربي الحديث والمعاصر" بعنوان "أسئلة للمراجعة الفصل السادس".  
+تتضمن ستة أسئلة حول قضية فلسطين، والحركة الصهيونية، ونشأتها وأهدافها، وعلاقتها بالاستعمار الغربي، ومعركة الكرامة، وهرتزل.  
+لا توجد صور أو خرائط تعليمية داخل الصفحة، وإنما تصميم زخرفي بسيط بإطار بني وعنوان داخل شكل مستطيل مستدير الحواف.  
+في أسفل الصفحة يظهر رقم الصفحة 176 وحقوق النشر الخاصة بمركز المناهج التعليمية والبحوث التربوية في ليبيا.
+
+
+================================================================================
+PAGE 177 - page_0177.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+177
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+------------PAGE TALK ABOUT------------
+الصفحة شبه فارغة ولا تحتوي على محتوى دراسي أو شرح علمي ظاهر.  
+تظهر فقط عناصر تنسيقية خاصة بكتاب مدرسي، مثل إطار زخرفي بني يحيط بالصفحة.  
+في الأعلى مكتوب: "للسنة الثالثة: مرحلة التعليم الثانوي"، وفي الأسفل رقم الصفحة 177.  
+كما يوجد سطر حقوق النشر في الأسفل: "جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا".
+
diff --git a/history/structure.txt b/history/structure.txt
new file mode 100644
index 0000000000000000000000000000000000000000..521d15a80b795f4aa90459cc66d1943d9d151284
--- /dev/null
+++ b/history/structure.txt
@@ -0,0 +1,194 @@
+
+
+"أنت نظام توجيه ذكي لمساعد تعليمي في مادة التاريخ.
+
+مهمتك: تحليل رسالة الطالب واختيار الملف المناسب للرد.
+
+**الملفات المتاحة:**
+- main.txt: للتحيات، الأسئلة العامة، التعريف بالنفس، أو أي شيء لا يتعلق بفصول الكتاب مباشرة
+- p1.txt: الفصل الأول
+- p2.txt: الفصل الثاني
+- p3.txt: الفصل الثالث
+- p4.txt: الفصل الرابع
+- p5.txt: الفصل الخامس
+- p6.txt: الفصل السادس
+
+
+
+
+
+================================================================================
+PAGE 4 - page_0004.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+تاريخ الوطن العربي الحديث والمعاصر
+
+فهرس الموضوعات
+
+الفصل | الموضوعات | الصفحة
+
+- مقدمة .
+7
+
+الأول
+
+الوطن العربي في مطلع القرن السادس عشر الميلادي
+
+- أهمية المنطقة العربية .
+11
+
+- نشأة الدولة العثمانية وتطورها .
+14
+
+- مجيء العثمانيين إلى المنطقة العربية .
+21
+
+- أسئلة تطبيقية على الفصل الأول .
+30
+
+الثاني
+
+أحوال المنطقة العربية أثناء الحكم العثماني
+
+- أساليب الحكم العثماني في الولايات العثمانية بالمنطقة العربية .
+35
+
+- نظام الحكم العثماني في الولايات العثمانية بالمنطقة العربية .
+38
+
+- عوامل ضعف الدولة العثمانية .
+40
+
+- الحركات المناهضة للحكم العثماني في المنطقة العربية .
+42
+
+- نتائج الحكم العثماني للمنطقة العربية .
+50
+
+- أسئلة تطبيقية على الفصل الثاني .
+52
+
+الثالث
+
+أوروبا الحديثة بين النهضة والاستعمار
+
+- عصر النهضة ودوره في ظهور أوروبا الحديثة .
+57
+
+- حركة الكشوف الجغرافية وأثرها على حركة الاستعمار .
+60
+
+- ثورات الشعوب الأوروبية ونمو الحركة القومية في أوروبا :
+( الثورة الفرنسية - الوحدة الإيطالية - الثورة الإنجليزية )
+67
+
+- الثورة الصناعية وأثرها على التوسع الاستعماري الأوروبي .
+75
+
+- أسئلة تطبيقية على الفصل الثالث .
+85
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية- ليبيا
+
+4
+
+------------PAGE TALK ABOUT------------
+هذه الصفحة هي فهرس موضوعات كتاب "تاريخ الوطن العربي الحديث والمعاصر". تعرض عناوين الفصول الثلاثة الأولى مع الموضوعات الفرعية وأرقام الصفحات الخاصة بكل موضوع.  
+يتناول الفصل الأول الوطن العربي في مطلع القرن السادس عشر، والفصل الثاني أحوال المنطقة العربية أثناء الحكم العثماني، والفصل الثالث أوروبا الحديثة بين النهضة والاستعمار.  
+الصفحة عبارة عن جدول منظم بثلاثة أعمدة: الفصل، الموضوعات، الصفحة، مع تصميم إطار زخرفي بسيط ورقم الصفحة أسفل اليمين.
+
+
+================================================================================
+PAGE 5 - page_0005.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+للسنة الثالثة: مرحلة التعليم الثانوي
+
+الفصل | الموضوعات | الصفحة
+
+الرابع
+
+الدولة العثمانية والأطماع الأوروبية
+
+90
+- التوسع الاستعماري الأوروبي:-
+
+95
+- أثر حركة الاستعمار الأوروبي على الدولة العثمانية من خلال التطورات الدولية.
+
+96
+- الحرب العالمية الأولى وأثرها على الدولة العثمانية.
+
+99
+- الشريف الحسين وعلاقته ببريطانيا.
+
+105
+- اتفاقية (سايكس – بيكو السرية عام 1916م).
+
+114
+- أسئلة تطبيقية على الفصل الرابع.
+
+الخامس
+
+التطورات الدولية بعد الحرب العالمية الأولى وأثرها على الوطن العربي
+
+119
+أولاً في أوربا:- أوربا بين الحربين العالميتين 1918 – 1939م.
+
+123
+- الحرب العالمية الثانية وانعكاساتها على الوطن العربي.
+
+126
+ثانياً الحركات الوطنية في الوطن العربي.
+
+155
+- أسئلة تطبيقية على الفصل الخامس.
+
+السادس
+
+(الصراع العربي – الصهيوني)
+
+159
+- احتلال بريطانيا لفلسطين.
+
+159
+- الحركة الوطنية لعرب فلسطين.
+
+161
+- الأطماع الصهيونية في فلسطين.
+
+163
+- علاقة الحركة الصهيونية بالاستعمار الأوروبي.
+
+165
+- مقاومة العرب للصهاينة والإنجليز (ثورة سنة 1936).
+
+168
+فلسطين أثناء وبعد الحرب العالمية الثانية
+
+169
+- مقاومة العرب للصهيانية بعد عام 1948م.
+
+176
+- أسئلة للمراجعة الفصل السادس.
+
+5
+
+جميع الحقوق محفوظة لمركز المناهج التعليمية والبحوث التربوية – ليبيا
+
+------------PAGE TALK ABOUT------------
+هذه الصفحة هي فهرس لمحتويات كتاب التاريخ للسنة الثالثة من مرحلة التعليم الثانوي. تعرض عناوين الفصول الرابع والخامس والسادس مع الموضوعات الفرعية وأرقام الصفحات الخاصة بكل درس.  
+تركز الموضوعات على الدولة العثمانية والأطماع الأوروبية، والتطورات الدولية بعد الحرب العالمية الأولى، ثم الصراع العربي الصهيوني وقضية فلسطين.  
+بصرياً، الصفحة عبارة عن جدول منظم بثلاثة أعمدة: الفصل، الموضوعات، الصفحة، مع إطار زخرفي حول الصفحة ورقم الصفحة أسفلها.
+
+
+
+
+**تعليمات التوجيه:**
+1. إذا كانت الرسالة تحية أو سؤال عام لا يتعلق بالتاريخ → اختر main.txt
+2. إذا كانت الرسالة تسأل عن موضوع محدد في التاريخ → اختر الملف المناسب حسب الفهرس
+3. إذا كانت الرسالة متابعة لموضوع سابق (مثل "اشرح أكثر" أو "ما المقصود") → استخدم نفس الملف الأخير: {last_file}
+4. إذا قال الطالب "استمر" أو "أكمل" → استخدم نفس الملف الأخير
+5. أجب **فقط** باسم الملف (مثال: p1.txt أو main.txt)
\ No newline at end of file
diff --git a/market/__init__.py b/market/__init__.py
new file mode 100644
index 0000000000000000000000000000000000000000..5efd397de379c7fe7e8a8847e944d817aa5952c7
--- /dev/null
+++ b/market/__init__.py
@@ -0,0 +1,4 @@
+"""
+Market package.
+Subject purchasing, balance management, card redemption.
+"""
\ No newline at end of file
diff --git a/market/__pycache__/__init__.cpython-314.pyc b/market/__pycache__/__init__.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..5ea59182ed080811211801f639b762d890c0c186
Binary files /dev/null and b/market/__pycache__/__init__.cpython-314.pyc differ
diff --git a/market/__pycache__/routes.cpython-314.pyc b/market/__pycache__/routes.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..90d3c88c9bd40b357ab9758af0d416f807219c58
Binary files /dev/null and b/market/__pycache__/routes.cpython-314.pyc differ
diff --git a/market/routes.py b/market/routes.py
new file mode 100644
index 0000000000000000000000000000000000000000..e5773168f10a5f80a14787204a1e17e980ea53a0
--- /dev/null
+++ b/market/routes.py
@@ -0,0 +1,175 @@
+"""
+Market and balance routes.
+Subject purchasing, card redemption, admin card generation.
+"""
+
+import random
+from datetime import datetime
+from flask import Blueprint, request, jsonify, session, render_template, redirect, url_for, flash
+from auth.helpers import is_session_valid
+from database.users import load_users_db, save_users_db, get_user
+from database.cards import load_cards_db, save_cards_db
+from subjects.definitions import SUBJECTS
+
+market_bp = Blueprint('market', __name__)
+
+
+@market_bp.route('/market')
+def market():
+    if not is_session_valid():
+        session.clear()
+        flash('انتهت الجلسة، يرجى تسجيل الدخول مرة أخرى.', 'error')
+        return redirect(url_for('auth.login'))
+
+    username = session['username']
+    users_db = load_users_db()
+    user_data = users_db.get(username, {})
+
+    student_type = user_data.get('student_type', 'علمي')
+    all_subjects = SUBJECTS.get(student_type, [])
+    purchased_subjects = user_data.get('purchased_subjects', ['islamic'])
+
+    available_subjects = [s for s in all_subjects if s['id'] not in purchased_subjects]
+
+    return render_template('market.html',
+                           username=username,
+                           available_subjects=available_subjects,
+                           balance=user_data.get('balance', 0))
+
+
+@market_bp.route('/buy_subject', methods=['POST'])
+def buy_subject():
+    if not is_session_valid():
+        return jsonify({'success': False, 'message': 'جلسة غير صالحة'})
+
+    username = session['username']
+    subject_id = request.json.get('subject_id')
+
+    users_db = load_users_db()
+    user_data = users_db.get(username, {})
+
+    student_type = user_data.get('student_type', 'علمي')
+    all_subjects = SUBJECTS.get(student_type, [])
+    subject = next((s for s in all_subjects if s['id'] == subject_id), None)
+
+    if not subject:
+        return jsonify({'success': False, 'message': 'المادة غير موجودة'})
+
+    purchased_subjects = user_data.get('purchased_subjects', ['islamic'])
+    if subject_id in purchased_subjects:
+        return jsonify({'success': False, 'message': 'لديك هذه المادة بالفعل'})
+
+    balance = user_data.get('balance', 0)
+    if balance < subject['price']:
+        return jsonify({'success': False, 'message': 'رصيدك غير كافٍ'})
+
+    users_db[username]['balance'] = balance - subject['price']
+    users_db[username]['purchased_subjects'].append(subject_id)
+    save_users_db(users_db)
+
+    return jsonify({
+        'success': True,
+        'message': f'تم شراء {subject["name"]} بنجاح!',
+        'new_balance': users_db[username]['balance']
+    })
+
+
+@market_bp.route('/add_balance')
+def add_balance():
+    if not is_session_valid():
+        session.clear()
+        flash('انتهت الجلسة، يرجى تسجيل الدخول مرة أخرى.', 'error')
+        return redirect(url_for('auth.login'))
+
+    username = session['username']
+    users_db = load_users_db()
+    user_data = users_db.get(username, {})
+
+    return render_template('add_balance.html',
+                           username=username,
+                           balance=user_data.get('balance', 0))
+
+
+@market_bp.route('/redeem_card', methods=['POST'])
+def redeem_card():
+    if not is_session_valid():
+        return jsonify({'success': False, 'message': 'يجب تسجيل الدخول أولاً'})
+
+    code = request.json.get('code', '').strip()
+    if not code:
+        return jsonify({'success': False, 'message': 'يرجى إدخال كود الكرت'})
+
+    username = session['username']
+    users_db = load_users_db()
+    cards_db = load_cards_db()
+
+    if code not in cards_db:
+        return jsonify({'success': False, 'message': 'كود الكرت غير صحيح'})
+
+    card = cards_db[code]
+    if card['used']:
+        return jsonify({'success': False, 'message': 'هذا الكرت مستخدم مسبقاً'})
+
+    user_data = users_db[username]
+    card_value = int(card['class'])
+    message = f"تم استبدال كرت فئة {card_value} بنجاح!"
+
+    user_data['balance'] = user_data.get('balance', 0) + card_value
+
+    current_purchased = set(user_data.get('purchased_subjects', []))
+
+    if card['class'] == '35':
+        sci_subjects_ids = [s['id'] for s in SUBJECTS['علمي']]
+        current_purchased.update(sci_subjects_ids)
+        message += " وتم فتح جميع مواد القسم العلمي."
+    elif card['class'] == '45':
+        lit_subjects_ids = [s['id'] for s in SUBJECTS['أدبي']]
+        current_purchased.update(lit_subjects_ids)
+        message += " وتم فتح جميع مواد القسم الأدبي."
+
+    user_data['purchased_subjects'] = list(current_purchased)
+
+    card['used'] = True
+    card['used_by'] = username
+    card['used_at'] = datetime.now().isoformat()
+
+    save_users_db(users_db)
+    save_cards_db(cards_db)
+
+    return jsonify({
+        'success': True,
+        'message': message,
+        'new_balance': user_data['balance'],
+        'unlocked_count': len(current_purchased)
+    })
+
+
+@market_bp.route('/admin/generate_cards', methods=['GET', 'POST'])
+def admin_generate_cards():
+    if request.method == 'POST':
+        card_class = request.form.get('class', '10')
+        quantity = int(request.form.get('quantity', 1))
+
+        cards_db = load_cards_db()
+        generated_list = []
+
+        for _ in range(quantity):
+            code = ''.join([str(random.randint(0, 9)) for _ in range(16)])
+            serial = f"{random.randint(1000,9999)}-{random.randint(1000,9999)}-{random.randint(1000,9999)}"
+
+            card_data = {
+                "code": code,
+                "serial": serial,
+                "class": card_class,
+                "used": False,
+                "used_by": None,
+                "used_at": None,
+                "created_at": datetime.now().isoformat()
+            }
+            cards_db[code] = card_data
+            generated_list.append(card_data)
+
+        save_cards_db(cards_db)
+        return jsonify({'success': True, 'cards': generated_list})
+
+    return render_template('admin_generate.html')
\ No newline at end of file
diff --git a/media/__init__.py b/media/__init__.py
new file mode 100644
index 0000000000000000000000000000000000000000..468811417fc5ed5d7eacdb2d40f5826f583dd5b2
--- /dev/null
+++ b/media/__init__.py
@@ -0,0 +1,4 @@
+"""
+Media package.
+Voice upload/transcription and image upload/analysis.
+"""
\ No newline at end of file
diff --git a/media/__pycache__/__init__.cpython-314.pyc b/media/__pycache__/__init__.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..fbc7b4c36190f7a3e800911ab35ac19f5fa98c2a
Binary files /dev/null and b/media/__pycache__/__init__.cpython-314.pyc differ
diff --git a/media/__pycache__/routes.cpython-314.pyc b/media/__pycache__/routes.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..997e444cd6ac19702c3ecb1801dba736b90574a0
Binary files /dev/null and b/media/__pycache__/routes.cpython-314.pyc differ
diff --git a/media/routes.py b/media/routes.py
new file mode 100644
index 0000000000000000000000000000000000000000..df12a3a883daf49056cac4b5044919060dbda144
--- /dev/null
+++ b/media/routes.py
@@ -0,0 +1,163 @@
+"""
+Media API routes.
+Voice recording upload, transcription, image upload and analysis.
+"""
+
+import os
+import tempfile
+from datetime import datetime
+from flask import Blueprint, request, jsonify, session
+from auth.helpers import is_session_valid
+from database.users import get_user
+from subjects.access import validate_user_subject_access
+
+media_bp = Blueprint('media', __name__)
+
+# Reference to agent - set from app.py
+_agent = None
+
+
+def init_media_agent(agent):
+    global _agent
+    _agent = agent
+
+
+@media_bp.route('/voice-upload', methods=['POST'])
+def voice_upload():
+    if not is_session_valid():
+        return jsonify({"error": "غير مصرح", "code": "unauthorized"}), 401
+
+    username = session['username']
+    user = get_user(username)
+
+    if not user or not user.get('verified', False):
+        return jsonify({"error": "غير مصرح"}), 403
+
+    if 'audio' not in request.files:
+        return jsonify({"error": "لم يتم إرسال ملف صوتي"}), 400
+
+    audio_file = request.files['audio']
+
+    suffix = os.path.splitext(audio_file.filename)[1] if audio_file.filename else '.webm'
+    if not suffix:
+        suffix = '.webm'
+
+    timestamp = datetime.now().strftime('%Y%m%d_%H%M%S_%f')
+    unique_filename = f"{username}_{timestamp}{suffix}"
+
+    with tempfile.NamedTemporaryFile(delete=False, suffix=suffix) as tmp:
+        tmp_path = tmp.name
+        audio_file.save(tmp_path)
+
+    try:
+        file_url, error = _agent.upload_audio(tmp_path, unique_filename)
+    finally:
+        try:
+            os.remove(tmp_path)
+        except Exception:
+            pass
+
+    if error:
+        return jsonify({"error": f"فشل رفع الملف الصوتي: {error}"}), 500
+
+    return jsonify({"file_url": file_url})
+
+
+@media_bp.route('/voice-transcribe', methods=['POST'])
+def voice_transcribe():
+    if not is_session_valid():
+        return jsonify({"error": "غير مصرح", "code": "unauthorized"}), 401
+
+    data = request.json
+    username = session['username']
+    file_url = data.get('file_url', '').strip()
+
+    user = get_user(username)
+    if not user or not user.get('verified', False):
+        return jsonify({"error": "غير مصرح"}), 403
+
+    if not file_url:
+        return jsonify({"error": "لم يتم تحديد رابط الملف الصوتي"}), 400
+
+    transcription, error = _agent.transcribe_audio(file_url)
+
+    if error:
+        return jsonify({"error": f"فشل تحويل الصوت إلى نص: {error}"}), 500
+
+    if not transcription or not transcription.strip():
+        return jsonify({"error": "لم يتم التعرف على أي كلام في التسجيل"}), 400
+
+    return jsonify({"transcription": transcription.strip()})
+
+
+@media_bp.route('/image-upload-analyze', methods=['POST'])
+def image_upload_analyze():
+    if not is_session_valid():
+        return jsonify({"error": "غير مصرح", "code": "unauthorized"}), 401
+
+    username = session['username']
+    user = get_user(username)
+
+    if not user or not user.get('verified', False):
+        return jsonify({"error": "غير مصرح"}), 403
+
+    session_id = username
+    current_subject = _agent.chat_history.get_subject(session_id)
+
+    if not current_subject:
+        return jsonify({"error": "يرجى اختيار المادة أولاً", "need_subject": True}), 400
+
+    has_access, access_error = validate_user_subject_access(username, current_subject)
+    if not has_access:
+        return jsonify({"error": access_error, "code": "no_access"}), 403
+
+    if 'image' not in request.files:
+        return jsonify({"error": "لم يتم إرسال صورة"}), 400
+
+    image_file = request.files['image']
+    if image_file.filename == '':
+        return jsonify({"error": "لم يتم اختيار صورة"}), 400
+
+    suffix = os.path.splitext(image_file.filename)[1] or '.jpg'
+    with tempfile.NamedTemporaryFile(delete=False, suffix=suffix) as tmp:
+        tmp_path = tmp.name
+        image_file.save(tmp_path)
+
+    try:
+        print(f"📤 Uploading image to Cloudinary...")
+        image_url, upload_error = _agent.upload_image_to_cloudinary(tmp_path)
+    finally:
+        try:
+            os.remove(tmp_path)
+        except Exception:
+            pass
+
+    if upload_error:
+        return jsonify({"error": f"فشل رفع الصورة: {upload_error}"}), 500
+
+    if not image_url:
+        return jsonify({"error": "فشل الحصول على رابط الصورة"}), 500
+
+    print(f"✅ Image uploaded: {image_url}")
+    print(f"📝 Analyzing image with GPT...")
+
+    analysis = _agent.analyze_image(image_url, session_id)
+
+    if not analysis:
+        return jsonify({"error": "فشل تحليل الصورة. حاول مرة أخرى."}), 500
+
+    analysis = analysis.strip()
+
+    if '<unsupported>' in analysis.lower():
+        return jsonify({
+            "supported": False,
+            "message": "⚠️ هذه الصورة لا تحتوي على محتوى دراسي. يرجى إرسال صور تتعلق بالدراسة فقط."
+        })
+
+    print(f"✅ Image analyzed successfully, extracted {len(analysis)} chars")
+
+    return jsonify({
+        "supported": True,
+        "image_url": image_url,
+        "extracted_text": analysis
+    })
\ No newline at end of file
diff --git a/static/audio/voice_1936db6d83ca.mp3 b/static/audio/voice_1936db6d83ca.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..756fc8737b2d52b1f4cacc8f19833fefc848a497
Binary files /dev/null and b/static/audio/voice_1936db6d83ca.mp3 differ
diff --git a/static/audio/voice_2bb5d17d5601.mp3 b/static/audio/voice_2bb5d17d5601.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..7d193a4124a66fda5770997ab4a8e2ccf30bd7e0
--- /dev/null
+++ b/static/audio/voice_2bb5d17d5601.mp3
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ba5b23031955893cf16e813c41e64282b247620783f8122a1be59c8066671edf
+size 130197
diff --git a/static/audio/voice_2d9d103aab0a.mp3 b/static/audio/voice_2d9d103aab0a.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..61544f44b7e925b6c725e2e18c65e98a5a3f632f
--- /dev/null
+++ b/static/audio/voice_2d9d103aab0a.mp3
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:28a5468b5bd7984d2bf365b965d94c13d4643d72639bde31afafb537aa933fa9
+size 178128
diff --git a/static/audio/voice_2f5806ac3fcd.mp3 b/static/audio/voice_2f5806ac3fcd.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..8a24dcfc3bdd6b467f9731ddc06a8e08a9eb95f6
Binary files /dev/null and b/static/audio/voice_2f5806ac3fcd.mp3 differ
diff --git a/static/audio/voice_34d88cdb4b92.mp3 b/static/audio/voice_34d88cdb4b92.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..8416ca888861727ea7826c66bc4da132d231a0f7
--- /dev/null
+++ b/static/audio/voice_34d88cdb4b92.mp3
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e0ea104d98c9e78e7d19471102f45a97aa54c71540e44ddb6cd990eb473f79f1
+size 103862
diff --git a/static/audio/voice_6045e213f889.mp3 b/static/audio/voice_6045e213f889.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..63fa20fd88a1a22ed0867c0d94f480255c569fa9
Binary files /dev/null and b/static/audio/voice_6045e213f889.mp3 differ
diff --git a/static/audio/voice_655c86563efc.mp3 b/static/audio/voice_655c86563efc.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..4c59d60c8866235aef62c5bb6514194216dce6cb
--- /dev/null
+++ b/static/audio/voice_655c86563efc.mp3
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6264623f9aa116b36b1e26f1911ca965aedf2d1b336fb08d980452202dc275c5
+size 143281
diff --git a/static/audio/voice_727aae55241b.mp3 b/static/audio/voice_727aae55241b.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..b5e89e1099a2953668311f4234f5fb6f7d83687a
Binary files /dev/null and b/static/audio/voice_727aae55241b.mp3 differ
diff --git a/static/audio/voice_7ce607589c2c.mp3 b/static/audio/voice_7ce607589c2c.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..54cda122965a87e97545be763a4ef15c63d35c1f
--- /dev/null
+++ b/static/audio/voice_7ce607589c2c.mp3
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:23d003adc3d5837672cfe3e849c0dc6e62d836a7466e3067ca5a1bfa5fea656c
+size 117680
diff --git a/static/audio/voice_918f32635636.mp3 b/static/audio/voice_918f32635636.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..ee410be47b9960fb09dacb4cc09468c320c7aa45
--- /dev/null
+++ b/static/audio/voice_918f32635636.mp3
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:83378adc6c2785b1a4f06a94a6f1e07dc31070e1c6fdd23f5c3a1063f0668b6f
+size 110182
diff --git a/static/audio/voice_94d62e7239e9.mp3 b/static/audio/voice_94d62e7239e9.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..bf5758d6b2aebc4be66c724a0b41925e88b6a12a
--- /dev/null
+++ b/static/audio/voice_94d62e7239e9.mp3
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9630df42d2ac6d4a63c2e6d2d986385b714705f016f592ef7cb499735d24d57a
+size 151233
diff --git a/static/audio/voice_9749ec6e0bf4.mp3 b/static/audio/voice_9749ec6e0bf4.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..b7861b98b81256a3c116a05a86ae86a9d655d7a5
--- /dev/null
+++ b/static/audio/voice_9749ec6e0bf4.mp3
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b13495668a18753afdd65719a118eb635a0d561f1b555010ab07d57ae6c54b6c
+size 126204
diff --git a/static/audio/voice_9769d2ebd905.mp3 b/static/audio/voice_9769d2ebd905.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..d5ed0e6382cc745c5337fb78de20e87dfff09358
--- /dev/null
+++ b/static/audio/voice_9769d2ebd905.mp3
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0838389b4ebe5a4acfc335c84d598f5402d36a04cca0f8d0bf69fa33428a728b
+size 117097
diff --git a/static/audio/voice_a29b2f9e805c.mp3 b/static/audio/voice_a29b2f9e805c.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..1c245d1bf4e2503410bb9f2fd6ce102f7e015c7a
--- /dev/null
+++ b/static/audio/voice_a29b2f9e805c.mp3
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e94041d1f0b28c3ee6de6de74bd56730ace4347c4a8f6cf2d83bde3abc3afdaf
+size 109886
diff --git a/static/audio/voice_a31899eb0351.mp3 b/static/audio/voice_a31899eb0351.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..6b3a3542565cbb09cb1f9d4ff5c4698e8a1faa41
--- /dev/null
+++ b/static/audio/voice_a31899eb0351.mp3
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cc80cb489ee56471285ed705a08286716fbd7b1fa7507fbfeba0493f2c01f7d2
+size 111336
diff --git a/static/audio/voice_a9e67f679652.mp3 b/static/audio/voice_a9e67f679652.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..7b6532ec50b9ecadd10eb899973c2cd5d8836486
--- /dev/null
+++ b/static/audio/voice_a9e67f679652.mp3
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4b5b9c024fd09e051a84f8640fb1efd00bdd9e1330b301c24ba486636609a8e4
+size 111258
diff --git a/static/audio/voice_b5d7b7c82182.mp3 b/static/audio/voice_b5d7b7c82182.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..746d3c9460eda1467dd1f2a5db1b98b0f9050c1f
Binary files /dev/null and b/static/audio/voice_b5d7b7c82182.mp3 differ
diff --git a/static/audio/voice_bcd76332724e.mp3 b/static/audio/voice_bcd76332724e.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..8d3fc68e645bd58d94510618d6c6a946fff79844
--- /dev/null
+++ b/static/audio/voice_bcd76332724e.mp3
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c64a143b7b4c35adc12470c2468c004bf8ee011a594eda0f3345f39654ef76a6
+size 128984
diff --git a/static/audio/voice_c7ba84f16803.mp3 b/static/audio/voice_c7ba84f16803.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..1d19adfd2ba257ebd2ad2171cf1267acd11be151
Binary files /dev/null and b/static/audio/voice_c7ba84f16803.mp3 differ
diff --git a/static/audio/voice_c8ddd20021c2.mp3 b/static/audio/voice_c8ddd20021c2.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..b1ed833faa90054608d7c6d9260dc7f2edc567be
Binary files /dev/null and b/static/audio/voice_c8ddd20021c2.mp3 differ
diff --git a/static/audio/voice_c9d854703f35.mp3 b/static/audio/voice_c9d854703f35.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..574835f6c972e7cc3f1b4058f853452b0e55b4ba
--- /dev/null
+++ b/static/audio/voice_c9d854703f35.mp3
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:70915fd5cee6f6fc7f10c2e6e5cb50b6c44653c721222b68ffa461829c7e1298
+size 163193
diff --git a/static/audio/voice_df8cdbf8bd84.mp3 b/static/audio/voice_df8cdbf8bd84.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..4a16a848a6e9845ebd426ea89b0f804dda2ddd31
--- /dev/null
+++ b/static/audio/voice_df8cdbf8bd84.mp3
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3607b3883c4877141e9784740cd0633286c8e42406f388e8d1e61d4e32001b19
+size 112603
diff --git a/static/audio/voice_e364309dbee2.mp3 b/static/audio/voice_e364309dbee2.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..2bc69e125438781a26b0ebbb382283cd95dfc66c
--- /dev/null
+++ b/static/audio/voice_e364309dbee2.mp3
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:67df3aee76666a17e948b4ddbf3f04a3b15009dcc2901edf33ea4984eb14e0c4
+size 172723
diff --git a/static/audio/voice_e3b02a4b2432.mp3 b/static/audio/voice_e3b02a4b2432.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..bf21dfe96023f59876180336f509f1279f538859
--- /dev/null
+++ b/static/audio/voice_e3b02a4b2432.mp3
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:73910b71831d0473c634a2553b86b6265738511256aa4b1a9077dddac3b9cd1e
+size 109187
diff --git a/static/audio/voice_fdc7f7d43420.mp3 b/static/audio/voice_fdc7f7d43420.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..02af7cfb4177e11145f81557300d41568916c2f8
--- /dev/null
+++ b/static/audio/voice_fdc7f7d43420.mp3
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:54e45a036f98b7906ecebfe2224ea68256ee4b6d2f241091d6e4326cf13407e8
+size 112924
diff --git a/subjects/__init__.py b/subjects/__init__.py
new file mode 100644
index 0000000000000000000000000000000000000000..8debefbbc184d67d68402aca1f1df347b6f877dd
--- /dev/null
+++ b/subjects/__init__.py
@@ -0,0 +1,4 @@
+"""
+Subjects package.
+Handles subject definitions, access control, and file loading.
+"""
\ No newline at end of file
diff --git a/subjects/__pycache__/__init__.cpython-314.pyc b/subjects/__pycache__/__init__.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..0a944838775661808ffd59c2ab3743bf38e2befb
Binary files /dev/null and b/subjects/__pycache__/__init__.cpython-314.pyc differ
diff --git a/subjects/__pycache__/access.cpython-314.pyc b/subjects/__pycache__/access.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..7290f78d91956eda7b29ffeab972dc2aa0ef9366
Binary files /dev/null and b/subjects/__pycache__/access.cpython-314.pyc differ
diff --git a/subjects/__pycache__/definitions.cpython-314.pyc b/subjects/__pycache__/definitions.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..fcc4c02f4ba00b53affb0487930b66564a9ad691
Binary files /dev/null and b/subjects/__pycache__/definitions.cpython-314.pyc differ
diff --git a/subjects/__pycache__/loader.cpython-314.pyc b/subjects/__pycache__/loader.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..808dbae563f02142e1dae0e455f0684f196d88b8
Binary files /dev/null and b/subjects/__pycache__/loader.cpython-314.pyc differ
diff --git a/subjects/access.py b/subjects/access.py
new file mode 100644
index 0000000000000000000000000000000000000000..7b917857792973b379c4afe2b44bab6378103178
--- /dev/null
+++ b/subjects/access.py
@@ -0,0 +1,65 @@
+"""
+Subject access validation.
+Checks if a user can access a specific subject.
+"""
+
+from subjects.definitions import SUBJECTS
+from database.users import get_user
+
+
+def get_user_accessible_subjects(username):
+    """Get all subjects with access status for a user."""
+    user = get_user(username)
+    if not user:
+        return None, "المستخدم غير موجود"
+    if not user.get('verified', False):
+        return None, "الحساب غير مفعّل"
+
+    student_type = user.get('student_type', '')
+    purchased_subjects = user.get('purchased_subjects', [])
+
+    if student_type not in SUBJECTS:
+        return None, f"نوع الطالب '{student_type}' غير معروف"
+
+    result = []
+    for subject in SUBJECTS[student_type]:
+        is_free = subject.get('free', False) or subject.get('price', 0) == 0
+        is_purchased = subject['id'] in purchased_subjects
+        accessible = is_free or is_purchased
+        result.append({
+            'id': subject['id'],
+            'name': subject['name'],
+            'price': subject['price'],
+            'icon': subject['icon'],
+            'free': is_free,
+            'accessible': accessible
+        })
+    return result, None
+
+
+def validate_user_subject_access(username, subject_id):
+    """Check if user has access to a specific subject."""
+    user = get_user(username)
+    if not user:
+        return False, "المستخدم غير موجود"
+    if not user.get('verified', False):
+        return False, "الحساب غير مفعّل"
+
+    student_type = user.get('student_type', '')
+    purchased_subjects = user.get('purchased_subjects', [])
+
+    if student_type not in SUBJECTS:
+        return False, "نوع الطالب غير معروف"
+
+    track_subjects = SUBJECTS[student_type]
+    subject_in_track = next((s for s in track_subjects if s['id'] == subject_id), None)
+
+    if not subject_in_track:
+        return False, f"المادة '{subject_id}' غير متاحة لشعبتك"
+
+    is_free = subject_in_track.get('free', False) or subject_in_track.get('price', 0) == 0
+    is_purchased = subject_id in purchased_subjects
+
+    if is_free or is_purchased:
+        return True, None
+    return False, f"يجب شراء مادة '{subject_in_track['name']}' للوصول إليها"
\ No newline at end of file
diff --git a/subjects/definitions.py b/subjects/definitions.py
new file mode 100644
index 0000000000000000000000000000000000000000..6789b57bf7fc6a9cbc7347d98ce3e60670cc0087
--- /dev/null
+++ b/subjects/definitions.py
@@ -0,0 +1,52 @@
+"""
+Subject definitions for all tracks.
+Single source of truth for available subjects.
+"""
+
+SUBJECTS = {
+    'علمي': [
+        {'id': 'data_structure', 'name': 'تراكيب بيانات', 'price': 5, 'icon': 'laptop', 'free': True},
+
+    ],
+    'أدبي': [
+        {'id': 'islamic', 'name': 'التربية الاسلامية', 'price': 0, 'icon': 'book-quran', 'free': True},
+        {'id': 'english', 'name': 'اللغة الانجليزية', 'price': 5, 'icon': 'language'},
+        {'id': 'statisticss', 'name': 'الاحصاء', 'price': 5, 'icon': 'chart-bar'},
+        {'id': 'literature', 'name': 'الادب والنصوص', 'price': 5, 'icon': 'book-open'},
+        {'id': 'philosophy', 'name': 'الفلسفة', 'price': 5, 'icon': 'brain'},
+        {'id': 'reading_writing', 'name': 'المطالعة والإنشاء', 'price': 5, 'icon': 'pen-fancy'},
+        {'id': 'grammar', 'name': 'النحو والصرف والاملاء', 'price': 5, 'icon': 'spell-check'},
+        {'id': 'criticism', 'name': 'النقد الادبي', 'price': 5, 'icon': 'comments'},
+        {'id': 'history', 'name': 'تاريخ الوطن العربي الحديث والمعاصر', 'price': 5, 'icon': 'landmark'},
+        {'id': 'it', 'name': 'تقنية المعلومات', 'price': 5, 'icon': 'laptop'},
+        {'id': 'geography', 'name': 'جغرافيا البيئة', 'price': 5, 'icon': 'globe'},
+        {'id': 'psychology', 'name': 'علم النفس', 'price': 5, 'icon': 'head-side-virus'},
+        {'id': 'national_education', 'name': 'التربية الوطنية', 'price': 5, 'icon': 'flag'},
+    ]
+}
+
+
+# ─── Board-enabled subjects ───
+# Subjects that have the interactive board feature.
+# Each must have a folder with main.txt, structure.txt, p*.txt, and pages_base_url.txt
+BOARD_ENABLED_SUBJECTS = [
+    'physics_mechanic',
+    'physics_electric',
+    'chemistry',
+    'math',
+    'biology',
+    'statistics',
+    'data_structure',
+]
+
+
+def get_subject_name(student_type, subject_id):
+    """Get display name for a subject."""
+    track = SUBJECTS.get(student_type, [])
+    info = next((s for s in track if s['id'] == subject_id), None)
+    return info['name'] if info else subject_id
+
+
+def is_board_enabled(subject_id):
+    """Check if a subject supports the interactive board."""
+    return subject_id in BOARD_ENABLED_SUBJECTS
\ No newline at end of file
diff --git a/subjects/loader.py b/subjects/loader.py
new file mode 100644
index 0000000000000000000000000000000000000000..8437eb0044a8f17ba7eb49657b08444164e7e444
--- /dev/null
+++ b/subjects/loader.py
@@ -0,0 +1,117 @@
+"""
+Subject file loader.
+Loads knowledge files from subject folders.
+Handles caching.
+"""
+
+import os
+import threading
+
+
+class SubjectLoader:
+    """Loads and caches subject data from folders."""
+
+    def __init__(self):
+        self._cache = {}
+        self._lock = threading.Lock()
+        print("  ✔ SubjectLoader initialized")
+
+    def load(self, subject_id):
+        """
+        Load a subject's files from its folder.
+        Returns dict with all file contents, or None if folder missing.
+        Cached after first load.
+        """
+        with self._lock:
+            if subject_id in self._cache:
+                return self._cache[subject_id]
+
+        folder_path = subject_id
+
+        if not os.path.exists(folder_path):
+            print(f"  ❌ Subject folder not found: {folder_path}")
+            return None
+
+        subject_data = {}
+
+        # Load main.txt
+        main_path = os.path.join(folder_path, "main.txt")
+        try:
+            with open(main_path, 'r', encoding='utf-8') as f:
+                subject_data["main.txt"] = f.read()
+            print(f"  ✔ {subject_id}/main.txt ({len(subject_data['main.txt'])} chars)")
+        except FileNotFoundError:
+            subject_data["main.txt"] = ""
+            print(f"  ⚠ {subject_id}/main.txt not found")
+
+        # Load structure.txt
+        structure_path = os.path.join(folder_path, "structure.txt")
+        try:
+            with open(structure_path, 'r', encoding='utf-8') as f:
+                subject_data["structure.txt"] = f.read()
+            print(f"  ✔ {subject_id}/structure.txt ({len(subject_data['structure.txt'])} chars)")
+        except FileNotFoundError:
+            subject_data["structure.txt"] = ""
+            print(f"  ⚠ {subject_id}/structure.txt not found")
+
+        # Load pages_base_url.txt (for board page images)
+        pages_url_path = os.path.join(folder_path, "pages_base_url.txt")
+        try:
+            with open(pages_url_path, 'r', encoding='utf-8') as f:
+                subject_data["pages_base_url"] = f.read().strip()
+            print(f"  ✔ {subject_id}/pages_base_url.txt loaded")
+        except FileNotFoundError:
+            subject_data["pages_base_url"] = ""
+            print(f"  ⚠ {subject_id}/pages_base_url.txt not found")
+
+        # Load p*.txt files
+        p_files = []
+        i = 1
+        while True:
+            p_filename = f"p{i}.txt"
+            p_path = os.path.join(folder_path, p_filename)
+            if os.path.exists(p_path):
+                try:
+                    with open(p_path, 'r', encoding='utf-8') as f:
+                        content = f.read()
+                        subject_data[p_filename] = content
+                        p_files.append(p_filename)
+                    print(f"  ✔ {subject_id}/{p_filename} ({len(content)} chars)")
+                except Exception as e:
+                    print(f"  ⚠ Error loading {p_filename}: {e}")
+                i += 1
+            else:
+                break
+
+        subject_data["_p_files"] = p_files
+        print(f"  📊 Subject '{subject_id}' loaded: main + structure + {len(p_files)} chapters")
+
+        with self._lock:
+            self._cache[subject_id] = subject_data
+
+        return subject_data
+
+    def reload(self, subject_id):
+        """Force reload a subject by clearing cache first."""
+        with self._lock:
+            if subject_id in self._cache:
+                del self._cache[subject_id]
+        return self.load(subject_id)
+
+    def get_p_files(self, subject_id):
+        """Get list of chapter files for a subject."""
+        data = self.load(subject_id)
+        if not data:
+            return []
+        return data.get("_p_files", [])
+
+    def get_pages_base_url(self, subject_id):
+        """Get the base URL for book page images."""
+        data = self.load(subject_id)
+        if not data:
+            return ""
+        return data.get("pages_base_url", "")
+
+
+# Singleton instance
+subject_loader = SubjectLoader()
\ No newline at end of file
diff --git a/templates/.html b/templates/.html
new file mode 100644
index 0000000000000000000000000000000000000000..e86d447688b459e190260d17037d77e0844602a9
--- /dev/null
+++ b/templates/.html
@@ -0,0 +1,1658 @@
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>NexusAI — Intelligent Chat</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
+  <style>
+    :root {
+      --bg-primary: #0a0a0f;
+      --bg-secondary: #12121a;
+      --bg-tertiary: #1a1a26;
+      --bg-elevated: #22222e;
+      --border-subtle: rgba(255, 255, 255, 0.06);
+      --border-default: rgba(255, 255, 255, 0.1);
+      --border-strong: rgba(255, 255, 255, 0.15);
+      --text-primary: #f0f0f5;
+      --text-secondary: #a0a0b8;
+      --text-tertiary: #6b6b80;
+      --text-muted: #4a4a5c;
+      --accent-primary: #6c5ce7;
+      --accent-secondary: #a78bfa;
+      --accent-glow: rgba(108, 92, 231, 0.25);
+      --accent-gradient: linear-gradient(135deg, #6c5ce7 0%, #a78bfa 50%, #c084fc 100%);
+      --success: #34d399;
+      --error: #f87171;
+      --warning: #fbbf24;
+      --user-gradient: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);
+      --ai-gradient: linear-gradient(135deg, #6c5ce7 0%, #a78bfa 100%);
+      --shadow-sm: 0 1px 2px rgba(0,0,0,0.3);
+      --shadow-md: 0 4px 12px rgba(0,0,0,0.4);
+      --shadow-lg: 0 8px 32px rgba(0,0,0,0.5);
+      --shadow-glow: 0 0 40px rgba(108, 92, 231, 0.15);
+      --radius-sm: 8px;
+      --radius-md: 12px;
+      --radius-lg: 16px;
+      --radius-xl: 20px;
+      --radius-full: 9999px;
+      --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
+      --transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
+      --transition-slow: 400ms cubic-bezier(0.4, 0, 0.2, 1);
+    }
+
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+
+    html, body {
+      height: 100%;
+      overflow: hidden;
+    }
+
+    body {
+      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+      background-color: var(--bg-primary);
+      color: var(--text-primary);
+      display: flex;
+      flex-direction: column;
+      -webkit-font-smoothing: antialiased;
+      -moz-osx-font-smoothing: grayscale;
+    }
+
+    /* ═══════════════════════════════════════════
+       AMBIENT BACKGROUND
+    ═══════════════════════════════════════════ */
+    .ambient-bg {
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      pointer-events: none;
+      z-index: 0;
+      overflow: hidden;
+    }
+
+    .ambient-bg .orb {
+      position: absolute;
+      border-radius: 50%;
+      filter: blur(100px);
+      opacity: 0.07;
+      animation: orbFloat 20s ease-in-out infinite;
+    }
+
+    .ambient-bg .orb:nth-child(1) {
+      width: 600px;
+      height: 600px;
+      background: #6c5ce7;
+      top: -200px;
+      right: -100px;
+      animation-delay: 0s;
+    }
+
+    .ambient-bg .orb:nth-child(2) {
+      width: 500px;
+      height: 500px;
+      background: #3b82f6;
+      bottom: -150px;
+      left: -100px;
+      animation-delay: -7s;
+    }
+
+    .ambient-bg .orb:nth-child(3) {
+      width: 400px;
+      height: 400px;
+      background: #a78bfa;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      animation-delay: -14s;
+    }
+
+    @keyframes orbFloat {
+      0%, 100% { transform: translate(0, 0) scale(1); }
+      25% { transform: translate(30px, -40px) scale(1.05); }
+      50% { transform: translate(-20px, 20px) scale(0.95); }
+      75% { transform: translate(15px, 30px) scale(1.02); }
+    }
+
+    /* ═══════════════════════════════════════════
+       NAVBAR
+    ═══════════════════════════════════════════ */
+    .navbar {
+      position: relative;
+      z-index: 10;
+      background: rgba(18, 18, 26, 0.8);
+      backdrop-filter: blur(20px) saturate(180%);
+      -webkit-backdrop-filter: blur(20px) saturate(180%);
+      border-bottom: 1px solid var(--border-subtle);
+      padding: 0 24px;
+      height: 60px;
+      display: flex;
+      align-items: center;
+      gap: 16px;
+      flex-shrink: 0;
+    }
+
+    .nav-brand {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+
+    .nav-logo {
+      width: 36px;
+      height: 36px;
+      background: var(--accent-gradient);
+      border-radius: 10px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      position: relative;
+      overflow: hidden;
+    }
+
+    .nav-logo::before {
+      content: '';
+      position: absolute;
+      inset: 0;
+      background: linear-gradient(135deg, transparent 40%, rgba(255,255,255,0.2) 50%, transparent 60%);
+      animation: shimmer 3s ease-in-out infinite;
+    }
+
+    @keyframes shimmer {
+      0%, 100% { transform: translateX(-100%) rotate(45deg); }
+      50% { transform: translateX(100%) rotate(45deg); }
+    }
+
+    .nav-logo svg {
+      width: 20px;
+      height: 20px;
+      fill: white;
+      position: relative;
+      z-index: 1;
+    }
+
+    .nav-title {
+      font-size: 17px;
+      font-weight: 700;
+      letter-spacing: -0.3px;
+      background: var(--accent-gradient);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      background-clip: text;
+    }
+
+    .nav-version {
+      font-size: 10px;
+      font-weight: 600;
+      color: var(--accent-secondary);
+      background: rgba(108, 92, 231, 0.12);
+      border: 1px solid rgba(108, 92, 231, 0.2);
+      padding: 2px 8px;
+      border-radius: var(--radius-full);
+      letter-spacing: 0.5px;
+      text-transform: uppercase;
+    }
+
+    .nav-spacer { flex: 1; }
+
+    .nav-actions {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+
+    .nav-btn {
+      width: 36px;
+      height: 36px;
+      border-radius: var(--radius-sm);
+      border: 1px solid var(--border-subtle);
+      background: transparent;
+      color: var(--text-tertiary);
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      transition: all var(--transition-fast);
+    }
+
+    .nav-btn:hover {
+      background: var(--bg-tertiary);
+      color: var(--text-primary);
+      border-color: var(--border-default);
+    }
+
+    .nav-btn svg {
+      width: 16px;
+      height: 16px;
+      fill: currentColor;
+    }
+
+    .nav-status {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 6px 12px;
+      background: rgba(52, 211, 153, 0.08);
+      border: 1px solid rgba(52, 211, 153, 0.15);
+      border-radius: var(--radius-full);
+      font-size: 12px;
+      font-weight: 500;
+      color: var(--success);
+    }
+
+    .status-indicator {
+      width: 7px;
+      height: 7px;
+      background: var(--success);
+      border-radius: 50%;
+      position: relative;
+    }
+
+    .status-indicator::after {
+      content: '';
+      position: absolute;
+      inset: -3px;
+      border-radius: 50%;
+      border: 2px solid var(--success);
+      opacity: 0;
+      animation: statusPing 2s cubic-bezier(0, 0, 0.2, 1) infinite;
+    }
+
+    @keyframes statusPing {
+      0% { transform: scale(0.8); opacity: 0.8; }
+      100% { transform: scale(2); opacity: 0; }
+    }
+
+    .nav-divider {
+      width: 1px;
+      height: 24px;
+      background: var(--border-subtle);
+      margin: 0 4px;
+    }
+
+    /* ═══════════════════════════════════════════
+       CHAT CONTAINER
+    ═══════════════════════════════════════════ */
+    .chat-container {
+      position: relative;
+      z-index: 1;
+      flex: 1;
+      overflow: hidden;
+      display: flex;
+      flex-direction: column;
+    }
+
+    #chat {
+      flex: 1;
+      overflow-y: auto;
+      overflow-x: hidden;
+      padding: 32px 24px;
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+      scroll-behavior: smooth;
+    }
+
+    #chat::-webkit-scrollbar {
+      width: 6px;
+    }
+
+    #chat::-webkit-scrollbar-track {
+      background: transparent;
+    }
+
+    #chat::-webkit-scrollbar-thumb {
+      background: var(--border-default);
+      border-radius: 3px;
+    }
+
+    #chat::-webkit-scrollbar-thumb:hover {
+      background: var(--border-strong);
+    }
+
+    /* ═══════════════════════════════════════════
+       WELCOME SCREEN
+    ═══════════════════════════════════════════ */
+    .welcome {
+      margin: auto;
+      max-width: 560px;
+      text-align: center;
+      animation: welcomeFade 0.8s ease;
+      padding: 20px;
+    }
+
+    @keyframes welcomeFade {
+      from { opacity: 0; transform: translateY(20px) scale(0.98); }
+      to { opacity: 1; transform: translateY(0) scale(1); }
+    }
+
+    .welcome-icon-wrap {
+      width: 80px;
+      height: 80px;
+      margin: 0 auto 24px;
+      position: relative;
+    }
+
+    .welcome-icon {
+      width: 80px;
+      height: 80px;
+      background: var(--accent-gradient);
+      border-radius: 24px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      position: relative;
+      z-index: 1;
+      box-shadow: var(--shadow-glow);
+    }
+
+    .welcome-icon::before {
+      content: '';
+      position: absolute;
+      inset: -2px;
+      border-radius: 26px;
+      background: var(--accent-gradient);
+      z-index: -1;
+      opacity: 0.4;
+      filter: blur(12px);
+    }
+
+    .welcome-icon svg {
+      width: 40px;
+      height: 40px;
+      fill: white;
+    }
+
+    .welcome h2 {
+      font-size: 28px;
+      font-weight: 800;
+      letter-spacing: -0.5px;
+      margin-bottom: 8px;
+      background: linear-gradient(135deg, #f0f0f5 0%, #a0a0b8 100%);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      background-clip: text;
+    }
+
+    .welcome .subtitle {
+      font-size: 15px;
+      color: var(--text-tertiary);
+      line-height: 1.6;
+      max-width: 420px;
+      margin: 0 auto 32px;
+    }
+
+    .capabilities {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 12px;
+      margin-bottom: 32px;
+    }
+
+    .capability-card {
+      background: var(--bg-secondary);
+      border: 1px solid var(--border-subtle);
+      border-radius: var(--radius-md);
+      padding: 16px;
+      text-align: left;
+      transition: all var(--transition-base);
+      cursor: default;
+    }
+
+    .capability-card:hover {
+      border-color: var(--border-default);
+      background: var(--bg-tertiary);
+      transform: translateY(-2px);
+      box-shadow: var(--shadow-md);
+    }
+
+    .capability-card .cap-icon {
+      width: 32px;
+      height: 32px;
+      border-radius: var(--radius-sm);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 16px;
+      margin-bottom: 10px;
+    }
+
+    .capability-card:nth-child(1) .cap-icon { background: rgba(99, 102, 241, 0.15); }
+    .capability-card:nth-child(2) .cap-icon { background: rgba(52, 211, 153, 0.15); }
+    .capability-card:nth-child(3) .cap-icon { background: rgba(251, 191, 36, 0.15); }
+    .capability-card:nth-child(4) .cap-icon { background: rgba(248, 113, 113, 0.15);
+ }
+
+    .capability-card h4 {
+      font-size: 13px;
+      font-weight: 600;
+      color: var(--text-primary);
+      margin-bottom: 4px;
+    }
+
+    .capability-card p {
+      font-size: 12px;
+      color: var(--text-tertiary);
+      line-height: 1.4;
+    }
+
+    .quick-prompts {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 8px;
+      justify-content: center;
+    }
+
+    .prompt-chip {
+      background: var(--bg-secondary);
+      border: 1px solid var(--border-subtle);
+      border-radius: var(--radius-full);
+      padding: 8px 16px;
+      font-size: 12px;
+      font-weight: 500;
+      color: var(--text-secondary);
+      cursor: pointer;
+      transition: all var(--transition-fast);
+      font-family: inherit;
+      display: flex;
+      align-items: center;
+      gap: 6px;
+    }
+
+    .prompt-chip:hover {
+      border-color: var(--accent-primary);
+      color: var(--accent-secondary);
+      background: rgba(108, 92, 231, 0.08);
+      transform: translateY(-1px);
+      box-shadow: 0 4px 12px rgba(108, 92, 231, 0.1);
+    }
+
+    .prompt-chip:active {
+      transform: scale(0.97);
+    }
+
+    .prompt-chip .chip-arrow {
+      opacity: 0;
+      transform: translateX(-4px);
+      transition: all var(--transition-fast);
+      font-size: 11px;
+    }
+
+    .prompt-chip:hover .chip-arrow {
+      opacity: 1;
+      transform: translateX(0);
+    }
+
+    /* ═══════════════════════════════════════════
+       MESSAGE GROUPS
+    ═══════════════════════════════════════════ */
+    .msg-row {
+      display: flex;
+      gap: 14px;
+      max-width: 760px;
+      width: 100%;
+      margin: 0 auto;
+      padding: 4px 0;
+      animation: msgIn 0.35s cubic-bezier(0.16, 1, 0.3, 1);
+    }
+
+    .msg-row.user-row {
+      flex-direction: row-reverse;
+    }
+
+    @keyframes msgIn {
+      from { opacity: 0; transform: translateY(12px); }
+      to { opacity: 1; transform: translateY(0); }
+    }
+
+    .msg-avatar {
+      width: 34px;
+      height: 34px;
+      border-radius: 10px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+      font-size: 15px;
+      margin-top: 2px;
+      position: relative;
+    }
+
+    .msg-row.ai-row .msg-avatar {
+      background: var(--ai-gradient);
+      box-shadow: 0 2px 10px rgba(108, 92, 231, 0.25);
+    }
+
+    .msg-row.user-row .msg-avatar {
+      background: var(--user-gradient);
+      box-shadow: 0 2px 10px rgba(59, 130, 246, 0.25);
+    }
+
+    .msg-avatar svg {
+      width: 17px;
+      height: 17px;
+      fill: white;
+    }
+
+    .msg-body {
+      display: flex;
+      flex-direction: column;
+      gap: 6px;
+      min-width: 0;
+      max-width: 85%;
+    }
+
+    .msg-header {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 0 2px;
+    }
+
+    .msg-row.user-row .msg-header {
+      flex-direction: row-reverse;
+    }
+
+    .msg-name {
+      font-size: 12px;
+      font-weight: 600;
+      color: var(--text-secondary);
+    }
+
+    .msg-time {
+      font-size: 11px;
+      color: var(--text-muted);
+      font-weight: 400;
+    }
+
+    .msg-bubble {
+      padding: 12px 18px;
+      font-size: 14px;
+      line-height: 1.7;
+      word-wrap: break-word;
+      overflow-wrap: break-word;
+      position: relative;
+    }
+
+    .msg-row.user-row .msg-bubble {
+      background: var(--user-gradient);
+      color: #fff;
+      border-radius: var(--radius-lg) var(--radius-lg) 6px var(--radius-lg);
+      box-shadow: 0 2px 12px rgba(59, 130, 246, 0.2);
+    }
+
+    .msg-row.ai-row .msg-bubble {
+      background: var(--bg-secondary);
+      border: 1px solid var(--border-subtle);
+      color: var(--text-primary);
+      border-radius: var(--radius-lg) var(--radius-lg) var(--radius-lg) 6px;
+      box-shadow: var(--shadow-sm);
+    }
+
+    .msg-actions {
+      display: flex;
+      gap: 4px;
+      padding: 0 2px;
+      opacity: 0;
+      transition: opacity var(--transition-fast);
+    }
+
+    .msg-row:hover .msg-actions {
+      opacity: 1;
+    }
+
+    .msg-row.user-row .msg-actions {
+      justify-content: flex-end;
+    }
+
+    .msg-action-btn {
+      width: 28px;
+      height: 28px;
+      border-radius: 6px;
+      border: none;
+      background: transparent;
+      color: var(--text-muted);
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      transition: all var(--transition-fast);
+      font-size: 13px;
+    }
+
+    .msg-action-btn:hover {
+      background: var(--bg-tertiary);
+      color: var(--text-secondary);
+    }
+
+    .msg-action-btn.copied {
+      color: var(--success);
+    }
+
+    /* ═══════════════════════════════════════════
+       TYPING INDICATOR
+    ═══════════════════════════════════════════ */
+    .typing-row {
+      display: flex;
+      gap: 14px;
+      max-width: 760px;
+      width: 100%;
+      margin: 0 auto;
+      padding: 4px 0;
+      animation: msgIn 0.35s cubic-bezier(0.16, 1, 0.3, 1);
+    }
+
+    .typing-bubble {
+      background: var(--bg-secondary);
+      border: 1px solid var(--border-subtle);
+      border-radius: var(--radius-lg) var(--radius-lg) var(--radius-lg) 6px;
+      padding: 14px 20px;
+      display: flex;
+      align-items: center;
+      gap: 5px;
+    }
+
+    .typing-bubble span {
+      width: 6px;
+      height: 6px;
+      border-radius: 50%;
+      background: var(--text-muted);
+      animation: typingDot 1.4s ease-in-out infinite;
+    }
+
+    .typing-bubble span:nth-child(2) { animation-delay: 0.15s; }
+    .typing-bubble span:nth-child(3) { animation-delay: 0.3s; }
+
+    @keyframes typingDot {
+      0%, 60%, 100% {
+        transform: translateY(0);
+        background: var(--text-muted);
+      }
+      30% {
+        transform: translateY(-5px);
+        background: var(--accent-secondary);
+      }
+    }
+
+    /* ═══════════════════════════════════════════
+       SCROLL TO BOTTOM BUTTON
+    ═══════════════════════════════════════════ */
+    .scroll-bottom-btn {
+      position: absolute;
+      bottom: 16px;
+      left: 50%;
+      transform: translateX(-50%) translateY(60px);
+      width: 36px;
+      height: 36px;
+      border-radius: 50%;
+      background: var(--bg-elevated);
+      border: 1px solid var(--border-default);
+      color: var(--text-secondary);
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      z-index: 5;
+      transition: all var(--transition-base);
+      opacity: 0;
+      pointer-events: none;
+      box-shadow: var(--shadow-md);
+    }
+
+    .scroll-bottom-btn.visible {
+      transform: translateX(-50%) translateY(0);
+      opacity: 1;
+      pointer-events: auto;
+    }
+
+    .scroll-bottom-btn:hover {
+      background: var(--bg-tertiary);
+      border-color: var(--accent-primary);
+      color: var(--accent-secondary);
+    }
+
+    .scroll-bottom-btn svg {
+      width: 16px;
+      height: 16px;
+      fill: currentColor;
+    }
+
+    /* ═══════════════════════════════════════════
+       INPUT AREA
+    ═══════════════════════════════════════════ */
+    .input-area {
+      position: relative;
+      z-index: 10;
+      background: rgba(18, 18, 26, 0.85);
+      backdrop-filter: blur(20px) saturate(180%);
+      -webkit-backdrop-filter: blur(20px) saturate(180%);
+      border-top: 1px solid var(--border-subtle);
+      padding: 16px 24px 20px;
+      flex-shrink: 0;
+    }
+
+    .input-container {
+      max-width: 760px;
+      margin: 0 auto;
+    }
+
+    .input-wrapper {
+      display: flex;
+      align-items: flex-end;
+      gap: 10px;
+      background: var(--bg-primary);
+      border: 1px solid var(--border-default);
+      border-radius: var(--radius-lg);
+      padding: 8px 8px 8px 18px;
+      transition: all var(--transition-base);
+      position: relative;
+    }
+
+    .input-wrapper::before {
+      content: '';
+      position: absolute;
+      inset: -1px;
+      border-radius: calc(var(--radius-lg) + 1px);
+      background: var(--accent-gradient);
+      opacity: 0;
+      z-index: -1;
+      transition: opacity var(--transition-base);
+    }
+
+    .input-wrapper:focus-within {
+      border-color: transparent;
+      box-shadow: var(--shadow-glow);
+    }
+
+    .input-wrapper:focus-within::before {
+      opacity: 0.5;
+    }
+
+    .input-field {
+      flex: 1;
+      background: none;
+      border: none;
+      outline: none;
+      color: var(--text-primary);
+      font-size: 14px;
+      font-family: 'Inter', sans-serif;
+      resize: none;
+      max-height: 140px;
+      line-height: 1.5;
+      padding: 6px 0;
+      overflow-y: auto;
+    }
+
+    .input-field::placeholder {
+      color: var(--text-muted);
+    }
+
+    .input-field::-webkit-scrollbar {
+      width: 3px;
+    }
+
+    .input-field::-webkit-scrollbar-thumb {
+      background: var(--border-default);
+      border-radius: 2px;
+    }
+
+    .input-right {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      flex-shrink: 0;
+    }
+
+    .char-counter {
+      font-size: 10px;
+      font-weight: 500;
+      color: var(--text-muted);
+      min-width: 28px;
+      text-align: right;
+      transition: color var(--transition-fast);
+      padding-bottom: 8px;
+    }
+
+    .char-counter.warn { color: var(--warning); }
+    .char-counter.danger { color: var(--error); }
+
+    .send-btn {
+      width: 40px;
+      height: 40px;
+      border-radius: 10px;
+      border: none;
+      background: var(--accent-gradient);
+      color: white;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      transition: all var(--transition-fast);
+      position: relative;
+      overflow: hidden;
+      flex-shrink: 0;
+    }
+
+    .send-btn::before {
+      content: '';
+      position: absolute;
+      inset: 0;
+      background: linear-gradient(135deg, transparent 40%, rgba(255,255,255,0.15) 50%, transparent 60%);
+      transform: translateX(-100%);
+      transition: transform 0.6s ease;
+    }
+
+    .send-btn:hover:not(:disabled)::before {
+      transform: translateX(100%);
+    }
+
+    .send-btn:hover:not(:disabled) {
+      transform: scale(1.05);
+      box-shadow: 0 4px 20px rgba(108, 92, 231, 0.4);
+    }
+
+    .send-btn:active:not(:disabled) {
+      transform: scale(0.95);
+    }
+
+    .send-btn:disabled {
+      opacity: 0.3;
+      cursor: not-allowed;
+    }
+
+    .send-btn svg {
+      width: 18px;
+      height: 18px;
+      fill: white;
+      position: relative;
+      z-index: 1;
+    }
+
+    .input-footer {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-top: 10px;
+      padding: 0 4px;
+    }
+
+    .input-hint {
+      font-size: 11px;
+      color: var(--text-muted);
+      display: flex;
+      align-items: center;
+      gap: 4px;
+    }
+
+    .input-hint kbd {
+      background: var(--bg-tertiary);
+      border: 1px solid var(--border-subtle);
+      border-radius: 4px;
+      padding: 1px 6px;
+      font-size: 10px;
+      font-family: 'Inter', sans-serif;
+      color: var(--text-tertiary);
+      font-weight: 500;
+    }
+
+    .msg-counter {
+      font-size: 11px;
+      color: var(--text-muted);
+      display: flex;
+      align-items: center;
+      gap: 4px;
+    }
+
+    /* ═══════════════════════════════════════════
+       TOAST NOTIFICATION
+    ═══════════════════════════════════════════ */
+    .toast {
+      position: fixed;
+      top: 72px;
+      left: 50%;
+      transform: translateX(-50%) translateY(-20px);
+      z-index: 100;
+      padding: 12px 20px;
+      border-radius: var(--radius-md);
+      font-size: 13px;
+      font-weight: 500;
+      font-family: 'Inter', sans-serif;
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      opacity: 0;
+      pointer-events: none;
+      transition: all var(--transition-base);
+      backdrop-filter: blur(12px);
+      -webkit-backdrop-filter: blur(12px);
+      box-shadow: var(--shadow-lg);
+    }
+
+    .toast.show {
+      opacity: 1;
+      transform: translateX(-50%) translateY(0);
+      pointer-events: auto;
+    }
+
+    .toast.error {
+      background: rgba(248, 113, 113, 0.12);
+      border: 1px solid rgba(248, 113, 113, 0.25);
+      color: var(--error);
+    }
+
+    .toast.success {
+      background: rgba(52, 211, 153, 0.12);
+      border: 1px solid rgba(52, 211, 153, 0.25);
+      color: var(--success);
+    }
+
+    .toast-icon {
+      font-size: 16px;
+      flex-shrink: 0;
+    }
+
+    .toast-close {
+      background: none;
+      border: none;
+      color: inherit;
+      cursor: pointer;
+      opacity: 0.6;
+      font-size: 16px;
+      padding: 0;
+      margin-left: 8px;
+      transition: opacity var(--transition-fast);
+    }
+
+    .toast-close:hover {
+      opacity: 1;
+    }
+
+    /* ═══════════════════════════════════════════
+       CLEAR CHAT MODAL
+    ═══════════════════════════════════════════ */
+    .modal-overlay {
+      position: fixed;
+      inset: 0;
+      background: rgba(0, 0, 0, 0.6);
+      backdrop-filter: blur(4px);
+      z-index: 200;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      opacity: 0;
+      pointer-events: none;
+      transition: opacity var(--transition-base);
+    }
+
+    .modal-overlay.show {
+      opacity: 1;
+      pointer-events: auto;
+    }
+
+    .modal {
+      background: var(--bg-secondary);
+      border: 1px solid var(--border-default);
+      border-radius: var(--radius-lg);
+      padding: 28px;
+      max-width: 400px;
+      width: 90%;
+      box-shadow: var(--shadow-lg);
+      transform: scale(0.95);
+      transition: transform var(--transition-base);
+    }
+
+    .modal-overlay.show .modal {
+      transform: scale(1);
+    }
+
+    .modal h3 {
+      font-size: 16px;
+      font-weight: 700;
+      margin-bottom: 8px;
+      color: var(--text-primary);
+    }
+
+    .modal p {
+      font-size: 13px;
+      color: var(--text-tertiary);
+      line-height: 1.5;
+      margin-bottom: 24px;
+    }
+
+    .modal-actions {
+      display: flex;
+      gap: 10px;
+      justify-content: flex-end;
+    }
+
+    .modal-btn {
+      padding: 8px 18px;
+      border-radius: var(--radius-sm);
+      font-size: 13px;
+      font-weight: 600;
+      font-family: 'Inter', sans-serif;
+      cursor: pointer;
+      transition: all var(--transition-fast);
+      border: none;
+    }
+
+    .modal-btn.cancel {
+      background: var(--bg-tertiary);
+      color: var(--text-secondary);
+      border: 1px solid var(--border-subtle);
+    }
+
+    .modal-btn.cancel:hover {
+      background: var(--bg-elevated);
+      color: var(--text-primary);
+    }
+
+    .modal-btn.danger {
+      background: rgba(248, 113, 113, 0.15);
+      color: var(--error);
+      border: 1px solid rgba(248, 113, 113, 0.25);
+    }
+
+    .modal-btn.danger:hover {
+      background: rgba(248, 113, 113, 0.25);
+    }
+
+    /* ═══════════════════════════════════════════
+       CODE BLOCKS INSIDE MESSAGES
+    ═══════════════════════════════════════════ */
+    .msg-bubble code {
+      background: rgba(255, 255, 255, 0.06);
+      border: 1px solid var(--border-subtle);
+      border-radius: 4px;
+      padding: 1px 6px;
+      font-size: 12.5px;
+      font-family: 'SF Mono', 'Fira Code', 'Cascadia Code', monospace;
+      color: var(--accent-secondary);
+    }
+
+    .msg-row.user-row .msg-bubble code {
+      background: rgba(255, 255, 255, 0.15);
+      border-color: rgba(255, 255, 255, 0.2);
+      color: #e0d4ff;
+    }
+
+    .msg-bubble pre {
+      background: var(--bg-primary);
+      border: 1px solid var(--border-subtle);
+      border-radius: var(--radius-sm);
+      padding: 14px 16px;
+      margin: 8px 0;
+      overflow-x: auto;
+      font-size: 12.5px;
+      font-family: 'SF Mono', 'Fira Code', 'Cascadia Code', monospace;
+      line-height: 1.6;
+    }
+
+    .msg-bubble pre code {
+      background: none;
+      border: none;
+      padding: 0;
+      font-size: inherit;
+      color: var(--text-primary);
+    }
+
+    /* ═══════════════════════════════════════════
+       RESPONSIVE
+    ═══════════════════════════════════════════ */
+    @media (max-width: 768px) {
+      .navbar { padding: 0 16px; }
+      .nav-version { display: none; }
+      .nav-divider { display: none; }
+      .nav-btn.desktop-only { display: none; }
+
+      #chat { padding: 20px 14px; }
+
+      .msg-row { gap: 10px; }
+      .msg-body { max-width: 90%; }
+      .msg-bubble { padding: 10px 14px; font-size: 13.5px; }
+      .msg-avatar { width: 30px; height: 30px; border-radius: 8px; }
+      .msg-avatar svg { width: 14px; height: 14px; }
+
+      .welcome h2 { font-size: 22px; }
+      .welcome .subtitle { font-size: 13px; }
+      .capabilities { grid-template-columns: 1fr; }
+
+      .input-area { padding: 12px 14px 16px; }
+      .input-footer .input-hint { display: none; }
+
+      .prompt-chip { font-size: 11px; padding: 6px 12px; }
+    }
+
+    @media (max-width: 400px) {
+      .nav-status span { display: none; }
+      .capabilities { display: none; }
+    }
+  </style>
+</head>
+<body>
+
+  <!-- Ambient Background -->
+  <div class="ambient-bg">
+    <div class="orb"></div>
+    <div class="orb"></div>
+    <div class="orb"></div>
+  </div>
+
+  <!-- Toast -->
+  <div class="toast" id="toast">
+    <span class="toast-icon" id="toastIcon">⚠️</span>
+    <span id="toastMsg">Something went wrong.</span>
+    <button class="toast-close" onclick="hideToast()">✕</button>
+  </div>
+
+  <!-- Clear Chat Modal -->
+  <div class="modal-overlay" id="modalOverlay" onclick="closeModal(event)">
+    <div class="modal">
+      <h3>Clear conversation?</h3>
+      <p>This will permanently delete all messages in this session. This action cannot be undone.</p>
+      <div class="modal-actions">
+        <button class="modal-btn cancel" onclick="toggleModal(false)">Cancel</button>
+        <button class="modal-btn danger" onclick="confirmClear()">Clear all</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- Navbar -->
+  <nav class="navbar">
+    <div class="nav-brand">
+      <div class="nav-logo">
+        <svg viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/></svg>
+      </div>
+      <span class="nav-title">NexusAI</span>
+      <span class="nav-version">Beta</span>
+    </div>
+
+    <div class="nav-spacer"></div>
+
+    <div class="nav-actions">
+      <div class="nav-status">
+        <span class="status-indicator"></span>
+        <span>Online</span>
+      </div>
+      <div class="nav-divider"></div>
+      <button class="nav-btn desktop-only" title="Clear chat" onclick="toggleModal(true)">
+        <svg viewBox="0 0 24 24"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/></svg>
+      </button>
+    </div>
+  </nav>
+
+  <!-- Chat Container -->
+  <div class="chat-container">
+    <div id="chat">
+      <!-- Welcome Screen -->
+      <div class="welcome" id="welcome">
+        <div class="welcome-icon-wrap">
+          <div class="welcome-icon">
+            <svg viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/></svg>
+          </div>
+        </div>
+        <h2>How can I help you today?</h2>
+        <p class="subtitle">I'm NexusAI, your intelligent assistant. Ask me anything — from code to creative writing, analysis to advice.</p>
+
+        <div class="capabilities">
+          <div class="capability-card">
+            <div class="cap-icon">💡</div>
+            <h4>Creative Ideas</h4>
+            <p>Brainstorm concepts, stories, and solutions</p>
+          </div>
+          <div class="capability-card">
+            <div class="cap-icon">⚡</div>
+            <h4>Code Assistant</h4>
+            <p>Write, debug, and explain code</p>
+          </div>
+          <div class="capability-card">
+            <div class="cap-icon">📊</div>
+            <h4>Analysis</h4>
+            <p>Break down complex topics simply</p>
+          </div>
+          <div class="capability-card">
+            <div class="cap-icon">✍️</div>
+            <h4>Writing</h4>
+            <p>Draft emails, essays, and more</p>
+          </div>
+        </div>
+
+        <div class="quick-prompts">
+          <button class="prompt-chip" onclick="prefill('Explain quantum computing in simple terms')">
+            Explain quantum computing <span class="chip-arrow">→</span>
+          </button>
+          <button class="prompt-chip" onclick="prefill('Write a Python function to sort a list')">
+            Python sort function <span class="chip-arrow">→</span>
+          </button>
+          <button class="prompt-chip" onclick="prefill('Give me 5 creative startup ideas')">
+            Startup ideas <span class="chip-arrow">→</span>
+          </button>
+          <button class="prompt-chip" onclick="prefill('Help me write a professional email')">
+            Write an email <span class="chip-arrow">→</span>
+          </button>
+        </div>
+      </div>
+    </div>
+
+    <!-- Scroll to bottom -->
+    <button class="scroll-bottom-btn" id="scrollBtn" onclick="scrollToBottom()">
+      <svg viewBox="0 0 24 24"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z"/></svg>
+    </button>
+  </div>
+
+  <!-- Input Area -->
+  <div class="input-area">
+    <div class="input-container">
+      <div class="input-wrapper">
+        <textarea
+          class="input-field"
+          id="msg"
+          rows="1"
+          placeholder="Message NexusAI..."
+          oninput="handleInput(this)"
+          onkeydown="handleKey(event)"
+        ></textarea>
+        <div class="input-right">
+          <span class="char-counter" id="charCounter"></span>
+          <button class="send-btn" id="sendBtn" onclick="send()" disabled>
+            <svg viewBox="0 0 24 24"><path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"/></svg>
+          </button>
+        </div>
+      </div>
+      <div class="input-footer">
+        <span class="input-hint">
+          <kbd>Enter</kbd> to send · <kbd
+You: complete from the same point you sttoped dont back to 0
+AI THINKING...AI: ```html
+>Shift+Enter</kbd> new line
+        </span>
+        <span class="msg-counter" id="msgCounter"></span>
+      </div>
+    </div>
+  </div>
+
+  <script>
+    // ── State ──
+    let history = [];
+    let isLoading = false;
+    let messageCount = 0;
+    let toastTimer = null;
+
+    // ── DOM Refs ──
+    const chatEl = document.getElementById('chat');
+    const msgEl = document.getElementById('msg');
+    const sendBtnEl = document.getElementById('sendBtn');
+    const welcomeEl = document.getElementById('welcome');
+    const charCounterEl = document.getElementById('charCounter');
+    const msgCounterEl = document.getElementById('msgCounter');
+    const scrollBtnEl = document.getElementById('scrollBtn');
+    const toastEl = document.getElementById('toast');
+    const toastIconEl = document.getElementById('toastIcon');
+    const toastMsgEl = document.getElementById('toastMsg');
+    const modalOverlayEl = document.getElementById('modalOverlay');
+
+    // ── Input Handling ──
+    function handleInput(el) {
+      // Auto resize
+      el.style.height = 'auto';
+      el.style.height = Math.min(el.scrollHeight, 140) + 'px';
+
+      // Enable/disable send
+      sendBtnEl.disabled = el.value.trim() === '' || isLoading;
+
+      // Char counter
+      const len = el.value.length;
+      charCounterEl.textContent = len > 0 ? len : '';
+      charCounterEl.className = 'char-counter';
+      if (len > 3000) charCounterEl.classList.add('danger');
+      else if (len > 2000) charCounterEl.classList.add('warn');
+    }
+
+    function handleKey(e) {
+      if (e.key === 'Enter' && !e.shiftKey) {
+        e.preventDefault();
+        if (!sendBtnEl.disabled) send();
+      }
+    }
+
+    function prefill(text) {
+      msgEl.value = text;
+      handleInput(msgEl);
+      msgEl.focus();
+    }
+
+    // ── Scroll Management ──
+    function scrollToBottom() {
+      chatEl.scrollTo({ top: chatEl.scrollHeight, behavior: 'smooth' });
+    }
+
+    chatEl.addEventListener('scroll', () => {
+      const distFromBottom = chatEl.scrollHeight - chatEl.scrollTop - chatEl.clientHeight;
+      if (distFromBottom > 200) {
+        scrollBtnEl.classList.add('visible');
+      } else {
+        scrollBtnEl.classList.remove('visible');
+      }
+    });
+
+    // ── Toast Notifications ──
+    function showToast(msg, type = 'error') {
+      if (toastTimer) clearTimeout(toastTimer);
+      toastMsgEl.textContent = msg;
+      toastIconEl.textContent = type === 'error' ? '⚠️' : '✅';
+      toastEl.className = `toast ${type}`;
+      // Force reflow for re-animation
+      void toastEl.offsetWidth;
+      toastEl.classList.add('show');
+      toastTimer = setTimeout(() => hideToast(), 5000);
+    }
+
+    function hideToast() {
+      toastEl.classList.remove('show');
+      if (toastTimer) { clearTimeout(toastTimer); toastTimer = null; }
+    }
+
+    // ── Modal ──
+    function toggleModal(show) {
+      if (show) {
+        modalOverlayEl.classList.add('show');
+      } else {
+        modalOverlayEl.classList.remove('show');
+      }
+    }
+
+    function closeModal(e) {
+      if (e.target === modalOverlayEl) toggleModal(false);
+    }
+
+    function confirmClear() {
+      history = [];
+      messageCount = 0;
+      chatEl.innerHTML = '';
+      updateMsgCounter();
+      toggleModal(false);
+      showToast('Conversation cleared.', 'success');
+
+      // Re-add welcome
+      const w = document.createElement('div');
+      w.className = 'welcome';
+      w.id = 'welcome';
+      w.innerHTML = `
+        <div class="welcome-icon-wrap">
+          <div class="welcome-icon">
+            <svg viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/></svg>
+          </div>
+        </div>
+        <h2>How can I help you today?</h2>
+        <p class="subtitle">I'm NexusAI, your intelligent assistant. Ask me anything — from code to creative writing, analysis to advice.</p>
+        <div class="capabilities">
+          <div class="capability-card"><div class="cap-icon">💡</div><h4>Creative Ideas</h4><p>Brainstorm concepts, stories, and solutions</p></div>
+          <div class="capability-card"><div class="cap-icon">⚡</div><h4>Code Assistant</h4><p>Write, debug, and explain code</p></div>
+          <div class="capability-card"><div class="cap-icon">📊</div><h4>Analysis</h4><p>Break down complex topics simply</p></div>
+          <div class="capability-card"><div class="cap-icon">✍️</div><h4>Writing</h4><p>Draft emails, essays, and more</p></div>
+        </div>
+        <div class="quick-prompts">
+          <button class="prompt-chip" onclick="prefill('Explain quantum computing in simple terms')">Explain quantum computing <span class="chip-arrow">→</span></button>
+          <button class="prompt-chip" onclick="prefill('Write a Python function to sort a list')">Python sort function <span class="chip-arrow">→</span></button>
+          <button class="prompt-chip" onclick="prefill('Give me 5 creative startup ideas')">Startup ideas <span class="chip-arrow">→</span></button>
+          <button class="prompt-chip" onclick="prefill('Help me write a professional email')">Write an email <span class="chip-arrow">→</span></button>
+        </div>
+      `;
+      chatEl.appendChild(w);
+    }
+
+    // ── Utilities ──
+    function getTime() {
+      return new Date().toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
+    }
+
+    function escapeHtml(text) {
+      const div = document.createElement('div');
+      div.textContent = text;
+      return div.innerHTML.replace(/\n/g, '<br>');
+    }
+
+    function updateMsgCounter() {
+      msgCounterEl.textContent = messageCount > 0 ? `${messageCount} message${messageCount !== 1 ? 's' : ''}` : '';
+    }
+
+    // ── Copy to Clipboard ──
+    function copyText(text, btnEl) {
+      navigator.clipboard.writeText(text).then(() => {
+        btnEl.classList.add('copied');
+        btnEl.textContent = '✓';
+        setTimeout(() => {
+          btnEl.classList.remove('copied');
+          btnEl.textContent = '📋';
+        }, 2000);
+      });
+    }
+
+    // ── Create Message Element ──
+    function createMessage(role, content) {
+      const isUser = role === 'user';
+      const row = document.createElement('div');
+      row.className = `msg-row ${isUser ? 'user-row' : 'ai-row'}`;
+
+      const avatarSvg = isUser
+        ? '<svg viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>'
+        : '<svg viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/></svg>';
+
+      const authorName = isUser ? 'You' : 'NexusAI';
+      const time = getTime();
+      const escapedContent = escapeHtml(content);
+      const rawContent = content;
+
+      row.innerHTML = `
+        <div class="msg-avatar">${avatarSvg}</div>
+        <div class="msg-body">
+          <div class="msg-header">
+            <span class="msg-name">${authorName}</span>
+            <span class="msg-time">${time}</span>
+          </div>
+          <div class="msg-bubble">${escapedContent}</div>
+          <div class="msg-actions">
+            <button class="msg-action-btn" title="Copy" onclick="copyText(\`${rawContent.replace(/`/g, '\\`').replace(/\\/g, '\\\\').replace(/\$/g, '\\$')}\`, this)">📋</button>
+          </div>
+        </div>
+      `;
+
+      return row;
+    }
+
+    // ── Typing Indicator ──
+    function showTyping() {
+      const row = document.createElement('div');
+      row.className = 'typing-row';
+      row.id = 'typingRow';
+      row.innerHTML = `
+        <div class="msg-avatar" style="background: var(--ai-gradient); box-shadow: 0 2px 10px rgba(108,92,231,0.25);">
+          <svg viewBox="0 0 24 24" style="width:17px;height:17px;fill:white;"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/></svg>
+        </div>
+        <div class="typing-bubble">
+          <span></span><span></span><span></span>
+        </div>
+      `;
+      chatEl.appendChild(row);
+      scrollToBottom();
+    }
+
+    function hideTyping() {
+      const el = document.getElementById('typingRow');
+      if (el) el.remove();
+    }
+
+    // ── Main Send Function ──
+    async function send() {
+      const input = msgEl.value.trim();
+      if (!input || isLoading) return;
+
+      // Remove welcome
+      const w = document.getElementById('welcome');
+      if (w) {
+        w.style.transition = 'opacity 0.3s ease, transform 0.3s ease';
+        w.style.opacity = '0';
+        w.style.transform = 'translateY(-10px) scale(0.98)';
+        setTimeout(() => w.remove(), 300);
+      }
+
+      // Lock UI
+      isLoading = true;
+      sendBtnEl.disabled = true;
+      msgEl.value = '';
+      msgEl.style.height = 'auto';
+      charCounterEl.textContent = '';
+
+      // Add user message
+      history.push({ role: 'user', content: input });
+      messageCount++;
+      updateMsgCounter();
+      chatEl.appendChild(createMessage('user', input));
+      scrollToBottom();
+
+      // Show typing
+      showTyping();
+
+      try {
+        const controller = new AbortController();
+        const timeout = setTimeout(() => controller.abort(), 30000);
+
+        const res = await fetch('https://little-lab-d87d.ehsavisea.workers.dev', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ message: input, history: history }),
+          signal: controller.signal
+        });
+
+        clearTimeout(timeout);
+
+        if (!res.ok) throw new Error(`Server responded with ${res.status}`);
+
+        const data = await res.json();
+        hideTyping();
+
+        const reply = data.assistant_response || 'Sorry, I received an empty response.';
+        history.push({ role: 'assistant', content: reply });
+        messageCount++;
+        updateMsgCounter();
+        chatEl.appendChild(createMessage('assistant', reply));
+        scrollToBottom();
+
+      } catch (err) {
+        hideTyping();
+
+        let errorMsg = 'Something went wrong. Please try again.';
+        if (err.name === 'AbortError') {
+          errorMsg = 'Request timed out. Please try again.';
+        } else if (!navigator.onLine) {
+          errorMsg = 'You appear to be offline. Check your connection.';
+        } else if (err.message) {
+          errorMsg = err.message;
+        }
+
+        showToast(errorMsg, 'error');
+        history.pop(); // Remove failed user message from history
+      }
+
+      // Unlock UI
+      isLoading = false;
+      sendBtnEl.disabled = msgEl.value.trim() === '';
+      msgEl.focus();
+    }
+
+    // ── Keyboard Shortcut: Ctrl+K to focus input ──
+    document.addEventListener('keydown', (e) => {
+      if ((e.ctrlKey || e.metaKey) && e.key === 'k') {
+        e.preventDefault();
+        msgEl.focus();
+      }
+      // Escape to close modal
+      if (e.key === 'Escape') {
+        toggleModal(false);
+      }
+    });
+
+    // ── Online/Offline Detection ──
+    window.addEventListener('online', () => {
+      showToast('Connection restored.', 'success');
+      document.querySelector('.nav-status').style.display = 'flex';
+    });
+
+    window.addEventListener('offline', () => {
+      showToast('You are offline. Messages won\'t send.', 'error');
+      document.querySelector('.nav-status').style.display = 'none';
+    });
+
+    // ── Prevent accidental page close with unsaved chat ──
+    window.addEventListener('beforeunload', (e) => {
+      if (history.length > 0) {
+        e.preventDefault();
+        e.returnValue = '';
+      }
+    });
+
+    // ── Focus input on load ──
+    window.addEventListener('load', () => {
+      msgEl.focus();
+    });
+
+    // ── Resize handler for textarea ──
+    window.addEventListener('resize', () => {
+      if (msgEl.value) {
+        msgEl.style.height = 'auto';
+        msgEl.style.height = Math.min(msgEl.scrollHeight, 140) + 'px';
+      }
+    });
+
+    // ── Drag & Drop text into input ──
+    msgEl.addEventListener('dragover', (e) => {
+      e.preventDefault();
+      msgEl.parentElement.style.borderColor = 'var(--accent-primary)';
+    });
+
+    msgEl.addEventListener('dragleave', () => {
+      msgEl.parentElement.style.borderColor = '';
+    });
+
+    msgEl.addEventListener('drop', (e) => {
+      msgEl.parentElement.style.borderColor = '';
+      // Let default behavior handle text drop
+      setTimeout(() => handleInput(msgEl), 50);
+    });
+
+    // ── Double click message to copy ──
+    chatEl.addEventListener('dblclick', (e) => {
+      const bubble = e.target.closest('.msg-bubble');
+      if (bubble) {
+        const text = bubble.innerText;
+        navigator.clipboard.writeText(text).then(() => {
+          showToast('Message copied to clipboard.', 'success');
+        });
+      }
+    });
+
+    // ── Intersection Observer for scroll button ──
+    let lastScrollTop = 0;
+    chatEl.addEventListener('scroll', () => {
+      const st = chatEl.scrollTop;
+      const distFromBottom = chatEl.scrollHeight - st - chatEl.clientHeight;
+
+      if (distFromBottom > 300) {
+        scrollBtnEl.classList.add('visible');
+      } else {
+        scrollBtnEl.classList.remove('visible');
+      }
+
+      lastScrollTop = st;
+    }, { passive: true });
+
+    // ── Initial message counter ──
+    updateMsgCounter();
+  </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/templates/add_balance.html b/templates/add_balance.html
new file mode 100644
index 0000000000000000000000000000000000000000..a70ad1ed9d2f055c952da8e5ee07cd097a6b0724
--- /dev/null
+++ b/templates/add_balance.html
@@ -0,0 +1,358 @@
+<!DOCTYPE html>
+<html lang="ar" dir="rtl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>تعبئة كرت اشتراك</title>
+    <style>
+        @import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap');
+
+        /* =========================================
+           1. كود التحميل (تمت إضافته هنا)
+           ========================================= */
+        #loader-overlay {
+            position: fixed;
+            top: 0; left: 0; width: 100%; height: 100%;
+            background-color: #f3f4f6; /* تم تغيير اللون ليتوافق مع صفحة الكرت */
+            z-index: 9999; /* ليكون فوق كل شيء */
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            transition: opacity 0.5s ease;
+            pointer-events: none; /* يسمح بالنقر خلاله إذا اختفى شفافياً */
+        }
+
+        .loading-content {
+            position: relative;
+            width: 180px;
+            height: 180px;
+            animation: rotate 4s ease-in-out infinite;
+            filter: url("#gooey");
+        }
+
+        .svg {
+            width: 0;
+            height: 0;
+            position: absolute;
+        }
+
+        @keyframes rotate {
+            0% { transform: rotate(360deg); }
+            50% { transform: rotate(360deg); }
+            100% { transform: rotate(0deg); }
+        }
+
+        .loading-content .liquid {
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            background: linear-gradient(90deg, rgba(0, 30, 250, 1) 0%, rgba(177, 70, 252, 1) 100%);
+            width: 50px;
+            height: 50px;
+            border-radius: 50%;
+            --ani_dur: 4s;
+        }
+
+        .loading-content .liquid:nth-child(1) { top: 0; animation: animate1 var(--ani_dur) ease-in-out infinite; }
+        .loading-content .liquid:nth-child(2) { left: 0; animation: animate2 var(--ani_dur) ease-in-out infinite; }
+        .loading-content .liquid:nth-child(3) { left: 100%; animation: animate3 var(--ani_dur) ease-in-out infinite; }
+        .loading-content .liquid:nth-child(4) { top: 100%; animation: animate4 var(--ani_dur) ease-in-out infinite; }
+
+        @keyframes animate1 { 0% { top: 0; } 50% { top: 100%; } 100% { top: 100%; } }
+        @keyframes animate2 { 0% { left: 0; } 50% { left: 100%; } 100% { left: 100%; } }
+        @keyframes animate3 { 0% { left: 100%; } 50% { left: 0; } 100% { left: 0; } }
+        @keyframes animate4 { 0% { top: 100%; } 50% { top: 0; } 100% { top: 0; } }
+
+        /* =========================================
+           2. كود التصميم الأصلي (لم يتغير)
+           ========================================= */
+        body {
+            font-family: 'Cairo', sans-serif;
+            background-color: #f3f4f6;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            min-height: 100vh;
+            margin: 0;
+            position: relative; /* لضبط مواقع العناصر المطلقة بداخل الجسم */
+        }
+
+        /* --- زر الرجوع (في الأعلى، خارج الإطار) --- */
+        .top-back-btn {
+            position: fixed; /* ثابت في الأعلى حتى عند النزول بالصفحة */
+            top: 20px;
+            left: 20px;
+            padding: 10px 25px;
+            background: linear-gradient(135deg, #A78BFA, #7C3AED); /* نفس التدرج اللوني الأصلي */
+            color: white;
+            border: none;
+            border-radius: 3rem; /* شكل حبوب الدواء */
+            cursor: pointer;
+            font-weight: 700;
+            font-family: 'Cairo', sans-serif;
+            font-size: 0.95rem;
+            box-shadow: 0 4px 15px rgba(124, 58, 237, 0.3);
+            z-index: 1000; /* ليكون فوق المحتوى، لكن تحت الLoader */
+            transition: all 0.3s ease;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+
+        .top-back-btn:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(124, 58, 237, 0.5);
+        }
+
+        /* --- البطاقة الرئيسية --- */
+        .form {
+            /* المتغيرات اللونية */
+            --bg-light: #ffffff;
+            --bg-dark: #7C3AED;
+            --clr: #A78BFA;
+            --clr-alpha: rgba(167, 139, 250, 0.15);
+            --text-color: #635F69;
+
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            gap: 1.5rem;
+            width: 100%;
+            max-width: 320px;
+            padding: 30px 20px;
+            background: rgba(255, 255, 255, 0.7);
+            backdrop-filter: blur(20px);
+            border-radius: 28px;
+            box-shadow: 16px 16px 32px rgba(160, 150, 180, 0.2),
+               -10px -10px 24px rgba(255, 255, 255, 0.9);
+            border: 1px solid rgba(255, 255, 255, 0.4);
+        }
+
+        .form h3 {
+            margin: 0;
+            font-size: 22px;
+            color: var(--bg-dark);
+            text-align: center;
+        }
+
+        .form-description {
+            color: var(--text-color);
+            font-size: 14px;
+            text-align: center;
+            margin: 0;
+            line-height: 1.5;
+        }
+
+        .form .input-span {
+            width: 100%;
+            display: flex;
+            flex-direction: column;
+            gap: 0.5rem;
+        }
+
+        .form input[type="text"] {
+            border-radius: 0.75rem;
+            padding: 1rem 0.75rem;
+            width: 100%;
+            border: 2px solid transparent;
+            background-color: var(--clr-alpha);
+            outline: 2px solid #ddd;
+            font-family: 'Cairo', sans-serif;
+            font-size: 15px;
+            transition: all 0.3s ease;
+            box-sizing: border-box;
+            color: #333;
+        }
+
+        .form input[type="text"]:focus {
+            outline: 2px solid var(--clr);
+            background-color: rgba(255, 255, 255, 0.8);
+            transform: translateY(-2px);
+        }
+
+        .label {
+            align-self: flex-start;
+            color: var(--bg-dark);
+            font-weight: 700;
+            font-size: 14px;
+            margin-right: 5px;
+        }
+
+        .submit {
+            padding: 1rem 2rem;
+            width: 100%;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            gap: 0.5rem;
+            border-radius: 3rem;
+            background-color: var(--bg-dark);
+            color: var(--bg-light);
+            border: none;
+            cursor: pointer;
+            transition: all 300ms;
+            font-weight: 700;
+            font-family: 'Cairo', sans-serif;
+            font-size: 1rem;
+            box-shadow: 0 4px 15px rgba(124, 58, 237, 0.3);
+            position: relative;
+            overflow: hidden;
+        }
+
+        .submit:hover {
+            background-color: var(--clr);
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(124, 58, 237, 0.4);
+        }
+
+        .submit:disabled {
+            background-color: #a5a5a5;
+            cursor: not-allowed;
+            transform: none;
+        }
+
+        #redeemMessage {
+            font-weight: 600;
+            text-align: center;
+            font-size: 14px;
+            min-height: 20px;
+        }
+
+        .spinner {
+            width: 18px;
+            height: 18px;
+            border: 3px solid rgba(255, 255, 255, 0.3);
+            border-top-color: white;
+            border-radius: 50%;
+            animation: spin .8s linear infinite;
+            display: none;
+        }
+
+        @keyframes spin {
+            to { transform: rotate(360deg) }
+        }
+    </style>
+</head>
+<body>
+
+    <!-- =========================================
+         3. كود HTML التحميل (يظهر فوراً)
+         ========================================= -->
+    <div id="loader-overlay">
+        <div class="loading-content">
+            <div class="liquid"></div>
+            <div class="liquid"></div>
+            <div class="liquid"></div>
+            <div class="liquid"></div>
+        </div>
+        <svg class="svg">
+            <filter id="gooey">
+                <feGaussianBlur stdDeviation="10" in="SourceGraphic"></feGaussianBlur>
+                <feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 20 -10"></feColorMatrix>
+            </filter>
+        </svg>
+    </div>
+
+    <!-- =========================================
+         4. المحتوى الأصلي الخاص بك (صفحة الكرت)
+         ========================================= -->
+    
+    <!-- زر الرجوع (خارج الإطار تماماً) -->
+    <button class="top-back-btn" onclick="history.back()">
+        رجوع
+    </button>
+
+    <!-- البطاقة -->
+    <div class="form">
+        <h3 class="brand-font">💳 تعبئة كرت اشتراك</h3>
+        <p class="form-description">أدخل كود الكرت (16 رقم) لاستبداله وإضافة الرصيد أو فتح المواد.</p>
+
+        <span class="input-span">
+            <label for="cardCodeInput" class="label">كود الكرت</label>
+            <input type="text" id="cardCodeInput" placeholder="XXXX XXXX XXXX XXXX" maxlength="16">
+        </span>
+
+        <button onclick="redeemCard()" id="redeemBtn" class="submit">
+            <span class="btn-text">تفعيل الكرت</span>
+            <div class="spinner"></div>
+        </button>
+
+        <div id="redeemMessage"></div>
+    </div>
+
+    <script>
+        // =========================================
+        // 5. كود JavaScript (الكود الخاص بك + كود إخفاء التحميل)
+        // =========================================
+
+        // --- 1. كود تفعيل الكرت (كودك الأصلي) ---
+        function redeemCard() {
+            const code = document.getElementById('cardCodeInput').value;
+            const msgDiv = document.getElementById('redeemMessage');
+
+            const btn = document.getElementById("redeemBtn");
+            const spinner = btn.querySelector(".spinner");
+            const text = btn.querySelector(".btn-text");
+
+            if (!code) {
+                msgDiv.style.color = '#EF4444';
+                msgDiv.innerText = 'الرجاء إدخال الكود';
+                return;
+            }
+
+            btn.disabled = true;
+            spinner.style.display = "block";
+            text.textContent = "جاري التفعيل...";
+
+            msgDiv.style.color = '#635F69';
+            msgDiv.innerText = 'جاري المعالجة...';
+
+            fetch('/redeem_card', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify({ code: code })
+            })
+            .then(response => response.json())
+            .then(data => {
+                if (data.success) {
+                    msgDiv.style.color = '#10B981';
+                    msgDiv.innerText = data.message;
+                    setTimeout(()=>location.reload(),1500);
+                } else {
+                    msgDiv.style.color = '#EF4444';
+                    msgDiv.innerText = data.message;
+                }
+
+                btn.disabled = false;
+                spinner.style.display = "none";
+                text.textContent = "تفعيل الكرت";
+            })
+            .catch(() => {
+                msgDiv.style.color = '#EF4444';
+                msgDiv.innerText = 'حدث خطأ في الاتصال';
+                
+                btn.disabled = false;
+                spinner.style.display = "none";
+                text.textContent = "تفعيل الكرت";
+            });
+        }
+
+        // --- 2. كود إخفاء التحميل (تمت إضافته) ---
+        window.addEventListener('load', function() {
+            const loader = document.getElementById('loader-overlay');
+            
+            // تأخير بسيط (3000ms) لضمان ظهور الأنيميشن قبل الاختفاء
+            setTimeout(function() {
+                loader.style.opacity = '0';
+                
+                setTimeout(function() {
+                    loader.style.display = 'none';
+                }, 500); // نفس مدة الـ transition في CSS
+            }, 3000);
+        });
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/templates/admin_generate.html b/templates/admin_generate.html
new file mode 100644
index 0000000000000000000000000000000000000000..e0c5de1ac544590ed8d0347428a2fe5ab592ea78
--- /dev/null
+++ b/templates/admin_generate.html
@@ -0,0 +1,439 @@
+<!DOCTYPE html>
+<html lang="ar" dir="rtl">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>لوحة تحكم الأدمن - توليد الكروت</title>
+
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@700;800;900&family=Tajawal:wght@400;500;700&display=swap" rel="stylesheet">
+
+<style>
+
+:root{
+--clay-canvas:#F4F1FA;
+--clay-foreground:#332F3A;
+--clay-muted:#635F69;
+--clay-primary:#7C3AED;
+--clay-primary-light:#A78BFA;
+--clay-accent-pink:#DB2777;
+--clay-input-bg:#EFEBF5;
+--clay-success:#10B981;
+
+--shadow-clay-card:
+16px 16px 32px rgba(160,150,180,0.2),
+-10px -10px 24px rgba(255,255,255,0.9),
+inset 6px 6px 12px rgba(139,92,246,0.03),
+inset -6px -6px 12px rgba(255,255,255,1);
+
+--shadow-clay-btn:
+12px 12px 24px rgba(139,92,246,0.3),
+-8px -8px 16px rgba(255,255,255,0.4),
+inset 4px 4px 8px rgba(255,255,255,0.4),
+inset -4px -4px 8px rgba(0,0,0,0.1);
+
+--shadow-clay-pressed:
+inset 6px 6px 12px #d9d4e3,
+inset -6px -6px 12px #ffffff;
+
+--shadow-clay-secondary:
+6px 6px 12px rgba(160,150,180,0.15),
+-4px -4px 10px rgba(255,255,255,0.8),
+inset 2px 2px 4px rgba(255,255,255,0.4),
+inset -2px -2px 4px rgba(0,0,0,0.05);
+
+--radius-card:32px;
+--radius-input:16px;
+--radius-btn:20px;
+}
+
+*{margin:0;padding:0;box-sizing:border-box;}
+
+body{
+font-family:'Tajawal',sans-serif;
+background:var(--clay-canvas);
+color:var(--clay-foreground);
+min-height:100vh;
+display:flex;
+justify-content:center;
+align-items:center;
+padding:20px;
+}
+
+h1{
+font-family:'Cairo',sans-serif;
+font-size:32px;
+font-weight:900;
+margin-bottom:24px;
+text-align:center;
+color: var(--clay-primary);
+text-shadow: 2px 2px 4px rgba(124, 58, 237, 0.1);
+}
+
+.clay-card{
+background:rgba(255,255,255,0.65);
+backdrop-filter:blur(20px);
+-webkit-backdrop-filter:blur(20px);
+padding:40px;
+border-radius:var(--radius-card);
+box-shadow:var(--shadow-clay-card);
+width:100%;
+max-width:520px;
+border: 1px solid rgba(255,255,255,0.5);
+}
+
+.form-group{
+margin-bottom:20px;
+}
+
+label{
+display:block;
+margin-bottom:8px;
+font-weight:700;
+color: var(--clay-muted);
+}
+
+input,select{
+width:100%;
+padding:16px;
+border:none;
+border-radius:var(--radius-input);
+background:var(--clay-input-bg);
+font-size:16px;
+box-shadow:var(--shadow-clay-pressed);
+outline:none;
+font-family:'Tajawal',sans-serif;
+color: var(--clay-foreground);
+transition: all 0.3s ease;
+}
+
+input:focus, select:focus{
+box-shadow: 
+inset 4px 4px 8px #d9d4e3,
+inset -4px -4px 8px #ffffff,
+0 0 0 3px rgba(124, 58, 237, 0.1);
+}
+
+.btn-primary{
+width:100%;
+padding:18px;
+margin-top:10px;
+background:linear-gradient(135deg,var(--clay-primary-light),var(--clay-primary));
+color:white;
+border:none;
+border-radius:var(--radius-btn);
+font-size:18px;
+font-weight:800;
+font-family:'Cairo',sans-serif;
+cursor:pointer;
+box-shadow:var(--shadow-clay-btn);
+transition:0.2s;
+position: relative;
+overflow: hidden;
+}
+
+.btn-primary:hover{
+transform:translateY(-3px);
+filter: brightness(1.05);
+}
+
+.btn-primary:active{
+transform:translateY(1px);
+box-shadow: var(--shadow-clay-pressed);
+}
+
+.btn-group {
+display: flex;
+gap: 10px;
+margin-top: 15px;
+}
+
+.btn-secondary {
+flex: 1;
+padding: 12px;
+background: var(--clay-input-bg);
+color: var(--clay-foreground);
+border: none;
+border-radius: var(--radius-btn);
+font-weight: 700;
+font-family: 'Tajawal', sans-serif;
+cursor: pointer;
+box-shadow: var(--shadow-clay-secondary);
+transition: 0.2s;
+display: flex;
+justify-content: center;
+align-items: center;
+gap: 8px;
+}
+
+.btn-secondary:hover {
+transform: translateY(-2px);
+color: var(--clay-primary);
+}
+
+.btn-secondary:active {
+transform: translateY(1px);
+box-shadow: var(--shadow-clay-pressed);
+}
+
+.result-box{
+margin-top:25px;
+background:var(--clay-input-bg);
+border-radius:var(--radius-input);
+padding:20px;
+box-shadow:var(--shadow-clay-pressed);
+white-space:pre-line;
+font-size:14px;
+line-height:1.8;
+min-height: 100px;
+max-height: 300px;
+overflow-y: auto;
+border: 2px dashed rgba(124, 58, 237, 0.1);
+position: relative;
+direction: ltr; /* لعرض السيريل والكود بشكل صحيح */
+text-align: left;
+}
+
+.background-blobs{
+position:fixed;
+top:0;
+left:0;
+width:100%;
+height:100%;
+z-index:-1;
+overflow:hidden;
+pointer-events: none;
+}
+
+.blob{
+position:absolute;
+border-radius:50%;
+filter:blur(80px);
+opacity:0.6;
+animation:float 10s infinite ease-in-out;
+}
+
+.blob-1{
+width:60vh;
+height:60vh;
+background:var(--clay-primary);
+top:-10%;
+right:-10%;
+opacity:0.15;
+}
+
+.blob-2{
+width:50vh;
+height:50vh;
+background:var(--clay-accent-pink);
+bottom:-10%;
+left:-10%;
+opacity:0.15;
+}
+
+.blob-3{
+width:40vh;
+height:40vh;
+background:#0EA5E9;
+top:40%;
+right:40%;
+opacity:0.1;
+}
+
+@keyframes float{
+0%,100%{transform:translateY(0)}
+50%{transform:translateY(-30px)}
+}
+
+.toast {
+position: fixed;
+bottom: 30px;
+left: 50%;
+transform: translateX(-50%) translateY(100px);
+background: var(--clay-foreground);
+color: white;
+padding: 12px 24px;
+border-radius: 50px;
+box-shadow: 0 10px 20px rgba(0,0,0,0.2);
+opacity: 0;
+transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
+z-index: 1000;
+font-weight: 500;
+display: flex;
+align-items: center;
+gap: 10px;
+}
+
+.toast.show {
+transform: translateX(-50%) translateY(0);
+opacity: 1;
+}
+
+.loader {
+display: none;
+width: 20px;
+height: 20px;
+border: 3px solid rgba(255,255,255,0.3);
+border-radius: 50%;
+border-top-color: #fff;
+animation: spin 1s ease-in-out infinite;
+margin-right: 10px;
+}
+
+@keyframes spin {
+to { transform: rotate(360deg); }
+}
+
+</style>
+</head>
+
+<body>
+
+<div class="background-blobs">
+<div class="blob blob-1"></div>
+<div class="blob blob-2"></div>
+<div class="blob blob-3"></div>
+</div>
+
+<div class="clay-card">
+
+<h1>🎫 توليد الكروت</h1>
+
+<div class="form-group">
+<label>الفئة</label>
+<select id="class">
+<option value="10">10</option>
+<option value="20">20</option>
+<option value="35">35 (علمي)</option>
+<option value="45">45 (أدبي)</option>
+</select>
+</div>
+
+<div class="form-group">
+<label>العدد</label>
+<input type="number" id="qty" value="1" min="1" max="100">
+</div>
+
+<button class="btn-primary" onclick="generate()" id="genBtn">
+<span class="loader" id="btnLoader"></span>
+<span id="btnText">توليد الكروت</span>
+</button>
+
+<div class="result-box" id="result">
+<span style="color: var(--clay-muted); font-size: 14px; opacity: 0.7; direction: rtl; text-align: right;">
+سيظهر السيريل والكود هنا...
+</span>
+</div>
+
+<div class="btn-group">
+<button class="btn-secondary" onclick="copyResult()" id="copyBtn" style="display:none;">
+📋 نسخ النص
+</button>
+<button class="btn-secondary" onclick="clearResult()" id="clearBtn" style="display:none;">
+🗑️ مسح
+</button>
+</div>
+
+</div>
+
+<div class="toast" id="toast">✅ تم النسخ بنجاح</div>
+
+<script>
+
+function showToast(message, type = 'success') {
+    const toast = document.getElementById('toast');
+    toast.innerText = message;
+    toast.style.background = type === 'error' ? '#EF4444' : 'var(--clay-foreground)';
+    toast.classList.add('show');
+    setTimeout(() => {
+        toast.classList.remove('show');
+    }, 3000);
+}
+
+function generate(){
+    const cls=document.getElementById('class').value;
+    const qty=document.getElementById('qty').value;
+    const resultBox = document.getElementById('result');
+    const btn = document.getElementById('genBtn');
+    const loader = document.getElementById('btnLoader');
+    const btnText = document.getElementById('btnText');
+
+    if(!qty || qty <= 0) {
+        showToast("الرجاء إدخال رقم صحيح للعدد", "error");
+        return;
+    }
+
+    // UI Loading State
+    btn.disabled = true;
+    btn.style.opacity = "0.8";
+    loader.style.display = "inline-block";
+    btnText.innerText = "جاري التوليد...";
+
+    // تجهيز البيانات لإرسالها للسيرفر
+    // السيرفر يتطلب request.form لذلك نستخدم URLSearchParams
+    const formData = new URLSearchParams();
+    formData.append('class', cls);
+    formData.append('quantity', qty);
+
+    fetch('/admin/generate_cards', {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/x-www-form-urlencoded'
+        },
+        body: formData
+    })
+    .then(response => response.json())
+    .then(data => {
+        if(data.success){
+            let txt = "";
+            data.cards.forEach(c => {
+                // تنسيق النص ليكون مقروءاً
+                txt += `Serial: ${c.serial} | Code: ${c.code} | Class: ${c.class}\n`;
+            });
+            
+            resultBox.innerText = txt;
+            document.getElementById('copyBtn').style.display = 'flex';
+            document.getElementById('clearBtn').style.display = 'flex';
+            showToast(`تم توليد ${data.cards.length} كرت بنجاح`);
+        } else {
+            showToast("فشل التوليد", "error");
+            resultBox.innerText = "حدث خطأ غير معروف من السيرفر.";
+        }
+    })
+    .catch(error => {
+        console.error('Error:', error);
+        showToast("خطأ في الاتصال بالسيرفر", "error");
+        resultBox.innerText = "تأكد من أن السيرفر يعمل وأنك فتحت الصفحة من خلاله.";
+    })
+    .finally(() => {
+        // إعادة زر التوليد لحالته الطبيعية
+        btn.disabled = false;
+        btn.style.opacity = "1";
+        loader.style.display = "none";
+        btnText.innerText = "توليد الكروت";
+    });
+}
+
+function copyResult() {
+    const resultText = document.getElementById('result').innerText;
+    if (!resultText || resultText.includes("سيظهر السيريل")) return;
+
+    navigator.clipboard.writeText(resultText).then(() => {
+        showToast("تم نسخ جميع البيانات للحافظة");
+    }).catch(err => {
+        showToast("فشل النسخ", "error");
+    });
+}
+
+function clearResult() {
+    document.getElementById('result').innerHTML = '<span style="color: var(--clay-muted); font-size: 14px; opacity: 0.7; direction: rtl; text-align: right;">سيظهر السيريل والكود هنا...</span>';
+    document.getElementById('copyBtn').style.display = 'none';
+    document.getElementById('clearBtn').style.display = 'none';
+    document.getElementById('qty').value = 1;
+}
+
+</script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/templates/board.html b/templates/board.html
new file mode 100644
index 0000000000000000000000000000000000000000..81a8edde54014ecc562a773923bac51ae7fd2659
--- /dev/null
+++ b/templates/board.html
@@ -0,0 +1,2007 @@
+<!DOCTYPE html>
+<html lang="ar" dir="rtl">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+<title>{{ subject_name }} - السبورة التفاعلية</title>
+<link href="https://fonts.googleapis.com/css2?family=Kalam:wght@400;700&family=Patrick+Hand&family=Tajawal:wght@400;500;700&display=swap" rel="stylesheet">
+
+<style>
+  :root {
+    --bg: #fdfbf7;
+    --fg: #2d2d2d;
+    --muted: #e5e0d8;
+    --accent: #ff4d4d;
+    --border: #2d2d2d;
+    --blue: #2d5da1;
+    --postit: #fff9c4;
+    --postit-blue: #d4e4ff;
+    --postit-pink: #ffd4e4;
+    --postit-green: #d4ffd4;
+    --postit-orange: #ffe4c4;
+    --postit-purple: #e4d4ff;
+    --white: #ffffff;
+  }
+
+  * { margin: 0; padding: 0; box-sizing: border-box; }
+
+  body {
+    font-family: 'Patrick Hand', cursive;
+    background-color: var(--bg);
+    color: var(--fg);
+    overflow: hidden;
+    height: 100vh;
+    width: 100vw;
+    background-image: radial-gradient(var(--muted) 1px, transparent 1px);
+    background-size: 24px 24px;
+    -webkit-user-select: none;
+    user-select: none;
+    touch-action: none;
+  }
+
+  /* ─── TOOLBAR ─── */
+  #toolbar {
+    position: fixed;
+    top: 0; left: 0; right: 0;
+    height: 56px;
+    background: var(--white);
+    border-bottom: 3px solid var(--border);
+    box-shadow: 0 4px 0 0 rgba(45,45,45,0.08);
+    display: flex;
+    align-items: center;
+    padding: 0 10px;
+    z-index: 1000;
+    gap: 4px;
+    overflow-x: auto;
+    overflow-y: hidden;
+    -webkit-overflow-scrolling: touch;
+  }
+  #toolbar::-webkit-scrollbar { height: 0; }
+
+  #toolbar .logo {
+    font-family: 'Kalam', cursive;
+    font-weight: 700;
+    font-size: 1.3rem;
+    color: var(--fg);
+    margin-right: 8px;
+    white-space: nowrap;
+    flex-shrink: 0;
+  }
+  #toolbar .logo span { color: var(--accent); }
+
+  .toolbar-divider {
+    width: 3px;
+    height: 32px;
+    background: var(--muted);
+    border-radius: 2px;
+    margin: 0 4px;
+    flex-shrink: 0;
+  }
+
+  .tool-btn {
+    font-family: 'Patrick Hand', cursive;
+    font-size: 0.9rem;
+    background: var(--white);
+    border: 2px solid var(--border);
+    color: var(--fg);
+    padding: 5px 10px;
+    cursor: pointer;
+    transition: all 0.1s;
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    border-radius: 255px 15px 225px 15px / 15px 225px 15px 255px;
+    box-shadow: 3px 3px 0 0 var(--border);
+    white-space: nowrap;
+    flex-shrink: 0;
+    -webkit-tap-highlight-color: transparent;
+  }
+  .tool-btn:hover {
+    background: var(--accent);
+    color: white;
+    transform: translate(1px, 1px);
+    box-shadow: 1px 1px 0 0 var(--border);
+  }
+  .tool-btn:active {
+    transform: translate(3px, 3px);
+    box-shadow: none;
+    background: var(--accent);
+    color: white;
+  }
+  .tool-btn.active {
+    background: var(--fg);
+    color: var(--white);
+  }
+  .tool-btn svg {
+    width: 16px; height: 16px;
+    stroke-width: 2.5;
+    fill: none;
+    stroke: currentColor;
+    flex-shrink: 0;
+  }
+
+  .toolbar-right {
+    margin-left: auto;
+    display: flex;
+    gap: 4px;
+    align-items: center;
+    flex-shrink: 0;
+  }
+
+  .zoom-display {
+    font-family: 'Patrick Hand', cursive;
+    font-size: 0.9rem;
+    color: var(--fg);
+    background: var(--muted);
+    padding: 3px 8px;
+    border-radius: 255px 15px 225px 15px / 15px 225px 15px 255px;
+    border: 2px solid var(--border);
+    flex-shrink: 0;
+  }
+
+  /* ─── SIDEBAR ─── */
+  #sidebar {
+    position: fixed;
+    top: 56px;
+    left: 0;
+    width: 220px;
+    bottom: 0;
+    background: var(--white);
+    border-right: 3px solid var(--border);
+    box-shadow: 4px 0 0 0 rgba(45,45,45,0.05);
+    z-index: 900;
+    overflow-y: auto;
+    padding: 16px 12px;
+    transition: transform 0.25s ease;
+    -webkit-overflow-scrolling: touch;
+  }
+  #sidebar.collapsed { transform: translateX(-220px); }
+  #sidebar::-webkit-scrollbar { width: 6px; }
+  #sidebar::-webkit-scrollbar-track { background: transparent; }
+  #sidebar::-webkit-scrollbar-thumb { background: var(--muted); border-radius: 4px; }
+
+  .sidebar-title {
+    font-family: 'Kalam', cursive;
+    font-weight: 700;
+    font-size: 1.2rem;
+    margin-bottom: 4px;
+    color: var(--fg);
+  }
+  .sidebar-subtitle {
+    font-size: 0.85rem;
+    color: var(--fg);
+    opacity: 0.5;
+    margin-bottom: 14px;
+  }
+
+  .shape-section-title {
+    font-family: 'Kalam', cursive;
+    font-weight: 700;
+    font-size: 0.95rem;
+    color: var(--accent);
+    margin: 14px 0 8px;
+    border-bottom: 2px dashed var(--muted);
+    padding-bottom: 4px;
+  }
+
+  .shape-grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 8px;
+  }
+
+  .shape-item {
+    aspect-ratio: 1;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    background: var(--bg);
+    border: 2px solid var(--border);
+    cursor: pointer;
+    transition: all 0.1s;
+    padding: 8px 4px;
+    border-radius: 15px 225px 15px 255px / 225px 15px 255px 15px;
+    box-shadow: 2px 2px 0 0 rgba(45,45,45,0.15);
+    -webkit-tap-highlight-color: transparent;
+  }
+  .shape-item:hover {
+    background: var(--postit);
+    transform: rotate(-2deg) scale(1.05);
+    box-shadow: 3px 3px 0 0 var(--border);
+  }
+  .shape-item:active {
+    transform: rotate(1deg) scale(0.98);
+    box-shadow: 1px 1px 0 0 var(--border);
+    background: var(--postit);
+  }
+  .shape-item svg {
+    width: 36px; height: 36px;
+    stroke: var(--fg);
+    fill: none;
+    stroke-width: 2.5;
+    stroke-linecap: round;
+    stroke-linejoin: round;
+  }
+  .shape-item span {
+    font-size: 0.72rem;
+    margin-top: 4px;
+    color: var(--fg);
+    opacity: 0.7;
+  }
+
+  .color-row {
+    display: flex;
+    gap: 6px;
+    margin-top: 6px;
+    flex-wrap: wrap;
+  }
+  .color-swatch {
+    width: 26px; height: 26px;
+    border-radius: 50%;
+    border: 2px solid var(--border);
+    cursor: pointer;
+    transition: transform 0.1s;
+    box-shadow: 1px 1px 0 0 rgba(45,45,45,0.15);
+    -webkit-tap-highlight-color: transparent;
+  }
+  .color-swatch:hover { transform: scale(1.2) rotate(-5deg); }
+
+  /* ─── CANVAS AREA ─── */
+  #canvas-area {
+    position: fixed;
+    top: 56px;
+    left: 220px;
+    right: 0;
+    bottom: 60px;
+    overflow: hidden;
+    cursor: crosshair;
+    touch-action: none;
+  }
+  #canvas-area.sidebar-collapsed { left: 0; }
+
+  #canvas {
+    position: absolute;
+    top: 0; left: 0;
+    width: 6000px;
+    height: 6000px;
+    transform-origin: 0 0;
+  }
+
+  .empty-state {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    text-align: center;
+    pointer-events: none;
+    opacity: 0.25;
+  }
+  .empty-state h2 {
+    font-family: 'Kalam', cursive;
+    font-weight: 700;
+    font-size: 1.8rem;
+    margin-bottom: 8px;
+  }
+  .empty-state p { font-size: 1rem; }
+
+  /* ─── WORKSPACE ITEMS ─── */
+  .workspace-item {
+    position: absolute;
+    touch-action: none;
+    animation: itemPop 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
+  }
+  @keyframes itemPop {
+    from { opacity: 0; transform: scale(0.7) rotate(-3deg); }
+    to { opacity: 1; transform: scale(1) rotate(0deg); }
+  }
+  .workspace-item.ai-placed {
+    animation: aiPop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
+  }
+  @keyframes aiPop {
+    0% { opacity: 0; transform: scale(0.3) rotate(-8deg); }
+    60% { opacity: 1; transform: scale(1.08) rotate(1deg); }
+    100% { transform: scale(1) rotate(0deg); }
+  }
+  .workspace-item.selected {
+    outline: 3px dashed var(--blue);
+    outline-offset: 4px;
+  }
+
+  /* ─── NOTE PAPER ─── */
+  .note-paper {
+    background: var(--postit);
+    border: 2px solid var(--border);
+    box-shadow: 4px 4px 0 0 rgba(45,45,45,0.25);
+    padding: 0;
+    min-width: 160px;
+    min-height: 120px;
+    display: flex;
+    flex-direction: column;
+    border-radius: 2px 255px 4px 255px / 255px 4px 255px 2px;
+  }
+  .note-paper.blue { background: var(--postit-blue); }
+  .note-paper.pink { background: var(--postit-pink); }
+  .note-paper.green { background: var(--postit-green); }
+  .note-paper.orange { background: var(--postit-orange); }
+  .note-paper.purple { background: var(--postit-purple); }
+  .note-paper.white { background: var(--white); }
+
+  .note-tape {
+    position: absolute;
+    top: -10px; left: 50%;
+    transform: translateX(-50%) rotate(-3deg);
+    width: 60px; height: 20px;
+    background: rgba(200,200,180,0.45);
+    border: 1px solid rgba(45,45,45,0.1);
+    border-radius: 2px;
+    z-index: 1;
+    pointer-events: none;
+  }
+  .note-pin {
+    position: absolute;
+    top: -8px; left: 50%;
+    transform: translateX(-50%);
+    width: 16px; height: 16px;
+    background: var(--accent);
+    border-radius: 50%;
+    border: 2px solid var(--border);
+    z-index: 1;
+    box-shadow: 1px 1px 0 0 rgba(45,45,45,0.3);
+    pointer-events: none;
+  }
+  .note-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 6px 10px 4px;
+    cursor: grab;
+    touch-action: none;
+  }
+  .note-color-dot {
+    width: 14px; height: 14px;
+    border-radius: 50%;
+    border: 2px solid var(--border);
+    cursor: pointer;
+    -webkit-tap-highlight-color: transparent;
+  }
+  .note-close {
+    width: 24px; height: 24px;
+    background: none; border: none;
+    cursor: pointer;
+    font-family: 'Kalam', cursive;
+    font-size: 1.1rem;
+    font-weight: 700;
+    color: var(--fg);
+    opacity: 0.4;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: opacity 0.1s, color 0.1s;
+    padding: 0; line-height: 1;
+    -webkit-tap-highlight-color: transparent;
+  }
+  .note-close:hover { opacity: 1; color: var(--accent); }
+
+  .note-body { flex: 1; padding: 4px 12px 12px; }
+  .note-body textarea {
+    width: 100%; height: 100%;
+    min-height: 80px;
+    background: transparent;
+    border: none; outline: none;
+    font-family: 'Patrick Hand', cursive;
+    font-size: 1.05rem;
+    color: var(--fg);
+    resize: none;
+    line-height: 1.5;
+    -webkit-user-select: text;
+    user-select: text;
+    touch-action: auto;
+  }
+  .note-body textarea::placeholder { color: rgba(45,45,45,0.3); }
+
+  .note-resize {
+    position: absolute;
+    bottom: 0; right: 0;
+    width: 24px; height: 24px;
+    cursor: nwse-resize;
+    opacity: 0.3;
+    touch-action: none;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .note-resize:hover { opacity: 0.7; }
+  .note-resize svg {
+    width: 14px; height: 14px;
+    stroke: var(--fg);
+    fill: none;
+    stroke-width: 2;
+  }
+
+  /* ─── BOARD TEXT (no background) ─── */
+  .board-text {
+    background: transparent !important;
+    border: none !important;
+    box-shadow: none !important;
+    cursor: move;
+    font-family: 'Kalam', cursive;
+    line-height: 1.4;
+    direction: rtl;
+    white-space: pre-wrap;
+    padding: 4px 8px;
+    min-width: 50px;
+    min-height: 20px;
+    outline: none;
+  }
+  .board-text:focus {
+    outline: 2px dashed var(--blue) !important;
+    outline-offset: 4px;
+  }
+  .board-text .text-close-btn {
+    position: absolute;
+    top: -12px; right: -12px;
+    width: 22px; height: 22px;
+    background: var(--accent);
+    color: white;
+    border: 2px solid var(--border);
+    border-radius: 50%;
+    font-size: 11px;
+    cursor: pointer;
+    display: none;
+    align-items: center;
+    justify-content: center;
+    z-index: 5;
+    line-height: 1;
+  }
+  .board-text:hover .text-close-btn,
+  .board-text.selected .text-close-btn { display: flex; }
+
+  /* ─── SHAPES ─── */
+  .canvas-shape {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: grab;
+    touch-action: none;
+    background: transparent;
+    border: none;
+    box-shadow: none;
+  }
+  .canvas-shape svg {
+    stroke: var(--fg);
+    fill: none;
+    stroke-width: 2.5;
+    stroke-linecap: round;
+    stroke-linejoin: round;
+    pointer-events: none;
+  }
+
+  /* ─── SVG IMAGE (no background) ─── */
+  .canvas-svg-image {
+    cursor: grab;
+    touch-action: none;
+    background: transparent !important;
+    border: none !important;
+    box-shadow: none !important;
+  }
+  .canvas-svg-image img {
+    display: block;
+    width: 100%; height: 100%;
+    object-fit: contain;
+    pointer-events: none;
+    background: transparent;
+  }
+  .canvas-svg-image .img-close {
+    position: absolute;
+    top: -8px; right: -8px;
+    width: 22px; height: 22px;
+    background: var(--accent);
+    color: white;
+    border: 2px solid var(--border);
+    border-radius: 50%;
+    font-size: 11px;
+    cursor: pointer;
+    display: none;
+    align-items: center;
+    justify-content: center;
+    z-index: 5;
+    line-height: 1;
+    -webkit-tap-highlight-color: transparent;
+  }
+  .canvas-svg-image:hover .img-close { display: flex; }
+
+  /* ─── PAGE IMAGE (book page with curl) ─── */
+  .canvas-page-image {
+    cursor: grab;
+    touch-action: none;
+    background: var(--white) !important;
+    border: 3px solid var(--border);
+    border-radius: 2px;
+    box-shadow:
+      4px 4px 0 0 rgba(45,45,45,0.2),
+      inset 0 0 30px rgba(0,0,0,0.03);
+    overflow: hidden;
+    position: relative;
+  }
+  .canvas-page-image .page-label {
+    position: absolute;
+    top: 0; left: 0; right: 0;
+    height: 28px;
+    background: rgba(253,251,247,0.92);
+    border-bottom: 2px solid var(--muted);
+    font-family: 'Kalam', cursive;
+    font-size: 0.85rem;
+    font-weight: 700;
+    color: var(--fg);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 3;
+    opacity: 0.8;
+  }
+  .canvas-page-image .page-curl {
+    position: absolute;
+    bottom: 0; right: 0;
+    width: 0; height: 0;
+    border-style: solid;
+    border-width: 0 0 40px 40px;
+    border-color: transparent transparent var(--bg) transparent;
+    z-index: 2;
+    pointer-events: none;
+    filter: drop-shadow(-2px -2px 2px rgba(0,0,0,0.08));
+  }
+  .canvas-page-image .page-curl::before {
+    content: '';
+    position: absolute;
+    bottom: -40px; right: 0;
+    width: 40px; height: 40px;
+    background: linear-gradient(135deg, rgba(0,0,0,0.06) 0%, transparent 50%);
+    pointer-events: none;
+  }
+  .canvas-page-image img {
+    display: block;
+    width: 100%;
+    height: calc(100% - 28px);
+    margin-top: 28px;
+    object-fit: contain;
+    pointer-events: none;
+  }
+  .canvas-page-image .img-close {
+    position: absolute;
+    top: 2px; left: 4px;
+    width: 22px; height: 22px;
+    background: rgba(255,255,255,0.85);
+    border: 2px solid var(--border);
+    border-radius: 50%;
+    cursor: pointer;
+    font-size: 11px;
+    font-weight: 700;
+    color: var(--fg);
+    display: none;
+    align-items: center;
+    justify-content: center;
+    z-index: 5;
+    line-height: 1;
+    -webkit-tap-highlight-color: transparent;
+  }
+  .canvas-page-image:hover .img-close { display: flex; }
+  .canvas-page-image .img-close:hover { color: var(--accent); }
+
+  /* ─── REGULAR IMAGE (user upload) ─── */
+  .canvas-image {
+    cursor: grab;
+    touch-action: none;
+    box-shadow: 4px 4px 0 0 rgba(45,45,45,0.25);
+    border: 3px solid var(--border);
+    border-radius: 4px;
+    overflow: hidden;
+    background: var(--white);
+  }
+  .canvas-image img {
+    display: block;
+    width: 100%; height: 100%;
+    object-fit: contain;
+    pointer-events: none;
+  }
+  .canvas-image .note-resize {
+    background: rgba(255,255,255,0.7);
+    border-radius: 4px 0 0 0;
+  }
+  .canvas-image .img-close {
+    position: absolute;
+    top: 4px; right: 4px;
+    width: 24px; height: 24px;
+    background: rgba(255,255,255,0.85);
+    border: 2px solid var(--border);
+    border-radius: 50%;
+    cursor: pointer;
+    font-family: 'Kalam', cursive;
+    font-size: 0.9rem;
+    font-weight: 700;
+    color: var(--fg);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    line-height: 1;
+    -webkit-tap-highlight-color: transparent;
+    z-index: 2;
+    opacity: 0.6;
+    transition: opacity 0.1s;
+  }
+  .canvas-image .img-close:hover { opacity: 1; color: var(--accent); }
+
+  /* ─── CONTEXT MENU ─── */
+  #context-menu {
+    position: fixed;
+    background: var(--white);
+    border: 3px solid var(--border);
+    border-radius: 15px 225px 15px 255px / 225px 15px 255px 15px;
+    box-shadow: 4px 4px 0 0 var(--border);
+    padding: 6px 0;
+    z-index: 2000;
+    min-width: 160px;
+    display: none;
+    font-family: 'Patrick Hand', cursive;
+  }
+  #context-menu.show { display: block; }
+  .ctx-item {
+    padding: 8px 18px;
+    cursor: pointer;
+    font-size: 1rem;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    transition: background 0.05s;
+    -webkit-tap-highlight-color: transparent;
+  }
+  .ctx-item:hover { background: var(--postit); }
+  .ctx-item.danger:hover { background: #ffe0e0; color: var(--accent); }
+  .ctx-divider { height: 2px; background: var(--muted); margin: 4px 12px; }
+
+  /* ─── MINIMAP ─── */
+  #minimap {
+    position: fixed;
+    bottom: 70px; right: 16px;
+    width: 140px; height: 100px;
+    background: var(--white);
+    border: 2px solid var(--border);
+    box-shadow: 3px 3px 0 0 rgba(45,45,45,0.2);
+    border-radius: 255px 15px 225px 15px / 15px 225px 15px 255px;
+    z-index: 800;
+    overflow: hidden;
+    opacity: 0.85;
+  }
+  #minimap-canvas { width: 100%; height: 100%; }
+
+  /* ─── CHAT BAR (bottom) ─── */
+  #chat-bar {
+    position: fixed;
+    bottom: 0; left: 0; right: 0;
+    height: 60px;
+    background: var(--white);
+    border-top: 3px solid var(--border);
+    box-shadow: 0 -4px 0 0 rgba(45,45,45,0.06);
+    z-index: 1000;
+    display: flex;
+    align-items: center;
+    padding: 0 12px;
+  }
+  .chat-bar-inner {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    width: 100%;
+    max-width: 900px;
+    margin: 0 auto;
+  }
+
+  /* AI Status indicator */
+  .ai-status {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    min-width: 80px;
+    flex-shrink: 0;
+  }
+  .status-dot {
+    width: 10px; height: 10px;
+    border-radius: 50%;
+    border: 2px solid var(--border);
+    background: var(--muted);
+    transition: background 0.3s;
+  }
+  .ai-status.idle .status-dot { background: #4caf50; }
+  .ai-status.thinking .status-dot { background: #ff9800; animation: dotPulse 1s infinite; }
+  .ai-status.speaking .status-dot { background: var(--blue); animation: dotPulse 0.6s infinite; }
+  .ai-status.drawing .status-dot { background: #9c27b0; animation: dotPulse 0.8s infinite; }
+  .ai-status.playing .status-dot { background: var(--blue); animation: dotPulse 0.8s infinite; }
+  .ai-status.paused .status-dot { background: #ff9800; }
+  .ai-status.error .status-dot { background: var(--accent); }
+
+  @keyframes dotPulse {
+    0%, 100% { transform: scale(1); opacity: 1; }
+    50% { transform: scale(1.4); opacity: 0.5; }
+  }
+
+  .status-text {
+    font-family: 'Kalam', cursive;
+    font-size: 0.85rem;
+    color: var(--fg);
+    opacity: 0.6;
+    white-space: nowrap;
+  }
+
+  #chatInput {
+    flex: 1;
+    height: 40px;
+    border: 2px solid var(--border);
+    border-radius: 255px 15px 225px 15px / 15px 225px 15px 255px;
+    background: var(--bg);
+    color: var(--fg);
+    padding: 0 16px;
+    font-family: 'Patrick Hand', cursive;
+    font-size: 1rem;
+    outline: none;
+    transition: all 0.2s;
+    direction: rtl;
+    -webkit-user-select: text;
+    user-select: text;
+    touch-action: auto;
+  }
+  #chatInput:focus {
+    border-color: var(--blue);
+    box-shadow: 0 0 0 2px rgba(45,93,161,0.15);
+  }
+  #chatInput::placeholder { color: rgba(45,45,45,0.3); }
+  #chatInput:disabled { opacity: 0.5; }
+
+  #btnSend {
+    width: 42px; height: 42px;
+    border-radius: 50%;
+    background: var(--accent);
+    border: 2px solid var(--border);
+    color: white;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-shadow: 3px 3px 0 0 var(--border);
+    transition: all 0.1s;
+    flex-shrink: 0;
+    -webkit-tap-highlight-color: transparent;
+  }
+  #btnSend:hover {
+    transform: translate(1px, 1px);
+    box-shadow: 1px 1px 0 0 var(--border);
+  }
+  #btnSend:active {
+    transform: translate(3px, 3px);
+    box-shadow: none;
+  }
+  #btnSend:disabled { opacity: 0.4; cursor: not-allowed; }
+  #btnSend svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.5; }
+
+  /* ─── PLAYBACK CONTROLS ─── */
+  #playback-controls {
+    position: fixed;
+    bottom: 68px;
+    left: 50%;
+    transform: translateX(-50%);
+    background: var(--white);
+    border: 3px solid var(--border);
+    border-radius: 255px 15px 225px 15px / 15px 225px 15px 255px;
+    box-shadow: 4px 4px 0 0 var(--border);
+    padding: 6px 16px;
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    z-index: 1001;
+    transition: opacity 0.3s, transform 0.3s;
+  }
+  #playback-controls.hidden {
+    opacity: 0;
+    pointer-events: none;
+    transform: translateX(-50%) translateY(20px);
+  }
+
+  .playback-btn {
+    width: 34px; height: 34px;
+    border: 2px solid var(--border);
+    background: var(--bg);
+    color: var(--fg);
+    cursor: pointer;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.1s;
+    box-shadow: 2px 2px 0 0 var(--border);
+    -webkit-tap-highlight-color: transparent;
+  }
+  .playback-btn:hover {
+    background: var(--accent);
+    color: white;
+    transform: translate(1px, 1px);
+    box-shadow: 1px 1px 0 0 var(--border);
+  }
+  .playback-btn:active {
+    transform: translate(2px, 2px);
+    box-shadow: none;
+  }
+  .playback-btn svg { width: 16px; height: 16px; }
+
+  .playback-progress {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  }
+  .progress-bar {
+    width: 120px; height: 6px;
+    background: var(--muted);
+    border-radius: 3px;
+    border: 1px solid var(--border);
+    overflow: hidden;
+  }
+  .progress-fill {
+    height: 100%;
+    background: var(--accent);
+    border-radius: 3px;
+    transition: width 0.3s;
+    width: 0%;
+  }
+  .step-info {
+    font-family: 'Kalam', cursive;
+    font-size: 0.8rem;
+    color: var(--fg);
+    opacity: 0.6;
+    white-space: nowrap;
+    min-width: 70px;
+  }
+
+  /* ─── MODAL ─── */
+  #modal-overlay {
+    position: fixed;
+    top: 0; left: 0; right: 0; bottom: 0;
+    background: rgba(0,0,0,0.4);
+    z-index: 3000;
+    display: none;
+    align-items: center;
+    justify-content: center;
+  }
+  #modal-overlay.show { display: flex; }
+
+  .modal-box {
+    background: var(--white);
+    border: 3px solid var(--border);
+    border-radius: 15px 225px 15px 255px / 225px 15px 255px 15px;
+    box-shadow: 6px 6px 0 0 var(--border);
+    padding: 24px;
+    max-width: 520px;
+    width: 90vw;
+    max-height: 80vh;
+    overflow-y: auto;
+  }
+  .modal-box h3 {
+    font-family: 'Kalam', cursive;
+    font-size: 1.4rem;
+    margin-bottom: 12px;
+  }
+  .modal-box textarea {
+    width: 100%; height: 200px;
+    font-family: monospace;
+    font-size: 0.8rem;
+    border: 2px solid var(--border);
+    border-radius: 8px;
+    padding: 10px;
+    resize: vertical;
+    -webkit-user-select: text;
+    user-select: text;
+    direction: ltr;
+  }
+  .modal-box .btn-row {
+    display: flex;
+    gap: 8px;
+    margin-top: 12px;
+    flex-wrap: wrap;
+  }
+
+  #imageInput, #importFileInput { display: none; }
+
+  /* ─── RESPONSIVE ─── */
+  @media (max-width: 768px) {
+    #toolbar { height: 50px; padding: 0 6px; gap: 3px; }
+    #toolbar .logo { font-size: 1.1rem; margin-right: 4px; }
+    .tool-btn { padding: 4px 7px; font-size: 0.8rem; }
+    .tool-btn svg { width: 14px; height: 14px; }
+    .tool-btn .btn-label { display: none; }
+    .toolbar-divider { height: 28px; margin: 0 2px; }
+    .zoom-display { font-size: 0.8rem; padding: 2px 6px; }
+
+    #sidebar { width: 200px; top: 50px; }
+    #sidebar.collapsed { transform: translateX(-200px); }
+
+    #canvas-area { left: 0; top: 50px; }
+    #canvas-area.sidebar-open { left: 200px; }
+
+    #minimap { width: 100px; height: 70px; bottom: 68px; right: 8px; }
+
+    #chat-bar { height: 54px; }
+    #chatInput { height: 36px; font-size: 0.9rem; }
+    #btnSend { width: 38px; height: 38px; }
+    .ai-status { min-width: 60px; }
+    .status-text { font-size: 0.75rem; }
+
+    #playback-controls { padding: 4px 10px; gap: 6px; bottom: 60px; }
+    .playback-btn { width: 30px; height: 30px; }
+    .progress-bar { width: 80px; }
+
+    .note-paper { min-width: 140px; min-height: 100px; }
+  }
+  @media (max-width: 480px) {
+    #minimap { display: none; }
+  }
+</style>
+</head>
+<body>
+
+<!-- ═══════════ TOOLBAR ═══════════ -->
+<div id="toolbar">
+  <a href="/dashboard" class="logo" style="text-decoration:none;color:inherit;" title="العودة للوحة التحكم">🎓 {{ subject_name }}<span>ذكية</span></a>
+  <div class="toolbar-divider"></div>
+
+  <button class="tool-btn" id="btnNote" title="ملاحظة">
+    <svg viewBox="0 0 24 24"><rect x="3" y="3" width="18" height="18" rx="1"/><line x1="8" y1="9" x2="16" y2="9"/><line x1="8" y1="13" x2="14" y2="13"/></svg>
+    <span class="btn-label">ملاحظة</span>
+  </button>
+
+  <button class="tool-btn" id="btnShapes" title="أشكال">
+    <svg viewBox="0 0 24 24"><rect x="3" y="3" width="7" height="7"/><circle cx="17.5" cy="6.5" r="3.5"/><polygon points="6.5,14 3,21 10,21"/></svg>
+    <span class="btn-label">أشكال</span>
+  </button>
+
+  <button class="tool-btn" id="btnImage" title="صورة">
+    <svg viewBox="0 0 24 24"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21,15 16,10 5,21"/></svg>
+    <span class="btn-label">صورة</span>
+  </button>
+
+  <div class="toolbar-divider"></div>
+
+  <button class="tool-btn" id="btnExport" title="تصدير">
+    <svg viewBox="0 0 24 24"><path d="M21,15v4a2,2,0,0,1-2,2H5a2,2,0,0,1-2-2V15"/><polyline points="7,10 12,15 17,10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
+    <span class="btn-label">تصدير</span>
+  </button>
+
+  <button class="tool-btn" id="btnImport" title="استيراد">
+    <svg viewBox="0 0 24 24"><path d="M21,15v4a2,2,0,0,1-2,2H5a2,2,0,0,1-2-2V15"/><polyline points="17,8 12,3 7,8"/><line x1="12" y1="3" x2="12" y2="15"/></svg>
+    <span class="btn-label">استيراد</span>
+  </button>
+
+  <button class="tool-btn" id="btnClear" title="مسح الكل">
+    <svg viewBox="0 0 24 24"><polyline points="3,6 5,6 21,6"/><path d="M19,6v14a2,2,0,0,1-2,2H7a2,2,0,0,1-2-2V6m3,0V4a2,2,0,0,1,2-2h4a2,2,0,0,1,2,2v2"/></svg>
+    <span class="btn-label">مسح</span>
+  </button>
+
+  <div class="toolbar-right">
+    <button class="tool-btn" id="btnZoomIn" title="تكبير">
+      <svg viewBox="0 0 24 24"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/><line x1="11" y1="8" x2="11" y2="14"/><line x1="8" y1="11" x2="14" y2="11"/></svg>
+    </button>
+    <span class="zoom-display" id="zoomDisplay">100%</span>
+    <button class="tool-btn" id="btnZoomOut" title="تصغير">
+      <svg viewBox="0 0 24 24"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/><line x1="8" y1="11" x2="14" y2="11"/></svg>
+    </button>
+    <div class="toolbar-divider"></div>
+    <a href="/dashboard" class="tool-btn" id="btnBack" title="العودة" style="text-decoration:none;">
+      <svg viewBox="0 0 24 24"><polyline points="15,18 9,12 15,6"/></svg>
+      <span class="btn-label">رجوع</span>
+    </a>
+  </div>
+</div>
+
+<!-- ═══════════ SIDEBAR ═══════════ -->
+<div id="sidebar" class="collapsed">
+  <div class="sidebar-title">مكتبة الأشكال 📐</div>
+  <div class="sidebar-subtitle">اضغط على شكل لإضافته</div>
+
+  <div class="shape-section-title">✦ أشكال أساسية</div>
+  <div class="shape-grid">
+    <div class="shape-item" data-shape="rectangle"><svg viewBox="0 0 48 48"><rect x="6" y="10" width="36" height="28" rx="2" ry="2"/></svg><span>مستطيل</span></div>
+    <div class="shape-item" data-shape="square"><svg viewBox="0 0 48 48"><rect x="8" y="8" width="32" height="32" rx="2" ry="2"/></svg><span>مربع</span></div>
+    <div class="shape-item" data-shape="circle"><svg viewBox="0 0 48 48"><circle cx="24" cy="24" r="18"/></svg><span>دائرة</span></div>
+    <div class="shape-item" data-shape="oval"><svg viewBox="0 0 48 48"><ellipse cx="24" cy="24" rx="20" ry="13"/></svg><span>بيضاوي</span></div>
+    <div class="shape-item" data-shape="triangle"><svg viewBox="0 0 48 48"><polygon points="24,6 42,42 6,42"/></svg><span>مثلث</span></div>
+    <div class="shape-item" data-shape="diamond"><svg viewBox="0 0 48 48"><polygon points="24,4 44,24 24,44 4,24"/></svg><span>معين</span></div>
+    <div class="shape-item" data-shape="star"><svg viewBox="0 0 48 48"><polygon points="24,4 29,18 44,18 32,27 36,42 24,33 12,42 16,27 4,18 19,18"/></svg><span>نجمة</span></div>
+    <div class="shape-item" data-shape="hexagon"><svg viewBox="0 0 48 48"><polygon points="24,4 42,14 42,34 24,44 6,34 6,14"/></svg><span>سداسي</span></div>
+    <div class="shape-item" data-shape="pentagon"><svg viewBox="0 0 48 48"><polygon points="24,4 44,18 36,42 12,42 4,18"/></svg><span>خماسي</span></div>
+    <div class="shape-item" data-shape="heart"><svg viewBox="0 0 48 48"><path d="M24,42 C16,34 4,26 4,16 A10,10 0 0 1 24,12 A10,10 0 0 1 44,16 C44,26 32,34 24,42z"/></svg><span>قلب</span></div>
+  </div>
+
+  <div class="shape-section-title">➜ أسهم</div>
+  <div class="shape-grid">
+    <div class="shape-item" data-shape="arrow-right"><svg viewBox="0 0 48 48" stroke-width="3"><line x1="6" y1="24" x2="38" y2="24"/><polyline points="30,16 38,24 30,32"/></svg><span>يمين →</span></div>
+    <div class="shape-item" data-shape="arrow-left"><svg viewBox="0 0 48 48" stroke-width="3"><line x1="42" y1="24" x2="10" y2="24"/><polyline points="18,16 10,24 18,32"/></svg><span>يسار ←</span></div>
+    <div class="shape-item" data-shape="arrow-up"><svg viewBox="0 0 48 48" stroke-width="3"><line x1="24" y1="42" x2="24" y2="10"/><polyline points="16,18 24,10 32,18"/></svg><span>أعلى ↑</span></div>
+    <div class="shape-item" data-shape="arrow-down"><svg viewBox="0 0 48 48" stroke-width="3"><line x1="24" y1="6" x2="24" y2="38"/><polyline points="16,30 24,38 32,30"/></svg><span>أسفل ↓</span></div>
+    <div class="shape-item" data-shape="arrow-double-h"><svg viewBox="0 0 48 48" stroke-width="3"><line x1="10" y1="24" x2="38" y2="24"/><polyline points="18,16 10,24 18,32"/><polyline points="30,16 38,24 30,32"/></svg><span>مزدوج ↔</span></div>
+  </div>
+
+  <div class="shape-section-title">📊 مخططات</div>
+  <div class="shape-grid">
+    <div class="shape-item" data-shape="process"><svg viewBox="0 0 48 48"><rect x="4" y="12" width="40" height="24" rx="2" fill="none" stroke-width="2"/></svg><span>عملية</span></div>
+    <div class="shape-item" data-shape="decision"><svg viewBox="0 0 48 48"><polygon points="24,6 44,24 24,42 4,24" fill="none" stroke-width="2"/></svg><span>قرار</span></div>
+    <div class="shape-item" data-shape="speech"><svg viewBox="0 0 48 48"><path d="M6,8 h28 a4,4 0 0 1 4,4 v14 a4,4 0 0 1 -4,4 h-14 l-8,8 v-8 h-6 a4,4 0 0 1 -4,-4 v-14 a4,4 0 0 1 4,-4z"/></svg><span>فقاعة</span></div>
+    <div class="shape-item" data-shape="cloud"><svg viewBox="0 0 48 48"><path d="M10,30 A8,8 0 0 1 8,14 A10,10 0 0 1 26,10 A8,8 0 0 1 38,18 A6,6 0 0 1 36,30z"/></svg><span>سحابة</span></div>
+  </div>
+
+  <div class="shape-section-title">✅ رموز</div>
+  <div class="shape-grid">
+    <div class="shape-item" data-shape="checkmark"><svg viewBox="0 0 48 48" stroke-width="4"><polyline points="10,26 20,36 38,14"/></svg><span>صح ✔</span></div>
+    <div class="shape-item" data-shape="cross"><svg viewBox="0 0 48 48" stroke-width="3"><line x1="12" y1="12" x2="36" y2="36"/><line x1="36" y1="12" x2="12" y2="36"/></svg><span>خطأ ✕</span></div>
+    <div class="shape-item" data-shape="lightning"><svg viewBox="0 0 48 48"><polygon points="26,4 14,22 22,22 18,44 36,20 26,20"/></svg><span>برق</span></div>
+  </div>
+
+  <div class="shape-section-title" style="margin-top:18px;">🗒️ ملاحظات سريعة</div>
+  <div class="color-row" style="margin-bottom: 8px;">
+    <div class="color-swatch" style="background:var(--postit)" data-note-color="yellow" title="أصفر"></div>
+    <div class="color-swatch" style="background:var(--postit-blue)" data-note-color="blue" title="أزرق"></div>
+    <div class="color-swatch" style="background:var(--postit-pink)" data-note-color="pink" title="وردي"></div>
+    <div class="color-swatch" style="background:var(--postit-green)" data-note-color="green" title="أخضر"></div>
+    <div class="color-swatch" style="background:var(--postit-orange)" data-note-color="orange" title="برتقالي"></div>
+    <div class="color-swatch" style="background:#e4d4ff" data-note-color="purple" title="بنفسجي"></div>
+    <div class="color-swatch" style="background:var(--white);border-color:#aaa;" data-note-color="white" title="أبيض"></div>
+  </div>
+</div>
+
+<!-- ═══════════ CANVAS AREA ═══════════ -->
+<div id="canvas-area" class="sidebar-collapsed">
+  <div id="canvas">
+    <div class="empty-state" id="emptyState">
+      <h2>✏️ السبورة جاهزة!</h2>
+      <p>اكتب سؤالك في الأسفل وسيشرح المدرس على السبورة</p>
+      <p style="font-size:14px;opacity:0.7;margin-top:8px;">📚 المادة: {{ subject_name }}</p>
+    </div>
+  </div>
+</div>
+
+<!-- ═══════════ CHAT BAR ═══════════ -->
+<div id="chat-bar">
+  <div class="chat-bar-inner">
+    <div id="ai-status" class="ai-status idle">
+      <span class="status-dot"></span>
+      <span class="status-text">جاهز</span>
+    </div>
+    <input type="text" id="chatInput" placeholder="اكتب سؤالك هنا... مثال: اشرح لي الدرس الأول" autocomplete="off" dir="rtl">
+    <button id="btnSend" title="إرسال">
+      <svg viewBox="0 0 24 24"><line x1="22" y1="2" x2="11" y2="13"/><polygon points="22,2 15,22 11,13 2,9"/></svg>
+    </button>
+  </div>
+  <audio id="voicePlayer" style="display:none;"></audio>
+</div>
+
+<!-- ═══════════ PLAYBACK CONTROLS ═══════════ -->
+<div id="playback-controls" class="hidden">
+  <button id="btnPlayPause" class="playback-btn" title="تشغيل/إيقاف">
+    <svg id="iconPlay" viewBox="0 0 24 24" fill="currentColor" stroke="none"><polygon points="5,3 19,12 5,21"/></svg>
+    <svg id="iconPause" viewBox="0 0 24 24" fill="currentColor" stroke="none" style="display:none;"><rect x="6" y="4" width="4" height="16"/><rect x="14" y="4" width="4" height="16"/></svg>
+  </button>
+  <div class="playback-progress">
+    <div class="progress-bar"><div class="progress-fill" id="progressFill"></div></div>
+    <span class="step-info" id="stepInfo">0/0</span>
+  </div>
+  <button id="btnSkip" class="playback-btn" title="تخطي">
+    <svg viewBox="0 0 24 24" fill="currentColor" stroke="none"><polygon points="5,4 15,12 5,20"/><line x1="19" y1="5" x2="19" y2="19" stroke="currentColor" stroke-width="2"/></svg>
+  </button>
+  <button id="btnReplay" class="playback-btn" title="إعادة">
+    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="1,4 1,10 7,10"/><path d="M3.51,15a9,9,0,1,0,2.13-9.36L1,10"/></svg>
+  </button>
+</div>
+
+<!-- ═══════════ CONTEXT MENU ═══════════ -->
+<div id="context-menu">
+  <div class="ctx-item" id="ctxDuplicate">📋 نسخ</div>
+  <div class="ctx-item" id="ctxFront">⬆️ للأمام</div>
+  <div class="ctx-item" id="ctxBack">⬇️ للخلف</div>
+  <div class="ctx-divider"></div>
+  <div class="ctx-item danger" id="ctxDelete">🗑️ حذف</div>
+</div>
+
+<!-- ═══════════ MINIMAP ═══════════ -->
+<div id="minimap">
+  <canvas id="minimap-canvas" width="140" height="100"></canvas>
+</div>
+
+<!-- ═══════════ MODAL ═══════════ -->
+<div id="modal-overlay">
+  <div class="modal-box" id="modalBox">
+    <h3 id="modalTitle">تصدير</h3>
+    <textarea id="modalTextarea" placeholder="بيانات JSON..."></textarea>
+    <div class="btn-row">
+      <button class="tool-btn" id="modalCopy">📋 نسخ</button>
+      <button class="tool-btn" id="modalDownload">💾 تحميل</button>
+      <button class="tool-btn" id="modalLoadFile">📂 ملف</button>
+      <button class="tool-btn" id="modalApply" style="display:none;">✅ تطبيق</button>
+      <button class="tool-btn" id="modalClose">✕ إغلاق</button>
+    </div>
+  </div>
+</div>
+
+<input type="file" id="imageInput" accept="image/*" multiple>
+<input type="file" id="importFileInput" accept=".json,application/json">
+
+<script>
+// ═══════════════════════════════════════════════════════════════
+//  BOARD ENGINE — UPDATED FOR MULTI-SUBJECT SUPPORT
+// ═══════════════════════════════════════════════════════════════
+
+// ─── SUBJECT INFO FROM BACKEND (Jinja) ───
+const CURRENT_SUBJECT_ID = "{{ subject_id }}";
+const CURRENT_SUBJECT_NAME = "{{ subject_name }}";
+const CURRENT_USER = "{{ username }}";
+
+const $ = id => document.getElementById(id);
+const canvas = $('canvas');
+const canvasArea = $('canvas-area');
+const contextMenu = $('context-menu');
+const emptyState = $('emptyState');
+const zoomDisplay = $('zoomDisplay');
+const minimapCanvas = $('minimap-canvas');
+const minimapCtx = minimapCanvas.getContext('2d');
+const modalOverlay = $('modal-overlay');
+const modalTextarea = $('modalTextarea');
+const modalTitle = $('modalTitle');
+const imageInput = $('imageInput');
+const importFileInput = $('importFileInput');
+const chatInput = $('chatInput');
+const btnSend = $('btnSend');
+const aiStatus = $('ai-status');
+const statusText = aiStatus.querySelector('.status-text');
+const voicePlayer = $('voicePlayer');
+const playbackControls = $('playback-controls');
+const iconPlay = $('iconPlay');
+const iconPause = $('iconPause');
+const progressFill = $('progressFill');
+const stepInfo = $('stepInfo');
+
+// ─── STATE ───
+let items = [];
+let itemIdCounter = 0;
+let selectedItemId = null;
+let contextItemId = null;
+let scale = 1;
+let panX = 0, panY = 0;
+let isPanning = false;
+let panStartX = 0, panStartY = 0;
+let panStartPanX = 0, panStartPanY = 0;
+let sidebarOpen = false;
+let currentMaxZ = 10;
+let lastTouchDist = 0;
+let lastTouchMid = {x:0, y:0};
+let lastTapTime = 0;
+
+// AI Playback
+let currentSequence = [];
+let currentStepIndex = 0;
+let isPlaying = false;
+let playbackPaused = false;
+let voiceResolve = null;
+
+// ─── UTILS ───
+const WOBBLY = [
+  '255px 15px 225px 15px / 15px 225px 15px 255px',
+  '15px 225px 15px 255px / 225px 15px 255px 15px',
+  '225px 15px 255px 15px / 15px 255px 15px 225px',
+  '15px 255px 15px 225px / 255px 15px 225px 15px',
+];
+function randomWobbly() { return WOBBLY[Math.floor(Math.random() * WOBBLY.length)]; }
+function randomRotation() { return (Math.random() * 4 - 2).toFixed(1); }
+function nextZ() { return ++currentMaxZ; }
+function sleep(ms) { return new Promise(r => setTimeout(r, ms)); }
+
+function updateCanvasTransform() {
+  canvas.style.transform = `translate(${panX}px, ${panY}px) scale(${scale})`;
+  zoomDisplay.textContent = Math.round(scale * 100) + '%';
+  updateMinimap();
+}
+
+function hideEmptyState() {
+  emptyState.style.display = items.length > 0 ? 'none' : '';
+}
+
+function canvasXYFromClient(cx, cy) {
+  const rect = canvasArea.getBoundingClientRect();
+  return { x: (cx - rect.left - panX) / scale, y: (cy - rect.top - panY) / scale };
+}
+
+function centerCanvasXY() {
+  const rect = canvasArea.getBoundingClientRect();
+  return canvasXYFromClient(rect.left + rect.width / 2, rect.top + rect.height / 2);
+}
+
+function setStatus(status, text) {
+  aiStatus.className = 'ai-status ' + status;
+  statusText.textContent = text;
+}
+
+// ─── SHAPE SVGs ───
+function getShapeSVG(shape, size = 80) {
+  const s = size;
+  const m = {
+    'rectangle': `<svg width="${s}" height="${s*.7}" viewBox="0 0 48 34"><rect x="2" y="2" width="44" height="30" rx="2"/></svg>`,
+    'circle': `<svg width="${s}" height="${s}" viewBox="0 0 48 48"><circle cx="24" cy="24" r="20"/></svg>`,
+    'triangle': `<svg width="${s}" height="${s}" viewBox="0 0 48 48"><polygon points="24,4 44,44 4,44"/></svg>`,
+    'diamond': `<svg width="${s}" height="${s}" viewBox="0 0 48 48"><polygon points="24,4 44,24 24,44 4,24"/></svg>`,
+    'star': `<svg width="${s}" height="${s}" viewBox="0 0 48 48"><polygon points="24,4 29,18 44,18 32,27 36,42 24,33 12,42 16,27 4,18 19,18"/></svg>`,
+    'hexagon': `<svg width="${s}" height="${s}" viewBox="0 0 48 48"><polygon points="24,4 42,14 42,34 24,44 6,34 6,14"/></svg>`,
+    'pentagon': `<svg width="${s}" height="${s}" viewBox="0 0 48 48"><polygon points="24,4 44,18 36,42 12,42 4,18"/></svg>`,
+    'square': `<svg width="${s}" height="${s}" viewBox="0 0 48 48"><rect x="6" y="6" width="36" height="36" rx="2"/></svg>`,
+    'oval': `<svg width="${s}" height="${s*.7}" viewBox="0 0 48 34"><ellipse cx="24" cy="17" rx="22" ry="15"/></svg>`,
+    'heart': `<svg width="${s}" height="${s}" viewBox="0 0 48 48"><path d="M24,42 C16,34 4,26 4,16 A10,10 0 0 1 24,12 A10,10 0 0 1 44,16 C44,26 32,34 24,42z"/></svg>`,
+    'arrow-right': `<svg width="${s}" height="${s*.5}" viewBox="0 0 48 24" stroke-width="3"><line x1="4" y1="12" x2="38" y2="12"/><polyline points="30,4 38,12 30,20"/></svg>`,
+    'arrow-left': `<svg width="${s}" height="${s*.5}" viewBox="0 0 48 24" stroke-width="3"><line x1="44" y1="12" x2="10" y2="12"/><polyline points="18,4 10,12 18,20"/></svg>`,
+    'arrow-up': `<svg width="${s*.5}" height="${s}" viewBox="0 0 24 48" stroke-width="3"><line x1="12" y1="44" x2="12" y2="10"/><polyline points="4,18 12,10 20,18"/></svg>`,
+    'arrow-down': `<svg width="${s*.5}" height="${s}" viewBox="0 0 24 48" stroke-width="3"><line x1="12" y1="4" x2="12" y2="38"/><polyline points="4,30 12,38 20,30"/></svg>`,
+    'arrow-double-h': `<svg width="${s}" height="${s*.5}" viewBox="0 0 48 24" stroke-width="3"><line x1="10" y1="12" x2="38" y2="12"/><polyline points="18,4 10,12 18,20"/><polyline points="30,4 38,12 30,20"/></svg>`,
+    'process': `<svg width="${s}" height="${s*.6}" viewBox="0 0 48 28"><rect x="2" y="2" width="44" height="24" rx="2"/></svg>`,
+    'decision': `<svg width="${s}" height="${s*.7}" viewBox="0 0 48 34"><polygon points="24,2 46,17 24,32 2,17"/></svg>`,
+    'speech': `<svg width="${s}" height="${s}" viewBox="0 0 48 48"><path d="M6,8 h28 a4,4 0 0 1 4,4 v14 a4,4 0 0 1 -4,4 h-14 l-8,8 v-8 h-6 a4,4 0 0 1 -4,-4 v-14 a4,4 0 0 1 4,-4z"/></svg>`,
+    'cloud': `<svg width="${s}" height="${s*.75}" viewBox="0 0 48 36"><path d="M10,30 A8,8 0 0 1 8,14 A10,10 0 0 1 26,10 A8,8 0 0 1 38,18 A6,6 0 0 1 36,30z"/></svg>`,
+    'checkmark': `<svg width="${s}" height="${s}" viewBox="0 0 48 48" stroke-width="4"><polyline points="10,26 20,36 38,14"/></svg>`,
+    'cross': `<svg width="${s}" height="${s}" viewBox="0 0 48 48" stroke-width="3"><line x1="10" y1="10" x2="38" y2="38"/><line x1="38" y1="10" x2="10" y2="38"/></svg>`,
+    'lightning': `<svg width="${s*.6}" height="${s}" viewBox="0 0 30 48"><polygon points="18,4 8,22 16,22 12,44 26,18 18,18"/></svg>`,
+  };
+  return m[shape] || m['circle'];
+}
+
+// ═══════════════════════════════════════════════════════════════
+//  BOARD ITEM CREATORS
+// ═══════════════════════════════════════════════════════════════
+
+function addNote(color='yellow', x, y, text='', w=220, h=180, isAI=false) {
+  const id = ++itemIdCounter;
+  if (x === undefined || y === undefined) { const c = centerCanvasXY(); x = c.x - 110 + Math.random()*60-30; y = c.y - 90 + Math.random()*60-30; }
+  const rot = randomRotation(), wob = randomWobbly(), z = nextZ();
+  const deco = Math.random() > 0.5 ? 'tape' : (Math.random() > 0.5 ? 'pin' : 'none');
+
+  const el = document.createElement('div');
+  el.className = `workspace-item note-paper${color==='yellow'?'':' '+color}${isAI?' ai-placed':''}`;
+  el.id = `item-${id}`;
+  el.dataset.itemId = id;
+  el.style.cssText = `left:${x}px;top:${y}px;width:${w}px;height:${h}px;transform:rotate(${rot}deg);border-radius:${wob};z-index:${z};`;
+
+  let decoHTML = '';
+  if (deco==='tape') decoHTML = `<div class="note-tape" style="transform:translateX(-50%) rotate(${(Math.random()*6-3).toFixed(1)}deg)"></div>`;
+  else if (deco==='pin') decoHTML = `<div class="note-pin"></div>`;
+
+  el.innerHTML = `${decoHTML}
+    <div class="note-header" data-drag-handle="${id}">
+      <div style="display:flex;gap:4px;">
+        <div class="note-color-dot" style="background:var(--postit)" data-color-btn="yellow" data-for="${id}"></div>
+        <div class="note-color-dot" style="background:var(--postit-blue)" data-color-btn="blue" data-for="${id}"></div>
+        <div class="note-color-dot" style="background:var(--postit-pink)" data-color-btn="pink" data-for="${id}"></div>
+        <div class="note-color-dot" style="background:var(--postit-green)" data-color-btn="green" data-for="${id}"></div>
+      </div>
+      <button class="note-close" data-close-btn="${id}">✕</button>
+    </div>
+    <div class="note-body"><textarea placeholder="اكتب هنا...">${text}</textarea></div>
+    <div class="note-resize" data-resize-handle="${id}"><svg viewBox="0 0 16 16"><path d="M14,2 L2,14 M14,8 L8,14 M14,14 L14,14"/></svg></div>`;
+
+  canvas.appendChild(el);
+  items.push({id, type:'note', el, x, y, color, w, h, rotation:rot, text});
+  if(!isAI) selectItem(id);
+  hideEmptyState(); updateMinimap();
+  return id;
+}
+
+function addBoardText(content='', x, y, size=20, color='#2d2d2d', font='Kalam', isAI=false) {
+  const id = ++itemIdCounter;
+  if (x===undefined||y===undefined) { const c=centerCanvasXY(); x=c.x-100; y=c.y-15; }
+  const z = nextZ();
+
+  const el = document.createElement('div');
+  el.className = `workspace-item board-text${isAI?' ai-placed':''}`;
+  el.id = `item-${id}`;
+  el.dataset.itemId = id;
+  el.style.cssText = `left:${x}px;top:${y}px;z-index:${z};font-size:${size}px;color:${color};font-family:'${font}',cursive;`;
+  el.contentEditable = true;
+  el.textContent = content;
+
+  const closeBtn = document.createElement('button');
+  closeBtn.className = 'text-close-btn';
+  closeBtn.dataset.closeBtn = id;
+  closeBtn.textContent = '✕';
+  el.appendChild(closeBtn);
+
+  canvas.appendChild(el);
+  items.push({id, type:'text', el, x, y, content, size, color, font, w:el.offsetWidth||200, h:size+20});
+  hideEmptyState(); updateMinimap();
+  return id;
+}
+
+function placeShape(shape, x, y, size=80, isAI=false) {
+  const id = ++itemIdCounter;
+  if (x===undefined||y===undefined) { const c=centerCanvasXY(); x=c.x-40+Math.random()*40-20; y=c.y-40+Math.random()*40-20; }
+  const rot = randomRotation(), z = nextZ();
+
+  const el = document.createElement('div');
+  el.className = `workspace-item canvas-shape${isAI?' ai-placed':''}`;
+  el.id = `item-${id}`;
+  el.dataset.itemId = id;
+  el.style.cssText = `left:${x}px;top:${y}px;transform:rotate(${rot}deg);z-index:${z};padding:4px;`;
+  el.innerHTML = getShapeSVG(shape, size);
+
+  canvas.appendChild(el);
+  items.push({id, type:'shape', shape, el, x, y, rotation:rot, size});
+  hideEmptyState(); updateMinimap();
+  return id;
+}
+
+function addSvgImage(url, x, y, w=120, h=120, name='', isAI=false) {
+  const id = ++itemIdCounter;
+  if (x===undefined||y===undefined) { const c=centerCanvasXY(); x=c.x-w/2; y=c.y-h/2; }
+  const z = nextZ();
+
+  const el = document.createElement('div');
+  el.className = `workspace-item canvas-svg-image${isAI?' ai-placed':''}`;
+  el.id = `item-${id}`;
+  el.dataset.itemId = id;
+  el.style.cssText = `left:${x}px;top:${y}px;width:${w}px;height:${h}px;z-index:${z};`;
+  el.innerHTML = `<button class="img-close" data-close-btn="${id}">✕</button>
+    <img src="${url}" alt="${name}" draggable="false">
+    <div class="note-resize" data-resize-handle="${id}"><svg viewBox="0 0 16 16"><path d="M14,2 L2,14 M14,8 L8,14 M14,14 L14,14"/></svg></div>`;
+
+  canvas.appendChild(el);
+  items.push({id, type:'image', subtype:'svg_icon', el, x, y, w, h, url, name, no_bg:true});
+  hideEmptyState(); updateMinimap();
+  return id;
+}
+
+function addPageImage(url, x, y, w=300, h=400, pageNumber='', isAI=false) {
+  const id = ++itemIdCounter;
+  if (x===undefined||y===undefined) { const c=centerCanvasXY(); x=c.x-w/2; y=c.y-h/2; }
+  const z = nextZ();
+
+  const el = document.createElement('div');
+  el.className = `workspace-item canvas-page-image${isAI?' ai-placed':''}`;
+  el.id = `item-${id}`;
+  el.dataset.itemId = id;
+  el.style.cssText = `left:${x}px;top:${y}px;width:${w}px;height:${h}px;z-index:${z};`;
+  el.innerHTML = `<div class="page-curl"></div>
+    <div class="page-label">📖 صفحة ${pageNumber}</div>
+    <button class="img-close" data-close-btn="${id}">✕</button>
+    <img src="${url}" alt="صفحة ${pageNumber}" draggable="false">
+    <div class="note-resize" data-resize-handle="${id}"><svg viewBox="0 0 16 16"><path d="M14,2 L2,14 M14,8 L8,14 M14,14 L14,14"/></svg></div>`;
+
+  canvas.appendChild(el);
+  items.push({id, type:'image', subtype:'page', el, x, y, w, h, url, pageNumber, is_page:true});
+  hideEmptyState(); updateMinimap();
+  return id;
+}
+
+function addImage(dataUrl, x, y, w, h) {
+  const id = ++itemIdCounter;
+  if (x===undefined||y===undefined) { const c=centerCanvasXY(); x=c.x-(w||200)/2; y=c.y-(h||150)/2; }
+  w=w||240; h=h||180;
+  const rot = randomRotation(), z = nextZ();
+
+  const el = document.createElement('div');
+  el.className = 'workspace-item canvas-image';
+  el.id = `item-${id}`;
+  el.dataset.itemId = id;
+  el.style.cssText = `left:${x}px;top:${y}px;width:${w}px;height:${h}px;transform:rotate(${rot}deg);z-index:${z};`;
+  el.innerHTML = `<button class="img-close" data-close-btn="${id}">✕</button>
+    <img src="${dataUrl}" alt="image" draggable="false">
+    <div class="note-resize" data-resize-handle="${id}"><svg viewBox="0 0 16 16"><path d="M14,2 L2,14 M14,8 L8,14 M14,14 L14,14"/></svg></div>`;
+
+  canvas.appendChild(el);
+  items.push({id, type:'image', subtype:'upload', el, x, y, w, h, rotation:rot, dataUrl});
+  hideEmptyState(); updateMinimap();
+  return id;
+}
+
+function addBoardItems(itemsData, isAI=true) {
+  itemsData.forEach(d => {
+    if (d.type==='note') addNote(d.color||'yellow', d.x, d.y, d.text||'', d.w||220, d.h||180, isAI);
+    else if (d.type==='text') addBoardText(d.content||'', d.x, d.y, d.size||20, d.color||'#2d2d2d', d.font||'Kalam', isAI);
+    else if (d.type==='shape') placeShape(d.shape||'circle', d.x, d.y, d.size||80, isAI);
+    else if (d.type==='image') {
+      if (d.is_page||d.subtype==='page') addPageImage(d.url, d.x, d.y, d.w||300, d.h||400, d.pageNumber||'', isAI);
+      else if (d.no_bg||d.subtype==='svg_icon') addSvgImage(d.url, d.x, d.y, d.w||120, d.h||120, d.name||'', isAI);
+      else addImage(d.dataUrl||d.url, d.x, d.y, d.w||240, d.h||180);
+    }
+  });
+  deselectAll(); hideEmptyState(); updateMinimap();
+}
+
+// ─── SELECTION / REMOVE / COLOR ───
+function changeNoteColor(id, color) {
+  const el = $(`item-${id}`); if(!el) return;
+  el.classList.remove('blue','pink','green','orange','white','purple');
+  if(color!=='yellow') el.classList.add(color);
+  const item = items.find(i=>i.id===id); if(item) item.color=color;
+}
+
+function selectItem(id) {
+  if (selectedItemId!==null) { const p=$(`item-${selectedItemId}`); if(p) p.classList.remove('selected'); }
+  selectedItemId = id;
+  const el = $(`item-${id}`);
+  if(el) { el.classList.add('selected'); el.style.zIndex = nextZ(); }
+}
+
+function deselectAll() {
+  if (selectedItemId!==null) { const el=$(`item-${selectedItemId}`); if(el) el.classList.remove('selected'); }
+  selectedItemId = null;
+}
+
+function removeItem(id) {
+  const el = $(`item-${id}`); if(el) el.remove();
+  items = items.filter(i=>i.id!==id);
+  if(selectedItemId===id) selectedItemId=null;
+  if(contextItemId===id) contextItemId=null;
+  hideEmptyState(); updateMinimap(); syncBoardState();
+}
+
+// ─── DRAG / RESIZE ───
+function startItemDrag(id, cx, cy) {
+  selectItem(id);
+  const el = $(`item-${id}`); if(!el) return;
+  const r = el.getBoundingClientRect();
+  const ox = cx-r.left, oy = cy-r.top;
+
+  function mv(ex,ey) { const p=canvasXYFromClient(ex,ey); const nx=p.x-ox/scale, ny=p.y-oy/scale; el.style.left=nx+'px'; el.style.top=ny+'px'; const it=items.find(i=>i.id===id); if(it){it.x=nx;it.y=ny;} }
+  function mm(e){mv(e.clientX,e.clientY);}
+  function tm(e){if(e.touches.length===1){e.preventDefault();mv(e.touches[0].clientX,e.touches[0].clientY);}}
+  function up(){window.removeEventListener('mousemove',mm);window.removeEventListener('mouseup',up);window.removeEventListener('touchmove',tm);window.removeEventListener('touchend',up);window.removeEventListener('touchcancel',up);updateMinimap();syncBoardState();}
+  window.addEventListener('mousemove',mm);window.addEventListener('mouseup',up);
+  window.addEventListener('touchmove',tm,{passive:false});window.addEventListener('touchend',up);window.addEventListener('touchcancel',up);
+}
+
+function startItemResize(id, cx, cy) {
+  const el = $(`item-${id}`); if(!el) return;
+  const sw=el.offsetWidth, sh=el.offsetHeight, sx=cx, sy=cy;
+  function mv(ex,ey){const dx=(ex-sx)/scale,dy=(ey-sy)/scale; el.style.width=Math.max(80,sw+dx)+'px'; el.style.height=Math.max(60,sh+dy)+'px'; const it=items.find(i=>i.id===id);if(it){it.w=Math.max(80,sw+dx);it.h=Math.max(60,sh+dy);}}
+  function mm(e){mv(e.clientX,e.clientY);}
+  function tm(e){if(e.touches.length===1){e.preventDefault();mv(e.touches[0].clientX,e.touches[0].clientY);}}
+  function up(){window.removeEventListener('mousemove',mm);window.removeEventListener('mouseup',up);window.removeEventListener('touchmove',tm);window.removeEventListener('touchend',up);updateMinimap();}
+  window.addEventListener('mousemove',mm);window.addEventListener('mouseup',up);
+  window.addEventListener('touchmove',tm,{passive:false});window.addEventListener('touchend',up);
+}
+
+// ═══════════════════════════════════════════════════════════════
+//  PAN / ZOOM
+// ═══════════════════════════════════════════════════════════════
+
+canvasArea.addEventListener('mousedown', e => {
+  if(e.target.closest('.workspace-item')||e.target.closest('#chat-bar')||e.button!==0) return;
+  deselectAll(); isPanning=true; panStartX=e.clientX; panStartY=e.clientY; panStartPanX=panX; panStartPanY=panY; canvasArea.style.cursor='grabbing';
+});
+window.addEventListener('mousemove', e => { if(!isPanning)return; panX=panStartPanX+(e.clientX-panStartX); panY=panStartPanY+(e.clientY-panStartY); updateCanvasTransform(); });
+window.addEventListener('mouseup', () => { if(isPanning){isPanning=false;canvasArea.style.cursor='crosshair';} });
+
+canvasArea.addEventListener('touchstart', e => {
+  const t=e.target;
+  if(t.closest('#chat-bar')||t.closest('#playback-controls')) return;
+  const ws=t.closest('.workspace-item');
+
+  const rh=t.closest('[data-resize-handle]');
+  if(rh){e.preventDefault();startItemResize(parseInt(rh.dataset.resizeHandle),e.touches[0].clientX,e.touches[0].clientY);return;}
+  const cb=t.closest('[data-close-btn]');
+  if(cb){e.preventDefault();removeItem(parseInt(cb.dataset.closeBtn));return;}
+  const co=t.closest('[data-color-btn]');
+  if(co){e.preventDefault();changeNoteColor(parseInt(co.dataset.for),co.dataset.colorBtn);return;}
+  if(t.tagName==='TEXTAREA'||t.contentEditable==='true') return;
+  const dh=t.closest('[data-drag-handle]');
+  if(dh&&e.touches.length===1){e.preventDefault();startItemDrag(parseInt(dh.dataset.dragHandle),e.touches[0].clientX,e.touches[0].clientY);return;}
+  if(ws&&!dh&&e.touches.length===1){e.preventDefault();startItemDrag(parseInt(ws.dataset.itemId),e.touches[0].clientX,e.touches[0].clientY);return;}
+
+  if(!ws){
+    e.preventDefault(); deselectAll();
+    if(e.touches.length===1){isPanning=true;panStartX=e.touches[0].clientX;panStartY=e.touches[0].clientY;panStartPanX=panX;panStartPanY=panY;}
+    else if(e.touches.length===2){isPanning=false;const dx=e.touches[1].clientX-e.touches[0].clientX,dy=e.touches[1].clientY-e.touches[0].clientY;lastTouchDist=Math.hypot(dx,dy);lastTouchMid={x:(e.touches[0].clientX+e.touches[1].clientX)/2,y:(e.touches[0].clientY+e.touches[1].clientY)/2};}
+  }
+},{passive:false});
+
+canvasArea.addEventListener('touchmove', e => {
+  if(e.target.tagName==='TEXTAREA'||e.target.contentEditable==='true'||e.target.closest('#chat-bar')) return;
+  if(e.touches.length===1&&isPanning){e.preventDefault();panX=panStartPanX+(e.touches[0].clientX-panStartX);panY=panStartPanY+(e.touches[0].clientY-panStartY);updateCanvasTransform();}
+  else if(e.touches.length===2){
+    e.preventDefault();isPanning=false;
+    const dx=e.touches[1].clientX-e.touches[0].clientX,dy=e.touches[1].clientY-e.touches[0].clientY;
+    const dist=Math.hypot(dx,dy);
+    const mid={x:(e.touches[0].clientX+e.touches[1].clientX)/2,y:(e.touches[0].clientY+e.touches[1].clientY)/2};
+    if(lastTouchDist>0){const rect=canvasArea.getBoundingClientRect();const mx=mid.x-rect.left,my=mid.y-rect.top;const os=scale;scale=Math.min(3,Math.max(0.2,scale*(dist/lastTouchDist)));panX=mx-(mx-panX)*(scale/os)+(mid.x-lastTouchMid.x);panY=my-(my-panY)*(scale/os)+(mid.y-lastTouchMid.y);updateCanvasTransform();}
+    lastTouchDist=dist;lastTouchMid=mid;
+  }
+},{passive:false});
+
+canvasArea.addEventListener('touchend', e => {
+  if(e.touches.length===0){isPanning=false;lastTouchDist=0;}
+  else if(e.touches.length===1){isPanning=true;panStartX=e.touches[0].clientX;panStartY=e.touches[0].clientY;panStartPanX=panX;panStartPanY=panY;lastTouchDist=0;}
+});
+
+// Mouse on canvas items
+canvas.addEventListener('mousedown', e => {
+  const t=e.target;
+  const rh=t.closest('[data-resize-handle]');if(rh){e.preventDefault();e.stopPropagation();startItemResize(parseInt(rh.dataset.resizeHandle),e.clientX,e.clientY);return;}
+  const cb=t.closest('[data-close-btn]');if(cb){e.preventDefault();e.stopPropagation();removeItem(parseInt(cb.dataset.closeBtn));return;}
+  const co=t.closest('[data-color-btn]');if(co){e.preventDefault();e.stopPropagation();changeNoteColor(parseInt(co.dataset.for),co.dataset.colorBtn);return;}
+  if(t.tagName==='TEXTAREA'||t.contentEditable==='true') return;
+  const dh=t.closest('[data-drag-handle]');if(dh&&e.button===0){e.preventDefault();e.stopPropagation();startItemDrag(parseInt(dh.dataset.dragHandle),e.clientX,e.clientY);return;}
+  const ws=t.closest('.workspace-item');if(ws&&e.button===0){e.preventDefault();e.stopPropagation();startItemDrag(parseInt(ws.dataset.itemId),e.clientX,e.clientY);return;}
+});
+
+// Wheel zoom
+canvasArea.addEventListener('wheel', e => {
+  if(e.target.closest('#chat-bar')) return;
+  e.preventDefault();const rect=canvasArea.getBoundingClientRect();const mx=e.clientX-rect.left,my=e.clientY-rect.top;const os=scale;scale=Math.min(3,Math.max(0.2,scale+(e.deltaY>0?-0.08:0.08)));panX=mx-(mx-panX)*(scale/os);panY=my-(my-panY)*(scale/os);updateCanvasTransform();
+},{passive:false});
+
+// Zoom buttons
+$('btnZoomIn').addEventListener('click',()=>{const r=canvasArea.getBoundingClientRect();const cx=r.width/2,cy=r.height/2;const os=scale;scale=Math.min(3,scale+0.15);panX=cx-(cx-panX)*(scale/os);panY=cy-(cy-panY)*(scale/os);updateCanvasTransform();});
+$('btnZoomOut').addEventListener('click',()=>{const r=canvasArea.getBoundingClientRect();const cx=r.width/2,cy=r.height/2;const os=scale;scale=Math.max(0.2,scale-0.15);panX=cx-(cx-panX)*(scale/os);panY=cy-(cy-panY)*(scale/os);updateCanvasTransform();});
+
+// Double click → add note
+canvasArea.addEventListener('dblclick', e => {
+  if(e.target.closest('.workspace-item')||e.target.closest('#chat-bar')) return;
+  const p=canvasXYFromClient(e.clientX,e.clientY); addNote('yellow',p.x-110,p.y-90);
+});
+
+// ═══════════════════════════════════════════════════════════════
+//  CONTEXT MENU
+// ═══════════════════════════════════════════════════════════════
+
+function showContextMenu(x,y){contextMenu.style.left=Math.min(x,window.innerWidth-180)+'px';contextMenu.style.top=Math.min(y,window.innerHeight-160)+'px';contextMenu.classList.add('show');}
+
+document.addEventListener('contextmenu', e => {
+  const ws=e.target.closest('.workspace-item');
+  if(ws){e.preventDefault();contextItemId=parseInt(ws.dataset.itemId);selectItem(contextItemId);showContextMenu(e.clientX,e.clientY);}
+  else{contextMenu.classList.remove('show');contextItemId=null;}
+});
+document.addEventListener('click', e => {if(!e.target.closest('#context-menu'))contextMenu.classList.remove('show');});
+document.addEventListener('touchstart', e => {if(!e.target.closest('#context-menu'))contextMenu.classList.remove('show');},{passive:true});
+
+$('ctxDelete').addEventListener('click',()=>{if(contextItemId!==null)removeItem(contextItemId);contextMenu.classList.remove('show');});
+$('ctxDuplicate').addEventListener('click',()=>{
+  if(contextItemId===null)return;const it=items.find(i=>i.id===contextItemId);if(!it)return;
+  if(it.type==='note'){const ta=it.el.querySelector('textarea');addNote(it.color||'yellow',it.x+30,it.y+30,ta?ta.value:'');}
+  else if(it.type==='text') addBoardText(it.el.textContent||'',it.x+30,it.y+30,it.size,it.color,it.font);
+  else if(it.type==='shape') placeShape(it.shape,it.x+30,it.y+30,it.size);
+  else if(it.type==='image'){
+    if(it.is_page||it.subtype==='page') addPageImage(it.url,it.x+30,it.y+30,it.w,it.h,it.pageNumber);
+    else if(it.no_bg||it.subtype==='svg_icon') addSvgImage(it.url,it.x+30,it.y+30,it.w,it.h,it.name);
+    else addImage(it.dataUrl||it.url,it.x+30,it.y+30,it.w,it.h);
+  }
+  contextMenu.classList.remove('show');
+});
+$('ctxFront').addEventListener('click',()=>{if(contextItemId!==null){const el=$(`item-${contextItemId}`);if(el)el.style.zIndex=nextZ();}contextMenu.classList.remove('show');});
+$('ctxBack').addEventListener('click',()=>{if(contextItemId!==null){const el=$(`item-${contextItemId}`);if(el)el.style.zIndex=1;}contextMenu.classList.remove('show');});
+
+// ═══════════════════════════════════════════════════════════════
+//  TOOLBAR BUTTONS
+// ═══════════════════════════════════════════════════════════════
+
+$('btnNote').addEventListener('click', () => addNote('yellow'));
+
+$('btnShapes').addEventListener('click', () => {
+  const sb = $('sidebar');
+  sidebarOpen = !sidebarOpen;
+  if(sidebarOpen){sb.classList.remove('collapsed');canvasArea.classList.remove('sidebar-collapsed');canvasArea.classList.add('sidebar-open');}
+  else{sb.classList.add('collapsed');canvasArea.classList.add('sidebar-collapsed');canvasArea.classList.remove('sidebar-open');}
+});
+
+$('btnImage').addEventListener('click', () => imageInput.click());
+
+// ★ UPDATED: btnClear now calls /api/board/clear
+$('btnClear').addEventListener('click', () => {
+  if(items.length===0)return;
+  if(confirm('مسح كل شيء من السبورة؟')){
+    items.forEach(i=>i.el.remove());items=[];selectedItemId=null;hideEmptyState();updateMinimap();
+    fetch('/api/board/clear',{method:'POST',headers:{'Content-Type':'application/json'}}).catch(()=>{});
+  }
+});
+
+document.querySelectorAll('.shape-item').forEach(el=>{
+  el.addEventListener('click',()=>{placeShape(el.dataset.shape);if(window.innerWidth<=768){sidebarOpen=false;$('sidebar').classList.add('collapsed');canvasArea.classList.add('sidebar-collapsed');canvasArea.classList.remove('sidebar-open');}});
+});
+
+document.querySelectorAll('.color-swatch[data-note-color]').forEach(el=>{
+  el.addEventListener('click',()=>{addNote(el.dataset.noteColor);if(window.innerWidth<=768){sidebarOpen=false;$('sidebar').classList.add('collapsed');canvasArea.classList.add('sidebar-collapsed');canvasArea.classList.remove('sidebar-open');}});
+});
+
+imageInput.addEventListener('change', e => {
+  const files=e.target.files; if(!files||!files.length)return;
+  Array.from(files).forEach((file,idx)=>{if(!file.type.startsWith('image/'))return;const r=new FileReader();r.onload=ev=>{const img=new Image();img.onload=()=>{let w=img.naturalWidth,h=img.naturalHeight;const mx=400;if(w>mx||h>mx){const ra=Math.min(mx/w,mx/h);w=Math.round(w*ra);h=Math.round(h*ra);}const c=centerCanvasXY();addImage(ev.target.result,c.x-w/2+idx*30,c.y-h/2+idx*30,w,h);};img.src=ev.target.result;};r.readAsDataURL(file);});
+  imageInput.value='';
+});
+
+// Keyboard
+document.addEventListener('keydown', e => {
+  if(e.target.tagName==='TEXTAREA'||e.target.tagName==='INPUT'||e.target.contentEditable==='true') return;
+  if(e.key==='Delete'||e.key==='Backspace'){if(selectedItemId!==null)removeItem(selectedItemId);}
+  if(e.key==='Escape'){deselectAll();modalOverlay.classList.remove('show');}
+  if((e.ctrlKey||e.metaKey)&&e.key==='d'){e.preventDefault();if(selectedItemId!==null){contextItemId=selectedItemId;$('ctxDuplicate').click();}}
+});
+
+// ═══════════════════════════════════════════════════════════════
+//  EXPORT / IMPORT
+// ═══════════════════════════════════════════════════════════════
+
+function getCurrentBoardState() {
+  return items.map(it => {
+    const d = {
+      type: it.type,
+      x: parseFloat(it.el.style.left) || 0,
+      y: parseFloat(it.el.style.top) || 0,
+      w: it.el.offsetWidth,
+      h: it.el.offsetHeight,
+      zIndex: parseInt(it.el.style.zIndex) || 10
+    };
+    if(it.type==='note'){d.color=it.color||'yellow';const ta=it.el.querySelector('textarea');d.text=ta?ta.value:'';}
+    else if(it.type==='text'){d.content=it.el.textContent||'';d.size=it.size;d.color=it.color;d.font=it.font;}
+    else if(it.type==='shape'){d.shape=it.shape;d.size=it.size||80;}
+    else if(it.type==='image'){d.subtype=it.subtype;d.url=it.url||it.dataUrl;d.no_bg=it.no_bg||false;d.is_page=it.is_page||false;d.name=it.name||'';d.pageNumber=it.pageNumber||'';if(it.dataUrl)d.dataUrl=it.dataUrl;}
+    return d;
+  });
+}
+
+// ★ UPDATED: syncBoardState now calls /api/board/sync
+function syncBoardState() {
+  fetch('/api/board/sync',{
+    method:'POST',
+    headers:{'Content-Type':'application/json'},
+    body:JSON.stringify({board_state:getCurrentBoardState()})
+  }).catch(()=>{});
+}
+
+let modalMode = 'export';
+
+$('btnExport').addEventListener('click',()=>{
+  modalMode='export';modalTitle.textContent='📦 تصدير السبورة';
+  modalTextarea.value=JSON.stringify(getCurrentBoardState(),null,2);
+  modalTextarea.readOnly=false;
+  $('modalCopy').style.display='';$('modalDownload').style.display='';
+  $('modalLoadFile').style.display='none';$('modalApply').style.display='none';
+  modalOverlay.classList.add('show');
+});
+
+$('btnImport').addEventListener('click',()=>{
+  modalMode='import';modalTitle.textContent='📥 استيراد السبورة';
+  modalTextarea.value='';modalTextarea.readOnly=false;modalTextarea.placeholder='الصق بيانات JSON هنا...';
+  $('modalCopy').style.display='none';$('modalDownload').style.display='none';
+  $('modalLoadFile').style.display='';$('modalApply').style.display='';
+  modalOverlay.classList.add('show');
+});
+
+$('modalClose').addEventListener('click',()=>modalOverlay.classList.remove('show'));
+modalOverlay.addEventListener('click',e=>{if(e.target===modalOverlay)modalOverlay.classList.remove('show');});
+
+$('modalCopy').addEventListener('click',()=>{
+  modalTextarea.select();navigator.clipboard.writeText(modalTextarea.value).then(()=>{$('modalCopy').textContent='✅ تم!';setTimeout(()=>{$('modalCopy').textContent='📋 نسخ';},1500);}).catch(()=>{document.execCommand('copy');});
+});
+
+$('modalDownload').addEventListener('click',()=>{
+  const blob=new Blob([modalTextarea.value],{type:'application/json'});const url=URL.createObjectURL(blob);const a=document.createElement('a');a.href=url;a.download='board-'+CURRENT_SUBJECT_ID+'.json';document.body.appendChild(a);a.click();document.body.removeChild(a);URL.revokeObjectURL(url);
+});
+
+$('modalLoadFile').addEventListener('click',()=>importFileInput.click());
+importFileInput.addEventListener('change',e=>{const file=e.target.files[0];if(!file)return;const r=new FileReader();r.onload=ev=>{modalTextarea.value=ev.target.result;};r.readAsText(file);importFileInput.value='';});
+
+$('modalApply').addEventListener('click',()=>{
+  const txt=modalTextarea.value.trim();if(!txt){alert('لا توجد بيانات!');return;}
+  try{const data=JSON.parse(txt);if(!Array.isArray(data))throw new Error('Expected array');
+  if(items.length>0&&!confirm('سيتم استبدال المحتوى الحالي. متابعة؟'))return;
+  items.forEach(i=>i.el.remove());items=[];selectedItemId=null;itemIdCounter=0;currentMaxZ=10;
+  addBoardItems(data,false);modalOverlay.classList.remove('show');
+  }catch(err){alert('بيانات JSON غير صالحة: '+err.message);}
+});
+
+// ═══════════════════════════════════════════════════════════════
+//  MINIMAP
+// ═══════════════════════════════════════════════════════════════
+
+function updateMinimap() {
+  const ctx=minimapCtx, cw=140, ch=100;
+  ctx.clearRect(0,0,cw,ch);ctx.fillStyle='#fdfbf7';ctx.fillRect(0,0,cw,ch);
+  if(!items.length) return;
+  const CW=6000,CH=6000,s=Math.min(cw/CW,ch/CH);
+  const cols={blue:'#d4e4ff',pink:'#ffd4e4',green:'#d4ffd4',orange:'#ffe4c4',white:'#fff',yellow:'#fff9c4',purple:'#e4d4ff'};
+  items.forEach(it=>{
+    const ix=parseFloat(it.el.style.left)||0,iy=parseFloat(it.el.style.top)||0,iw=it.el.offsetWidth||80,ih=it.el.offsetHeight||80;
+    ctx.fillStyle=it.type==='note'?(cols[it.color]||'#fff9c4'):it.type==='text'?'rgba(100,100,200,0.3)':'rgba(45,45,45,0.15)';
+    ctx.fillRect(ix*s,iy*s,Math.max(iw*s,2),Math.max(ih*s,2));
+    ctx.strokeStyle='#2d2d2d';ctx.lineWidth=0.5;ctx.strokeRect(ix*s,iy*s,Math.max(iw*s,2),Math.max(ih*s,2));
+  });
+  const rect=canvasArea.getBoundingClientRect();
+  ctx.strokeStyle='#ff4d4d';ctx.lineWidth=1.5;ctx.setLineDash([3,2]);
+  ctx.strokeRect((-panX/scale)*s,(-panY/scale)*s,(rect.width/scale)*s,(rect.height/scale)*s);
+  ctx.setLineDash([]);
+}
+
+// ═══════════════════════════════════════════════════════════════
+//  AI CHAT & PLAYBACK — ★ ALL ENDPOINTS UPDATED ★
+// ═══════════════════════════════════════════════════════════════
+
+// ★ UPDATED: sendMessage → /api/board/message + subject_id
+async function sendMessage() {
+  const msg = chatInput.value.trim();
+  if(!msg) return;
+  chatInput.disabled=true; btnSend.disabled=true; chatInput.value='';
+  setStatus('thinking','جاري التفكير...');
+
+  try {
+    const boardState = getCurrentBoardState();
+
+    const res = await fetch('/api/board/message', {
+      method: 'POST',
+      headers: {'Content-Type': 'application/json'},
+      body: JSON.stringify({
+        message: msg,
+        board_state: boardState,
+        subject_id: CURRENT_SUBJECT_ID
+      })
+    });
+
+    if(res.status === 401) {
+      window.location.href = '/login';
+      return;
+    }
+    if(res.status === 403) {
+      const errData = await res.json();
+      if(errData.code === 'no_access') {
+        alert('ليس لديك صلاحية لهذه المادة. يرجى شراؤها أولاً.');
+        window.location.href = '/dashboard';
+        return;
+      }
+    }
+
+    if(!res.ok) throw new Error(`HTTP ${res.status}`);
+    const data = await res.json();
+
+    if(data.success && data.sequence && data.sequence.length > 0) {
+      currentSequence = data.sequence;
+      currentStepIndex = 0;
+      startPlayback();
+    } else {
+      const errMsg = data.error || 'خطأ في الاستجابة';
+      setStatus('error', errMsg);
+      // If there's a voice error message, play it
+      if(data.sequence && data.sequence.length > 0) {
+        currentSequence = data.sequence;
+        currentStepIndex = 0;
+        startPlayback();
+      } else {
+        setTimeout(() => setStatus('idle','جاهز'), 3000);
+      }
+    }
+  } catch(err) {
+    console.error('Message error:', err);
+    setStatus('error','خطأ في الاتصال بالخادم');
+    setTimeout(() => setStatus('idle','جاهز'), 3000);
+  } finally {
+    chatInput.disabled=false; btnSend.disabled=false; chatInput.focus();
+  }
+}
+
+// ★ UPDATED: replayResponse → /api/board/replay (voice only, no board duplication)
+async function replayResponse() {
+  try {
+    setStatus('speaking', 'إعادة التشغيل...');
+
+    const res = await fetch('/api/board/replay', {
+      method: 'POST',
+      headers: {'Content-Type': 'application/json'}
+    });
+
+    if(res.status === 401) {
+      window.location.href = '/login';
+      return;
+    }
+
+    const data = await res.json();
+
+    if(data.success && data.sequence && data.sequence.length > 0) {
+      // Play ONLY voice segments — no board updates
+      currentSequence = data.sequence;
+      currentStepIndex = 0;
+      startPlayback();
+    } else {
+      setStatus('idle', 'لا توجد استجابة سابقة');
+      setTimeout(() => setStatus('idle','جاهز'), 2000);
+    }
+  } catch(err) {
+    console.error('Replay error:', err);
+    setStatus('error', 'خطأ في إعادة التشغيل');
+    setTimeout(() => setStatus('idle', 'جاهز'), 2000);
+  }
+}
+
+// ★ NEW: clearChatHistory → /api/board/chat/clear
+async function clearChatHistory() {
+  try {
+    await fetch('/api/board/chat/clear', {
+      method: 'POST',
+      headers: {'Content-Type': 'application/json'}
+    });
+  } catch(err) {
+    console.error('Clear chat error:', err);
+  }
+}
+
+chatInput.addEventListener('keydown', e => { if(e.key==='Enter'&&!e.shiftKey){e.preventDefault();sendMessage();} });
+btnSend.addEventListener('click', sendMessage);
+
+// ─── PLAYBACK ───
+function startPlayback() {
+  isPlaying=true; playbackPaused=false;
+  playbackControls.classList.remove('hidden');
+  updatePlaybackUI();
+  playNextStep();
+}
+
+function updatePlaybackUI() {
+  const total=currentSequence.length, cur=currentStepIndex+1;
+  stepInfo.textContent=`${Math.min(cur,total)}/${total}`;
+  progressFill.style.width=`${(currentStepIndex/Math.max(total-1,1))*100}%`;
+  if(isPlaying&&!playbackPaused){iconPlay.style.display='none';iconPause.style.display='block';setStatus('playing','يشرح المدرس...');}
+  else if(playbackPaused){iconPlay.style.display='block';iconPause.style.display='none';setStatus('paused','مؤقت');}
+  else{iconPlay.style.display='block';iconPause.style.display='none';setStatus('idle','جاهز');}
+}
+
+async function playNextStep() {
+  if(currentStepIndex>=currentSequence.length){
+    isPlaying=false;playbackPaused=false;updatePlaybackUI();setStatus('idle','جاهز');syncBoardState();
+    return;
+  }
+  if(playbackPaused) return;
+
+  const step=currentSequence[currentStepIndex];
+  updatePlaybackUI();
+
+  if(step.type==='voice'){
+    setStatus('speaking','🔊 يتحدث...');
+    await playVoice(step);
+  }
+  else if(step.type==='board_update'){
+    setStatus('drawing','✏️ يرسم...');
+    await applyBoardUpdate(step);
+  }
+
+  currentStepIndex++;
+  if(!playbackPaused){await sleep(300);playNextStep();}
+}
+
+function playVoice(step) {
+  return new Promise(resolve => {
+    voiceResolve = resolve;
+    if(step.audio_url){
+      voicePlayer.src=step.audio_url;
+      voicePlayer.onended=()=>{voiceResolve=null;resolve();};
+      voicePlayer.onerror=()=>{voiceResolve=null;resolve();};
+      voicePlayer.play().catch(()=>{
+        const t=Math.max(2000,(step.text||'').length*80);
+        setTimeout(()=>{voiceResolve=null;resolve();},t);
+      });
+    } else {
+      // audio_url is null — show text only, skip audio
+      const t=Math.max(1500,(step.text||'').length*60);
+      setTimeout(()=>{voiceResolve=null;resolve();},t);
+    }
+  });
+}
+
+async function applyBoardUpdate(step) {
+  if(step.action==='add'&&step.items){
+    for(const item of step.items){
+      addBoardItems([item],true);
+      scrollToItem(item);
+      await sleep(400);
+    }
+  }
+}
+
+function scrollToItem(item) {
+  if(item.x!==undefined&&item.y!==undefined){
+    const rect=canvasArea.getBoundingClientRect();
+    const tx=rect.width/2-item.x*scale, ty=rect.height/2-item.y*scale;
+    const dx=tx-panX, dy=ty-panY;
+    if(Math.abs(dx)>200||Math.abs(dy)>200){panX+=dx*0.3;panY+=dy*0.3;updateCanvasTransform();}
+  }
+}
+
+$('btnPlayPause').addEventListener('click',()=>{
+  if(!isPlaying)return;
+  playbackPaused=!playbackPaused;
+  updatePlaybackUI();
+  if(!playbackPaused) playNextStep();
+  else voicePlayer.pause();
+});
+
+$('btnSkip').addEventListener('click',()=>{
+  if(!isPlaying)return;
+  voicePlayer.pause();voicePlayer.currentTime=0;
+  if(voiceResolve){voiceResolve();voiceResolve=null;}
+});
+
+// ★ UPDATED: btnReplay now calls replayResponse() which uses /api/board/replay
+$('btnReplay').addEventListener('click',()=>{
+  // If currently playing a sequence, restart it locally
+  if(currentSequence.length > 0 && isPlaying) {
+    voicePlayer.pause();voicePlayer.currentTime=0;
+    if(voiceResolve){voiceResolve();voiceResolve=null;}
+    currentStepIndex=0;playbackPaused=false;isPlaying=true;
+    playNextStep();
+  } else {
+    // Otherwise fetch replay from server (voice only)
+    replayResponse();
+  }
+});
+
+// ═══════════════════════════════════════════════════════════════
+//  INIT — ★ UPDATED FOR MULTI-SUBJECT ★
+// ═══════════════════════════════════════════════════════════════
+
+updateCanvasTransform();
+hideEmptyState();
+setStatus('idle','جاهز');
+
+// Start with sidebar collapsed
+$('sidebar').classList.add('collapsed');
+canvasArea.classList.add('sidebar-collapsed');
+
+// ★ NEW: Set subject on the backend when board loads
+fetch('/api/board/set-subject', {
+  method: 'POST',
+  headers: {'Content-Type': 'application/json'},
+  body: JSON.stringify({ subject_id: CURRENT_SUBJECT_ID })
+}).then(res => res.json()).then(data => {
+  if(data.success) {
+    console.log('✅ Board subject set:', CURRENT_SUBJECT_ID);
+  } else {
+    console.warn('⚠️ Failed to set subject:', data.error);
+    if(data.code === 'no_access') {
+      alert('ليس لديك صلاحية لهذه المادة.');
+      window.location.href = '/dashboard';
+    }
+  }
+}).catch(err => {
+  console.error('Set subject error:', err);
+});
+
+// ★ NEW: Load existing board state from server
+fetch('/api/board/state', {
+  method: 'GET',
+  headers: {'Content-Type': 'application/json'}
+}).then(res => {
+  if(res.status === 401) {
+    window.location.href = '/login';
+    return null;
+  }
+  return res.json();
+}).then(data => {
+  if(data && data.success && data.board_state && data.board_state.length > 0) {
+    console.log('✅ Loaded board state:', data.board_state.length, 'items');
+    addBoardItems(data.board_state, false);
+  } else {
+    // Show welcome notes only if board is empty
+    showWelcomeNotes();
+  }
+}).catch(err => {
+  console.error('Load board state error:', err);
+  showWelcomeNotes();
+});
+
+function showWelcomeNotes() {
+  setTimeout(()=>{
+    addNote('yellow', 250, 200,
+      "🎓 مرحباً في السبورة الذكية!\n\n📚 المادة: " + CURRENT_SUBJECT_NAME + "\n\nاكتب سؤالك في الأسفل\nوسيشرح المدرس على السبورة\nبالصوت والرسم!");
+    addNote('blue', 550, 250,
+      "💡 نصائح:\n• اسأل عن أي موضوع في المادة\n• يمكنك إضافة ملاحظاتك\n• انقر مزدوج لإضافة ملاحظة\n• اسحب وحرك كل شيء!");
+    placeShape('star', 800, 200);
+    deselectAll();
+    updateMinimap();
+  },200);
+}
+
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/templates/chat.html b/templates/chat.html
new file mode 100644
index 0000000000000000000000000000000000000000..a8f715559fc7fa1caa6951834459d0498bc8a145
--- /dev/null
+++ b/templates/chat.html
@@ -0,0 +1,4096 @@
+<!DOCTYPE html>
+<html lang="ar" dir="rtl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>المساعد التعليمي الذكي</title>
+
+    <script>
+        window.MathJax = {
+            tex: {
+                inlineMath: [['\\(', '\\)'], ['$', '$']],
+                displayMath: [['\\[', '\\]'], ['$$', '$$']],
+                processEscapes: true,
+                processEnvironments: true,
+                tags: 'ams'
+            },
+            options: {
+                skipHtmlTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code'],
+                ignoreHtmlClass: 'no-mathjax'
+            },
+            chtml: { mtextInheritFont: true },
+            startup: {
+                ready: () => {
+                    MathJax.startup.defaultReady();
+                    MathJax.startup.promise.then(() => { fixMathJaxArabic(); });
+                }
+            }
+        };
+        function fixMathJaxArabic() {
+            document.querySelectorAll('mjx-mtext, mjx-container mtext').forEach(el => {
+                const text = el.textContent || '';
+                if (/[\u0600-\u06FF]/.test(text)) {
+                    el.style.direction = 'rtl';
+                    el.style.unicodeBidi = 'embed';
+                    el.style.display = 'inline-block';
+                }
+            });
+        }
+        function fixArabicInMath() {
+            document.querySelectorAll('mjx-mtext').forEach(el => {
+                const text = el.textContent || '';
+                if (/[\u0600-\u06FF]/.test(text)) {
+                    el.style.direction = 'rtl';
+                    el.style.unicodeBidi = 'embed';
+                    el.style.display = 'inline-block';
+                    el.style.fontFamily = 'Tajawal, Arial, sans-serif';
+                }
+            });
+        }
+        const mathObserver = new MutationObserver((mutations) => {
+            let hasMathJax = false;
+            mutations.forEach(mutation => {
+                mutation.addedNodes.forEach(node => {
+                    if (node.nodeType === 1) {
+                        if (node.tagName && node.tagName.toLowerCase().startsWith('mjx-')) hasMathJax = true;
+                        if (node.querySelector && node.querySelector('mjx-mtext, mjx-container')) hasMathJax = true;
+                    }
+                });
+            });
+            if (hasMathJax) setTimeout(fixArabicInMath, 50);
+        });
+        mathObserver.observe(document.body, { childList: true, subtree: true });
+    </script>
+    <script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js" async></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@700;800;900&family=DM+Sans:wght@400;500;700&family=Tajawal:wght@300;400;500;700;800&family=Amiri:wght@400;700&display=swap" rel="stylesheet">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.5.4/socket.io.min.js"></script>
+    <!-- FontAwesome 6 for Professional Icons -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+
+ <style>
+        /* ============================================================
+           CLAY DESIGN TOKENS
+        ============================================================ */
+        :root {
+            /* Canvas & Surfaces */
+            --clay-canvas:       #F4F1FA;
+            --clay-card-bg:      rgba(255, 255, 255, 0.72);
+            --clay-card-solid:   #FFFFFF;
+            --clay-input-bg:     #EFEBF5;
+            --clay-input-focus:  #FFFFFF;
+
+            /* Typography */
+            --clay-fg:           #332F3A;
+            --clay-muted:        #635F69;
+            --clay-subtle:       #8B8494;
+
+            /* Accents */
+            --clay-accent:       #7C3AED;
+            --clay-accent-light: #A78BFA;
+            --clay-accent-alt:   #DB2777;
+            --clay-sky:          #0EA5E9;
+            --clay-emerald:      #10B981;
+            --clay-amber:        #F59E0B;
+
+            /* Gradients */
+            --clay-btn-grad:     linear-gradient(135deg, #A78BFA 0%, #7C3AED 100%);
+            --clay-btn-grad-alt: linear-gradient(135deg, #F472B6 0%, #DB2777 100%);
+            --clay-header-grad:  linear-gradient(135deg, rgba(167,139,250,0.18) 0%, rgba(219,39,119,0.10) 100%);
+
+            /* ── 4-Layer Shadow Stacks ── */
+
+            /* Deep surface (large containers) */
+            --shadow-deep:
+                30px 30px 60px #cdc6d9,
+                -30px -30px 60px #ffffff,
+                inset 10px 10px 20px rgba(139,92,246,0.05),
+                inset -10px -10px 20px rgba(255,255,255,0.80);
+
+            /* Standard floating card */
+            --shadow-card:
+                16px 16px 32px rgba(160,150,180,0.22),
+                -10px -10px 24px rgba(255,255,255,0.92),
+                inset 6px 6px 12px rgba(139,92,246,0.03),
+                inset -6px -6px 12px rgba(255,255,255,1);
+
+            /* Card hover — amplified lift */
+            --shadow-card-hover:
+                22px 22px 44px rgba(139,92,246,0.18),
+                -12px -12px 28px rgba(255,255,255,0.95),
+                inset 6px 6px 12px rgba(139,92,246,0.04),
+                inset -6px -6px 12px rgba(255,255,255,1);
+
+            /* Convex button */
+            --shadow-btn:
+                12px 12px 24px rgba(139,92,246,0.32),
+                -8px -8px 16px rgba(255,255,255,0.45),
+                inset 4px 4px 8px rgba(255,255,255,0.42),
+                inset -4px -4px 8px rgba(0,0,0,0.10);
+
+            /* Button hover */
+            --shadow-btn-hover:
+                16px 16px 32px rgba(139,92,246,0.40),
+                -10px -10px 20px rgba(255,255,255,0.50),
+                inset 4px 4px 8px rgba(255,255,255,0.45),
+                inset -4px -4px 8px rgba(0,0,0,0.08);
+
+            /* Recessed / pressed */
+            --shadow-pressed:
+                inset 10px 10px 20px #d9d4e3,
+                inset -10px -10px 20px #ffffff;
+
+            /* Subtle pressed for inputs */
+            --shadow-input:
+                inset 8px 8px 16px #ddd8e8,
+                inset -8px -8px 16px #ffffff;
+
+            /* Input focus — raised white surface */
+            --shadow-input-focus:
+                16px 16px 32px rgba(160,150,180,0.18),
+                -10px -10px 24px rgba(255,255,255,0.90),
+                inset 2px 2px 4px rgba(139,92,246,0.06),
+                0 0 0 4px rgba(124,58,237,0.14);
+
+            /* User message bubble */
+            --shadow-user-msg:
+                10px 10px 20px rgba(139,92,246,0.28),
+                -6px -6px 14px rgba(255,255,255,0.20),
+                inset 3px 3px 6px rgba(255,255,255,0.30),
+                inset -3px -3px 6px rgba(0,0,0,0.12);
+
+            /* Bot message bubble */
+            --shadow-bot-msg:
+                10px 10px 20px rgba(160,150,180,0.18),
+                -6px -6px 14px rgba(255,255,255,0.90),
+                inset 4px 4px 8px rgba(139,92,246,0.03),
+                inset -4px -4px 8px rgba(255,255,255,0.95);
+
+            /* Header bar */
+            --shadow-header:
+                0 8px 32px rgba(160,150,180,0.18),
+                0 2px 8px rgba(139,92,246,0.08);
+
+            /* Status bar */
+            --shadow-status:
+                0 -4px 16px rgba(160,150,180,0.12);
+
+            /* Subject card */
+            --shadow-subject:
+                12px 12px 24px rgba(160,150,180,0.20),
+                -8px -8px 18px rgba(255,255,255,0.90),
+                inset 4px 4px 8px rgba(139,92,246,0.03),
+                inset -4px -4px 8px rgba(255,255,255,1);
+
+            /* Subject card hover */
+            --shadow-subject-hover:
+                18px 18px 36px rgba(139,92,246,0.22),
+                -10px -10px 22px rgba(255,255,255,0.95),
+                inset 4px 4px 8px rgba(139,92,246,0.05),
+                inset -4px -4px 8px rgba(255,255,255,1);
+
+            /* Subject card selected */
+            --shadow-subject-selected:
+                14px 14px 28px rgba(124,58,237,0.30),
+                -8px -8px 18px rgba(255,255,255,0.90),
+                inset 4px 4px 8px rgba(124,58,237,0.08),
+                inset -4px -4px 8px rgba(255,255,255,0.90),
+                0 0 0 3px rgba(124,58,237,0.30);
+
+            /* Modal */
+            --shadow-modal:
+                30px 30px 60px rgba(139,92,246,0.18),
+                -20px -20px 40px rgba(255,255,255,0.95),
+                inset 8px 8px 16px rgba(139,92,246,0.04),
+                inset -8px -8px 16px rgba(255,255,255,1);
+
+            /* Badge / pill */
+            --shadow-badge:
+                6px 6px 12px rgba(160,150,180,0.18),
+                -4px -4px 8px rgba(255,255,255,0.90),
+                inset 2px 2px 4px rgba(139,92,246,0.04),
+                inset -2px -2px 4px rgba(255,255,255,1);
+
+            /* Send button */
+            --shadow-send:
+                10px 10px 20px rgba(139,92,246,0.35),
+                -6px -6px 14px rgba(255,255,255,0.40),
+                inset 3px 3px 6px rgba(255,255,255,0.40),
+                inset -3px -3px 6px rgba(0,0,0,0.12);
+
+            /* Typing dots container */
+            --shadow-typing:
+                10px 10px 20px rgba(160,150,180,0.18),
+                -6px -6px 14px rgba(255,255,255,0.90),
+                inset 4px 4px 8px rgba(139,92,246,0.03),
+                inset -4px -4px 8px rgba(255,255,255,0.95);
+        }
+
+        /* ============================================================
+           RESET & BASE
+        ============================================================ */
+        *, *::before, *::after {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: 'Tajawal', 'DM Sans', sans-serif;
+            background: var(--clay-canvas);
+            color: var(--clay-fg);
+            height: 100vh;
+            display: flex;
+            flex-direction: column;
+            overflow: hidden;
+            /* Subtle canvas texture via radial gradient */
+            background-image:
+                radial-gradient(ellipse 80% 50% at 20% 10%, rgba(167,139,250,0.10) 0%, transparent 60%),
+                radial-gradient(ellipse 60% 40% at 80% 90%, rgba(219,39,119,0.07) 0%, transparent 55%),
+                radial-gradient(ellipse 50% 60% at 50% 50%, rgba(14,165,233,0.05) 0%, transparent 70%);
+            background-attachment: fixed;
+        }
+
+        /* MathJax RTL fix */
+        mjx-container {
+            direction: ltr !important;
+        }
+        mjx-container mtext {
+            unicode-bidi: plaintext !important;
+            direction: rtl !important;
+        }
+
+        mjx-container svg text {
+            direction: rtl !important;
+        }
+
+        /* ============================================================
+           ANIMATED BACKGROUND BLOBS
+        ============================================================ */
+        .clay-blobs {
+            pointer-events: none;
+            position: fixed;
+            inset: 0;
+            overflow: hidden;
+            z-index: 0;
+        }
+
+        .clay-blob {
+            position: absolute;
+            border-radius: 50%;
+            filter: blur(80px);
+            opacity: 0.55;
+        }
+
+        .clay-blob-1 {
+            width: 60vw;
+            height: 60vw;
+            max-width: 700px;
+            max-height: 700px;
+            background: radial-gradient(circle, rgba(167,139,250,0.35) 0%, rgba(124,58,237,0.12) 70%);
+            top: -15%;
+            right: -10%;
+            animation: clayFloat 10s ease-in-out infinite;
+        }
+
+        .clay-blob-2 {
+            width: 50vw;
+            height: 50vw;
+            max-width: 580px;
+            max-height: 580px;
+            background: radial-gradient(circle, rgba(219,39,119,0.22) 0%, rgba(244,114,182,0.08) 70%);
+            bottom: -10%;
+            left: -8%;
+            animation: clayFloatAlt 12s ease-in-out infinite;
+            animation-delay: -3s;
+        }
+
+        .clay-blob-3 {
+            width: 40vw;
+            height: 40vw;
+            max-width: 460px;
+            max-height: 460px;
+            background: radial-gradient(circle, rgba(14,165,233,0.18) 0%, rgba(56,189,248,0.06) 70%);
+            top: 40%;
+            left: 30%;
+            animation: clayFloat 14s ease-in-out infinite;
+            animation-delay: -6s;
+        }
+
+        .clay-blob-4 {
+            width: 35vw;
+            height: 35vw;
+            max-width: 380px;
+            max-height: 380px;
+            background: radial-gradient(circle, rgba(16,185,129,0.14) 0%, rgba(52,211,153,0.05) 70%);
+            bottom: 20%;
+            right: 5%;
+            animation: clayFloatAlt 9s ease-in-out infinite;
+            animation-delay: -1.5s;
+        }
+
+        @keyframes clayFloat {
+            0%, 100% { transform: translateY(0px) rotate(0deg) scale(1); }
+            33%       { transform: translateY(-22px) rotate(2deg) scale(1.02); }
+            66%       { transform: translateY(-10px) rotate(-1deg) scale(0.99); }
+        }
+
+        @keyframes clayFloatAlt {
+            0%, 100% { transform: translateY(0px) rotate(0deg) scale(1); }
+            40%       { transform: translateY(-16px) rotate(-2.5deg) scale(1.015); }
+            70%       { transform: translateY(-28px) rotate(1.5deg) scale(1.03); }
+        }
+
+        @keyframes clayBreathe {
+            0%, 100% { transform: scale(1); }
+            50%       { transform: scale(1.025); }
+        }
+
+        @keyframes claySpin {
+            to { transform: rotate(360deg); }
+        }
+
+        @keyframes clayPulse {
+            0%, 100% { opacity: 1; transform: scale(1); }
+            50%       { opacity: 0.55; transform: scale(0.92); }
+        }
+
+        @keyframes clayBlink {
+            0%, 100% { opacity: 1; }
+            50%       { opacity: 0; }
+        }
+
+        @keyframes clayMessageIn {
+            from { opacity: 0; transform: translateY(14px) scale(0.97); }
+            to   { opacity: 1; transform: translateY(0) scale(1); }
+        }
+
+        @keyframes clayTyping {
+            0%, 60%, 100% { transform: translateY(0); opacity: 0.45; }
+            30%            { transform: translateY(-9px); opacity: 1; }
+        }
+
+        @media (prefers-reduced-motion: reduce) {
+            .clay-blob,
+            .clay-blob-1,
+            .clay-blob-2,
+            .clay-blob-3,
+            .clay-blob-4 { animation: none !important; }
+            * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
+        }
+
+        /* ============================================================
+           SCROLLBAR
+        ============================================================ */
+        ::-webkit-scrollbar { width: 7px; height: 7px; }
+        ::-webkit-scrollbar-track { background: transparent; }
+        ::-webkit-scrollbar-thumb {
+            background: rgba(124,58,237,0.22);
+            border-radius: 20px;
+            border: 2px solid transparent;
+            background-clip: padding-box;
+        }
+        ::-webkit-scrollbar-thumb:hover { background: rgba(124,58,237,0.40); }
+
+        /* ============================================================
+           SUBJECT SELECTION PAGE
+        ============================================================ */
+        .subject-page {
+            position: relative;
+            z-index: 1;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            min-height: 100vh;
+            padding: 28px 20px 36px;
+            overflow-y: auto;
+        }
+
+        .subject-page.hidden { display: none; }
+
+        /* Header */
+        .subject-header {
+            text-align: center;
+            margin-bottom: 44px;
+        }
+
+        .subject-header .main-logo {
+            font-size: 72px;
+            margin-bottom: 20px;
+            display: block;
+            filter: drop-shadow(0 8px 24px rgba(124,58,237,0.30));
+            animation: clayBreathe 6s ease-in-out infinite;
+            color: var(--clay-accent);
+        }
+
+        .subject-header h1 {
+            font-family: 'Nunito', 'Tajawal', sans-serif;
+            font-size: clamp(26px, 5vw, 40px);
+            font-weight: 900;
+            color: var(--clay-fg);
+            margin-bottom: 12px;
+            letter-spacing: -0.5px;
+            line-height: 1.15;
+        }
+
+        .subject-header h1 span {
+            background: linear-gradient(135deg, var(--clay-accent) 20%, var(--clay-accent-alt) 80%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+
+        .subject-header p {
+            font-size: 15px;
+            color: var(--clay-muted);
+            max-width: 420px;
+            margin: 0 auto;
+            line-height: 1.85;
+            font-weight: 500;
+        }
+
+        /* Subjects Grid */
+        .subjects-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
+            gap: 18px;
+            max-width: 920px;
+            width: 100%;
+            margin-bottom: 36px;
+        }
+
+        /* Subject Card */
+        .subject-card {
+            background: var(--clay-card-bg);
+            backdrop-filter: blur(16px);
+            -webkit-backdrop-filter: blur(16px);
+            border: 1.5px solid rgba(255,255,255,0.70);
+            border-radius: 32px;
+            padding: 28px 20px 24px;
+            cursor: pointer;
+            transition: transform 0.35s cubic-bezier(0.34,1.56,0.64,1),
+                        box-shadow 0.35s ease,
+                        border-color 0.25s ease;
+            text-align: center;
+            position: relative;
+            overflow: hidden;
+            box-shadow: var(--shadow-subject);
+        }
+
+        /* Decorative top shimmer */
+        .subject-card::before {
+            content: '';
+            position: absolute;
+            top: 0; left: 10%; right: 10%;
+            height: 2px;
+            background: linear-gradient(90deg, transparent, rgba(167,139,250,0.60), transparent);
+            border-radius: 0 0 4px 4px;
+            opacity: 0;
+            transition: opacity 0.3s ease;
+        }
+
+        .subject-card:hover {
+            transform: translateY(-8px) scale(1.02);
+            box-shadow: var(--shadow-subject-hover);
+            border-color: rgba(167,139,250,0.55);
+        }
+
+        .subject-card:hover::before { opacity: 1; }
+
+        .subject-card:active {
+            transform: translateY(-2px) scale(0.97);
+            box-shadow: var(--shadow-pressed);
+        }
+
+        .subject-card.selected {
+            border-color: rgba(124,58,237,0.50);
+            background: rgba(167,139,250,0.14);
+            box-shadow: var(--shadow-subject-selected);
+            transform: translateY(-4px);
+        }
+
+        .subject-card .subject-icon {
+            font-size: 44px;
+            margin-bottom: 14px;
+            display: block;
+            filter: drop-shadow(0 4px 10px rgba(124,58,237,0.20));
+            transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1);
+            color: var(--clay-accent);
+        }
+
+        .subject-card:hover .subject-icon {
+            transform: scale(1.15) rotate(-4deg);
+        }
+
+        .subject-card .subject-name {
+            font-family: 'Nunito', 'Tajawal', sans-serif;
+            font-size: 16px;
+            font-weight: 800;
+            color: var(--clay-fg);
+            margin-bottom: 6px;
+        }
+
+        .subject-card .subject-info {
+            font-size: 12px;
+            color: var(--clay-muted);
+            font-weight: 500;
+        }
+
+        .subject-card .subject-chapters {
+            display: inline-block;
+            background: linear-gradient(135deg, rgba(167,139,250,0.22), rgba(124,58,237,0.14));
+            color: var(--clay-accent);
+            padding: 4px 12px;
+            border-radius: 20px;
+            font-size: 11px;
+            font-weight: 700;
+            margin-top: 10px;
+            border: 1px solid rgba(124,58,237,0.18);
+            box-shadow: var(--shadow-badge);
+        }
+
+        /* Loading */
+        .loading-subjects {
+            grid-column: 1 / -1;
+            text-align: center;
+            color: var(--clay-muted);
+            padding: 52px 20px;
+        }
+
+        .loading-subjects .spinner {
+            width: 44px;
+            height: 44px;
+            border: 3px solid rgba(124,58,237,0.15);
+            border-top-color: var(--clay-accent);
+            border-radius: 50%;
+            animation: claySpin 0.85s linear infinite;
+            margin: 0 auto 18px;
+        }
+
+        .loading-subjects p {
+            font-weight: 600;
+            font-size: 14px;
+            color: var(--clay-muted);
+        }
+
+        /* Start Button */
+        .start-btn {
+            background: var(--clay-btn-grad);
+            border: none;
+            color: #fff;
+            padding: 0 40px;
+            height: 58px;
+            border-radius: 24px;
+            font-family: 'Nunito', 'Tajawal', sans-serif;
+            font-size: 17px;
+            font-weight: 800;
+            cursor: pointer;
+            transition: transform 0.25s cubic-bezier(0.34,1.56,0.64,1),
+                        box-shadow 0.25s ease,
+                        opacity 0.2s ease;
+            display: inline-flex;
+            align-items: center;
+            gap: 10px;
+            box-shadow: var(--shadow-btn);
+            letter-spacing: 0.2px;
+        }
+
+        .start-btn:hover:not(:disabled) {
+            transform: translateY(-4px) scale(1.03);
+            box-shadow: var(--shadow-btn-hover);
+        }
+
+        .start-btn:active:not(:disabled) {
+            transform: scale(0.93);
+            box-shadow: var(--shadow-pressed);
+        }
+
+        .start-btn:disabled {
+            opacity: 0.48;
+            cursor: not-allowed;
+            box-shadow: none;
+        }
+
+        /* No subjects */
+        .no-subjects {
+            grid-column: 1 / -1;
+            text-align: center;
+            padding: 48px 20px;
+            color: var(--clay-muted);
+        }
+
+        .no-subjects .no-subjects-icon { font-size: 52px; margin-bottom: 16px; color: var(--clay-muted); }
+
+        .retry-btn {
+            background: var(--clay-card-bg);
+            backdrop-filter: blur(12px);
+            border: 1.5px solid rgba(124,58,237,0.22);
+            color: var(--clay-accent);
+            padding: 10px 26px;
+            border-radius: 20px;
+            cursor: pointer;
+            font-family: 'Tajawal', sans-serif;
+            font-size: 14px;
+            font-weight: 700;
+            margin-top: 18px;
+            transition: all 0.25s ease;
+            box-shadow: var(--shadow-badge);
+            display: inline-flex;
+            align-items: center;
+            gap: 8px;
+        }
+
+        .retry-btn:hover {
+            background: rgba(124,58,237,0.10);
+            transform: translateY(-2px);
+            box-shadow: var(--shadow-subject);
+        }
+
+        /* ============================================================
+           TRANSITION OVERLAY
+        ============================================================ */
+        .transition-overlay {
+            display: none;
+            position: fixed;
+            inset: 0;
+            background: rgba(244,241,250,0.88);
+            backdrop-filter: blur(20px);
+            -webkit-backdrop-filter: blur(20px);
+            z-index: 500;
+            align-items: center;
+            justify-content: center;
+            flex-direction: column;
+            gap: 20px;
+        }
+
+        .transition-overlay.active { display: flex; }
+
+        .transition-overlay .spinner {
+            width: 52px;
+            height: 52px;
+            border: 3px solid rgba(124,58,237,0.18);
+            border-top-color: var(--clay-accent);
+            border-radius: 50%;
+            animation: claySpin 0.85s linear infinite;
+        }
+
+        .transition-overlay p {
+            color: var(--clay-muted);
+            font-size: 15px;
+            font-weight: 600;
+        }
+
+        /* ============================================================
+           CHAT PAGE
+        ============================================================ */
+        .chat-page {
+            display: flex;
+            flex-direction: column;
+            height: 100vh;
+            overflow: hidden;
+            position: relative;
+            z-index: 1;
+        }
+
+        .chat-page.hidden { display: none; }
+
+        /* ============================================================
+           HEADER
+        ============================================================ */
+        .header {
+            background: rgba(255,255,255,0.75);
+            backdrop-filter: blur(20px);
+            -webkit-backdrop-filter: blur(20px);
+            border-bottom: 1.5px solid rgba(255,255,255,0.80);
+            padding: 12px 22px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            flex-shrink: 0;
+            z-index: 10;
+            box-shadow: var(--shadow-header);
+            border-radius: 0 0 28px 28px;
+        }
+
+        .header-title {
+            display: flex;
+            align-items: center;
+            gap: 14px;
+        }
+
+        .header-title .logo {
+            width: 46px;
+            height: 46px;
+            background: var(--clay-btn-grad);
+            border-radius: 16px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 22px;
+            box-shadow: var(--shadow-btn);
+            cursor: pointer;
+            transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1),
+                        box-shadow 0.3s ease;
+            flex-shrink: 0;
+            color: white;
+        }
+
+        .header-title .logo:hover {
+            transform: translateY(-3px) scale(1.08);
+            box-shadow: var(--shadow-btn-hover);
+        }
+
+        .header-title .logo:active {
+            transform: scale(0.92);
+            box-shadow: var(--shadow-pressed);
+        }
+
+        .header-title h1 {
+            font-family: 'Nunito', 'Tajawal', sans-serif;
+            font-size: 17px;
+            font-weight: 900;
+            background: linear-gradient(135deg, var(--clay-accent) 20%, var(--clay-accent-alt) 80%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+            line-height: 1.2;
+        }
+
+        .header-title .subtitle {
+            font-size: 11.5px;
+            color: var(--clay-muted);
+            font-weight: 500;
+            margin-top: 1px;
+        }
+
+        .subject-badge-header {
+            display: inline-flex;
+            align-items: center;
+            gap: 5px;
+            background: linear-gradient(135deg, rgba(167,139,250,0.18), rgba(124,58,237,0.10));
+            border: 1px solid rgba(124,58,237,0.22);
+            color: var(--clay-accent);
+            padding: 3px 11px;
+            border-radius: 20px;
+            font-size: 11px;
+            font-weight: 700;
+            margin-top: 4px;
+            box-shadow: var(--shadow-badge);
+        }
+
+        .header-actions {
+            display: flex;
+            gap: 8px;
+            align-items: center;
+        }
+
+        .btn-header {
+            background: rgba(255,255,255,0.70);
+            backdrop-filter: blur(8px);
+            border: 1.5px solid rgba(124,58,237,0.16);
+            color: var(--clay-muted);
+            padding: 8px 14px;
+            border-radius: 16px;
+            cursor: pointer;
+            font-family: 'Tajawal', sans-serif;
+            font-size: 13px;
+            font-weight: 600;
+            transition: transform 0.25s cubic-bezier(0.34,1.56,0.64,1),
+                        box-shadow 0.25s ease,
+                        background 0.2s ease,
+                        color 0.2s ease;
+            display: flex;
+            align-items: center;
+            gap: 6px;
+            box-shadow: var(--shadow-badge);
+        }
+
+        .btn-header:hover {
+            background: rgba(255,255,255,0.92);
+            border-color: rgba(124,58,237,0.35);
+            color: var(--clay-accent);
+            transform: translateY(-2px);
+            box-shadow: var(--shadow-subject);
+        }
+
+        .btn-header:active {
+            transform: scale(0.94);
+            box-shadow: var(--shadow-pressed);
+        }
+
+        .btn-change-subject {
+            background: linear-gradient(135deg, rgba(167,139,250,0.18), rgba(124,58,237,0.10));
+            border-color: rgba(124,58,237,0.28);
+            color: var(--clay-accent);
+        }
+
+        .btn-change-subject:hover {
+            background: linear-gradient(135deg, rgba(167,139,250,0.30), rgba(124,58,237,0.18));
+        }
+
+        .session-badge {
+            background: linear-gradient(135deg, rgba(16,185,129,0.14), rgba(52,211,153,0.08));
+            border: 1px solid rgba(16,185,129,0.25);
+            color: #059669;
+            padding: 6px 12px;
+            border-radius: 20px;
+            font-size: 11px;
+            font-weight: 700;
+            display: flex;
+            align-items: center;
+            gap: 5px;
+            box-shadow: var(--shadow-badge);
+        }
+
+        .session-badge .dot {
+            width: 7px;
+            height: 7px;
+            background: #10B981;
+            border-radius: 50%;
+            animation: clayPulse 2.2s ease-in-out infinite;
+            flex-shrink: 0;
+        }
+
+        /* ============================================================
+           CHAT CONTAINER
+        ============================================================ */
+        .chat-container {
+            flex: 1;
+            overflow-y: auto;
+            padding: 24px 20px;
+            display: flex;
+            flex-direction: column;
+            gap: 18px;
+            scroll-behavior: smooth;
+        }
+
+        /* ============================================================
+           WELCOME MESSAGE
+        ============================================================ */
+        .welcome-message {
+            text-align: center;
+            padding: 48px 24px 36px;
+            color: var(--clay-muted);
+            max-width: 560px;
+            margin: 0 auto;
+        }
+
+        .welcome-message .welcome-icon {
+            font-size: 64px;
+            margin-bottom: 20px;
+            display: block;
+            filter: drop-shadow(0 8px 20px rgba(124,58,237,0.25));
+            animation: clayBreathe 5s ease-in-out infinite;
+            color: var(--clay-accent);
+        }
+
+        .welcome-message h2 {
+            font-family: 'Nunito', 'Tajawal', sans-serif;
+            color: var(--clay-fg);
+            font-size: 24px;
+            font-weight: 900;
+            margin-bottom: 10px;
+        }
+
+        .welcome-message p {
+            font-size: 14.5px;
+            line-height: 1.85;
+            max-width: 460px;
+            margin: 0 auto;
+            color: var(--clay-muted);
+            font-weight: 500;
+        }
+
+        .quick-actions {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 10px;
+            justify-content: center;
+            margin-top: 24px;
+        }
+
+        .quick-action {
+            background: rgba(255,255,255,0.72);
+            backdrop-filter: blur(12px);
+            border: 1.5px solid rgba(124,58,237,0.18);
+            color: var(--clay-accent);
+            padding: 9px 18px;
+            border-radius: 20px;
+            cursor: pointer;
+            font-family: 'Tajawal', sans-serif;
+            font-size: 13px;
+            font-weight: 700;
+            transition: transform 0.28s cubic-bezier(0.34,1.56,0.64,1),
+                        box-shadow 0.28s ease,
+                        background 0.2s ease;
+            box-shadow: var(--shadow-badge);
+            display: flex;
+            align-items: center;
+            gap: 6px;
+        }
+
+        .quick-action:hover {
+            background: linear-gradient(135deg, rgba(167,139,250,0.22), rgba(124,58,237,0.12));
+            border-color: rgba(124,58,237,0.38);
+            transform: translateY(-3px) scale(1.04);
+            box-shadow: var(--shadow-subject);
+        }
+
+        .quick-action:active {
+            transform: scale(0.94);
+            box-shadow: var(--shadow-pressed);
+        }
+
+        /* ============================================================
+           MESSAGES
+        ============================================================ */
+        .message {
+            display: flex;
+            gap: 10px;
+            max-width: 86%;
+            animation: clayMessageIn 0.35s cubic-bezier(0.34,1.56,0.64,1);
+        }
+
+        .message.user {
+            align-self: flex-start;
+            flex-direction: row;
+        }
+
+        .message.bot {
+            align-self: flex-end;
+            flex-direction: row-reverse;
+        }
+
+        .message-avatar {
+            width: 38px;
+            height: 38px;
+            border-radius: 14px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 17px;
+            flex-shrink: 0;
+            margin-top: 4px;
+        }
+
+        .message.user .message-avatar {
+            background: var(--clay-btn-grad);
+            box-shadow: var(--shadow-btn);
+            color: white;
+        }
+
+        .message.bot .message-avatar {
+            background: rgba(255,255,255,0.80);
+            border: 1.5px solid rgba(124,58,237,0.18);
+            box-shadow: var(--shadow-badge);
+            color: var(--clay-accent);
+        }
+
+        .message-wrapper {
+            min-width: 0;
+            flex: 1;
+        }
+
+        .message-content {
+            padding: 14px 20px;
+            border-radius: 24px;
+            line-height: 1.85;
+            font-size: 14.5px;
+            position: relative;
+            word-wrap: break-word;
+            overflow-wrap: break-word;
+            font-weight: 500;
+        }
+
+        /* User bubble — convex clay */
+        .message.user .message-content {
+            background: var(--clay-btn-grad);
+            color: #fff;
+            border-bottom-right-radius: 6px;
+            box-shadow: var(--shadow-user-msg);
+        }
+
+        /* Bot bubble — floating card */
+        .message.bot .message-content {
+            background: rgba(255,255,255,0.78);
+            backdrop-filter: blur(16px);
+            -webkit-backdrop-filter: blur(16px);
+            color: var(--clay-fg);
+            border: 1.5px solid rgba(255,255,255,0.85);
+            border-bottom-left-radius: 6px;
+            box-shadow: var(--shadow-bot-msg);
+        }
+
+        .message-meta {
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            margin-top: 7px;
+            font-size: 11px;
+            color: var(--clay-subtle);
+            font-weight: 500;
+        }
+
+        .message.user .message-meta {
+            color: rgba(124,58,237,0.55);
+        }
+
+        .file-badge {
+            background: linear-gradient(135deg, rgba(167,139,250,0.20), rgba(124,58,237,0.12));
+            color: var(--clay-accent);
+            padding: 2px 9px;
+            border-radius: 10px;
+            font-size: 10px;
+            font-weight: 700;
+            border: 1px solid rgba(124,58,237,0.18);
+        }
+
+        /* ============================================================
+           STREAMING CURSOR
+        ============================================================ */
+        .streaming-cursor {
+            display: inline-block;
+            width: 2.5px;
+            height: 1em;
+            background: var(--clay-accent);
+            margin-right: 2px;
+            vertical-align: text-bottom;
+            border-radius: 2px;
+            animation: clayBlink 0.75s ease-in-out infinite;
+        }
+
+        /* ============================================================
+           BOT MESSAGE RICH CONTENT
+        ============================================================ */
+        .message.bot .message-content h1,
+        .message.bot .message-content h2,
+        .message.bot .message-content h3,
+        .message.bot .message-content h4,
+        .message.bot .message-content h5,
+        .message.bot .message-content h6 {
+            font-family: 'Nunito', 'Tajawal', sans-serif;
+            color: var(--clay-fg);
+            margin: 18px 0 9px;
+            line-height: 1.25;
+        }
+
+        .message.bot .message-content h1 {
+            font-size: 20px;
+            font-weight: 900;
+            border-bottom: 2.5px solid rgba(124,58,237,0.25);
+            padding-bottom: 8px;
+            margin-bottom: 14px;
+            background: linear-gradient(135deg, var(--clay-accent), var(--clay-accent-alt));
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+
+        .message.bot .message-content h2 {
+            font-size: 17px;
+            font-weight: 800;
+            border-bottom: 1.5px solid rgba(124,58,237,0.14);
+            padding-bottom: 6px;
+            color: var(--clay-accent);
+        }
+
+        .message.bot .message-content h3 {
+            font-size: 15.5px;
+            font-weight: 800;
+            color: #6D28D9;
+        }
+
+        .message.bot .message-content h4 {
+            font-size: 14.5px;
+            font-weight: 700;
+            color: #7C3AED;
+        }
+
+        .message.bot .message-content h5,
+        .message.bot .message-content h6 {
+            font-size: 13.5px;
+            font-weight: 700;
+            color: var(--clay-muted);
+        }
+
+        .message.bot .message-content > h1:first-child,
+        .message.bot .message-content > h2:first-child,
+        .message.bot .message-content > h3:first-child { margin-top: 0; }
+
+        .message.bot .message-content p {
+            margin: 9px 0;
+            line-height: 1.9;
+            color: var(--clay-fg);
+        }
+        .message.bot .message-content strong,
+        .message.bot .message-content b {
+            color: var(--clay-accent);
+            font-weight: 700;
+        }
+
+        .message.bot .message-content em,
+        .message.bot .message-content i {
+            color: var(--clay-accent-alt);
+            font-style: italic;
+        }
+
+        .message.bot .message-content a {
+            color: var(--clay-sky);
+            text-decoration: none;
+            border-bottom: 1.5px dashed rgba(14,165,233,0.45);
+            transition: all 0.2s ease;
+            font-weight: 600;
+        }
+
+        .message.bot .message-content a:hover {
+            color: var(--clay-accent);
+            border-bottom-style: solid;
+            border-bottom-color: var(--clay-accent);
+        }
+
+        .message.bot .message-content ul,
+        .message.bot .message-content ol {
+            margin: 10px 0;
+            padding-right: 26px;
+        }
+
+        .message.bot .message-content li {
+            margin: 7px 0;
+            line-height: 1.85;
+            color: var(--clay-fg);
+        }
+
+        .message.bot .message-content ul li::marker {
+            color: var(--clay-accent);
+        }
+
+        .message.bot .message-content ol li::marker {
+            color: var(--clay-sky);
+            font-weight: 700;
+        }
+
+        /* TABLE */
+        .message.bot .message-content .table-wrapper {
+            overflow-x: auto;
+            margin: 16px 0;
+            border-radius: 20px;
+            border: 1.5px solid rgba(124,58,237,0.14);
+            box-shadow: var(--shadow-card);
+        }
+
+        .message.bot .message-content table {
+            width: 100%;
+            border-collapse: collapse;
+            font-size: 13.5px;
+            min-width: 300px;
+            background: rgba(255,255,255,0.60);
+        }
+
+        .message.bot .message-content thead {
+            background: linear-gradient(135deg, rgba(167,139,250,0.18), rgba(124,58,237,0.10));
+        }
+
+        .message.bot .message-content th {
+            padding: 11px 16px;
+            text-align: right;
+            font-family: 'Nunito', 'Tajawal', sans-serif;
+            font-weight: 800;
+            color: var(--clay-accent);
+            border-bottom: 2px solid rgba(124,58,237,0.20);
+            white-space: nowrap;
+            font-size: 13px;
+        }
+
+        .message.bot .message-content td {
+            padding: 10px 16px;
+            text-align: right;
+            border-bottom: 1px solid rgba(124,58,237,0.07);
+            vertical-align: top;
+            color: var(--clay-fg);
+            font-weight: 500;
+        }
+
+        .message.bot .message-content tbody tr:nth-child(odd) {
+            background: rgba(167,139,250,0.04);
+        }
+
+        .message.bot .message-content tbody tr:nth-child(even) {
+            background: rgba(255,255,255,0.50);
+        }
+
+        .message.bot .message-content tbody tr:hover {
+            background: rgba(167,139,250,0.10);
+        }
+
+        .message.bot .message-content tbody tr:last-child td {
+            border-bottom: none;
+        }
+
+        /* INLINE CODE */
+        .message.bot .message-content code:not(pre code) {
+            background: rgba(124,58,237,0.10);
+            padding: 2px 8px;
+            border-radius: 8px;
+            font-size: 13px;
+            font-family: 'Courier New', monospace;
+            color: var(--clay-accent-alt);
+            border: 1px solid rgba(124,58,237,0.16);
+            font-weight: 600;
+        }
+
+        /* CODE BLOCK */
+        .message.bot .message-content pre {
+            background: #1e1a2e;
+            border: 1.5px solid rgba(124,58,237,0.22);
+            border-radius: 20px;
+            padding: 0;
+            margin: 14px 0;
+            overflow: hidden;
+            box-shadow:
+                10px 10px 20px rgba(124,58,237,0.15),
+                -6px -6px 14px rgba(255,255,255,0.60),
+                inset 0 1px 0 rgba(255,255,255,0.08);
+        }
+
+        .message.bot .message-content pre .code-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 9px 16px;
+            background: rgba(255,255,255,0.06);
+            border-bottom: 1px solid rgba(124,58,237,0.18);
+            font-size: 12px;
+            color: rgba(167,139,250,0.80);
+            font-weight: 600;
+        }
+
+        .message.bot .message-content pre .code-header .copy-btn {
+            background: rgba(167,139,250,0.18);
+            border: 1px solid rgba(167,139,250,0.30);
+            color: rgba(167,139,250,0.90);
+            padding: 4px 12px;
+            border-radius: 10px;
+            cursor: pointer;
+            font-size: 11px;
+            font-family: 'Tajawal', sans-serif;
+            font-weight: 700;
+            transition: all 0.2s ease;
+        }
+
+        .message.bot .message-content pre .code-header .copy-btn:hover {
+            background: rgba(167,139,250,0.32);
+            color: #fff;
+            transform: translateY(-1px);
+        }
+
+        .message.bot .message-content pre .code-header .copy-btn:active {
+            transform: scale(0.94);
+        }
+
+        .message.bot .message-content pre code {
+            display: block;
+            padding: 16px 20px;
+            overflow-x: auto;
+            font-size: 13px;
+            line-height: 1.65;
+            font-family: 'Courier New', monospace;
+            color: #e2d9f3;
+            background: transparent;
+            border: none;
+        }
+
+        /* BLOCKQUOTE */
+        .message.bot .message-content blockquote {
+            border-right: 4px solid var(--clay-accent);
+            background: linear-gradient(135deg, rgba(167,139,250,0.10), rgba(124,58,237,0.05));
+            padding: 13px 20px;
+            margin: 14px 0;
+            border-radius: 0 16px 16px 0;
+            color: var(--clay-muted);
+            font-style: italic;
+            font-weight: 500;
+            box-shadow:
+                6px 6px 12px rgba(124,58,237,0.08),
+                -4px -4px 8px rgba(255,255,255,0.80);
+        }
+
+        /* HR */
+        .message.bot .message-content hr {
+            border: none;
+            height: 2px;
+            background: linear-gradient(90deg, transparent, rgba(124,58,237,0.20), transparent);
+            margin: 18px 0;
+            border-radius: 2px;
+        }
+
+        /* MATH */
+        .message.bot .message-content .MathJax { font-size: 105% !important; }
+
+        .message.bot .message-content mjx-container {
+            overflow-x: auto;
+            overflow-y: hidden;
+            padding: 2px 0;
+        }
+
+        .message.bot .message-content mjx-container[display="true"] {
+            margin: 14px 0;
+            padding: 14px 18px;
+            background: rgba(255,255,255,0.65);
+            backdrop-filter: blur(8px);
+            border-radius: 16px;
+            border: 1.5px solid rgba(124,58,237,0.12);
+            box-shadow: var(--shadow-card);
+        }
+
+        /* ============================================================
+           TYPING INDICATOR
+        ============================================================ */
+        .typing-indicator {
+            display: none;
+            align-self: flex-end;
+            gap: 10px;
+            flex-direction: row-reverse;
+            max-width: 85%;
+        }
+
+        .typing-indicator.active { display: flex; }
+
+        .typing-dots {
+            display: flex;
+            gap: 5px;
+            padding: 16px 22px;
+            background: rgba(255,255,255,0.78);
+            backdrop-filter: blur(16px);
+            -webkit-backdrop-filter: blur(16px);
+            border: 1.5px solid rgba(255,255,255,0.85);
+            border-radius: 24px;
+            border-bottom-left-radius: 6px;
+            box-shadow: var(--shadow-typing);
+            align-items: center;
+        }
+
+        .typing-dots span {
+            width: 9px;
+            height: 9px;
+            background: linear-gradient(135deg, var(--clay-accent-light), var(--clay-accent));
+            border-radius: 50%;
+            animation: clayTyping 1.4s ease-in-out infinite;
+            box-shadow: 0 2px 6px rgba(124,58,237,0.30);
+        }
+
+        .typing-dots span:nth-child(2) { animation-delay: 0.2s; }
+        .typing-dots span:nth-child(3) { animation-delay: 0.4s; }
+
+        /* ============================================================
+           STATUS BAR
+        ============================================================ */
+        .status-bar {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            gap: 18px;
+            padding: 7px 16px;
+            background: rgba(255,255,255,0.65);
+            backdrop-filter: blur(12px);
+            -webkit-backdrop-filter: blur(12px);
+            font-size: 11px;
+            color: var(--clay-subtle);
+            flex-shrink: 0;
+            border-top: 1.5px solid rgba(255,255,255,0.75);
+            box-shadow: var(--shadow-status);
+            font-weight: 600;
+        }
+
+        .status-item {
+            display: flex;
+            align-items: center;
+            gap: 5px;
+            background: rgba(255,255,255,0.60);
+            padding: 3px 10px;
+            border-radius: 12px;
+            border: 1px solid rgba(124,58,237,0.10);
+            box-shadow: var(--shadow-badge);
+            transition: transform 0.2s ease;
+        }
+
+        .status-item:hover {
+            transform: translateY(-1px);
+            border-color: rgba(124,58,237,0.22);
+        }
+
+        /* ============================================================
+           INPUT AREA
+        ============================================================ */
+        .input-area {
+            padding: 14px 20px 18px;
+            background: rgba(255,255,255,0.72);
+            backdrop-filter: blur(20px);
+            -webkit-backdrop-filter: blur(20px);
+            border-top: 1.5px solid rgba(255,255,255,0.80);
+            flex-shrink: 0;
+            border-radius: 28px 28px 0 0;
+            box-shadow: var(--shadow-header);
+        }
+
+        .input-wrapper {
+            display: flex;
+            gap: 10px;
+            align-items: flex-end;
+            max-width: 900px;
+            margin: 0 auto;
+        }
+
+        .input-field {
+            flex: 1;
+            background: var(--clay-input-bg);
+            border: 1.5px solid rgba(124,58,237,0.14);
+            border-radius: 20px;
+            padding: 13px 20px;
+            color: var(--clay-fg);
+            font-family: 'Tajawal', sans-serif;
+            font-size: 15px;
+            font-weight: 500;
+            resize: none;
+            max-height: 120px;
+            min-height: 50px;
+            outline: none;
+            transition: box-shadow 0.25s ease,
+                        background 0.25s ease,
+                        border-color 0.25s ease;
+            line-height: 1.55;
+            box-shadow: var(--shadow-input);
+        }
+
+        .input-field:focus {
+            background: var(--clay-input-focus);
+            border-color: rgba(124,58,237,0.35);
+            box-shadow: var(--shadow-input-focus);
+        }
+
+        .input-field::placeholder {
+            color: var(--clay-subtle);
+            font-weight: 400;
+        }
+
+        .send-btn {
+            width: 50px;
+            height: 50px;
+            background: var(--clay-btn-grad);
+            border: none;
+            border-radius: 18px;
+            color: white;
+            font-size: 20px;
+            cursor: pointer;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            transition: transform 0.28s cubic-bezier(0.34,1.56,0.64,1),
+                        box-shadow 0.28s ease,
+                        opacity 0.2s ease;
+            flex-shrink: 0;
+            box-shadow: var(--shadow-send);
+        }
+
+        .send-btn:hover:not(:disabled) {
+            transform: translateY(-3px) scale(1.08);
+            box-shadow: var(--shadow-btn-hover);
+        }
+
+        .send-btn:active:not(:disabled) {
+            transform: scale(0.92);
+            box-shadow: var(--shadow-pressed);
+        }
+
+        .send-btn:disabled {
+            opacity: 0.48;
+            cursor: not-allowed;
+            box-shadow: none;
+        }
+
+        /* ============================================================
+           MODAL
+        ============================================================ */
+        .modal-overlay {
+            display: none;
+            position: fixed;
+            inset: 0;
+            background: rgba(100,80,140,0.25);
+            backdrop-filter: blur(12px);
+            -webkit-backdrop-filter: blur(12px);
+            z-index: 1000;
+            align-items: center;
+            justify-content: center;
+            padding: 20px;
+        }
+
+        .modal-overlay.active { display: flex; }
+
+        .modal {
+            background: rgba(255,255,255,0.88);
+            backdrop-filter: blur(24px);
+            -webkit-backdrop-filter: blur(24px);
+            border: 1.5px solid rgba(255,255,255,0.90);
+            border-radius: 36px;
+            padding: 30px;
+            max-width: 620px;
+            width: 100%;
+            max-height: 78vh;
+            overflow-y: auto;
+            box-shadow: var(--shadow-modal);
+            animation: clayMessageIn 0.35s cubic-bezier(0.34,1,1.56,0.64,1);
+        }
+
+        .modal::-webkit-scrollbar { width: 5px; }
+        .modal::-webkit-scrollbar-thumb {
+            background: rgba(124,58,237,0.22);
+            border-radius: 10px;
+        }
+
+        .modal h3 {
+            font-family: 'Nunito', 'Tajawal', sans-serif;
+            font-size: 19px;
+            font-weight: 900;
+            color: var(--clay-fg);
+            margin-bottom: 18px;
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            padding-bottom: 14px;
+            border-bottom: 2px solid rgba(124,58,237,0.12);
+        }
+
+        .modal-content {
+            font-size: 14px;
+            line-height: 1.85;
+            color: var(--clay-muted);
+            font-weight: 500;
+        }
+
+        /* Rich content inside modal */
+        .modal-content h1,
+        .modal-content h2,
+        .modal-content h3,
+        .modal-content h4 {
+            font-family: 'Nunito', 'Tajawal', sans-serif;
+            color: var(--clay-fg);
+            margin: 14px 0 8px;
+            font-weight: 800;
+        }
+
+        .modal-content h1 { font-size: 18px; color: var(--clay-accent); }
+        .modal-content h2 { font-size: 16px; color: var(--clay-accent); }
+        .modal-content h3 { font-size: 15px; color: #6D28D9; }
+        .modal-content p  { margin: 8px 0; color: var(--clay-fg); }
+
+        .modal-content strong,
+        .modal-content b { color: var(--clay-accent); font-weight: 700; }
+
+        .modal-content ul,
+        .modal-content ol { padding-right: 22px; margin: 8px 0; }
+
+        .modal-content li { margin: 5px 0; color: var(--clay-fg); }
+        .modal-content ul li::marker { color: var(--clay-accent); }
+        .modal-content ol li::marker { color: var(--clay-sky); font-weight: 700; }
+
+        .modal-content code:not(pre code) {
+            background: rgba(124,58,237,0.10);
+            padding: 2px 7px;
+            border-radius: 7px;
+            font-size: 12.5px;
+            font-family: 'Courier New', monospace;
+            color: var(--clay-accent-alt);
+            border: 1px solid rgba(124,58,237,0.15);
+        }
+
+        .modal-content blockquote {
+            border-right: 4px solid var(--clay-accent);
+            background: rgba(167,139,250,0.08);
+            padding: 10px 16px;
+            margin: 10px 0;
+            border-radius: 0 12px 12px 0;
+            color: var(--clay-muted);
+            font-style: italic;
+        }
+
+        .modal-content hr {
+            border: none;
+            height: 2px;
+            background: linear-gradient(90deg, transparent, rgba(124,58,237,0.18), transparent);
+            margin: 14px 0;
+        }
+
+        .modal-content mjx-container[display="true"] {
+            margin: 12px 0;
+            padding: 12px 16px;
+            background: rgba(167,139,250,0.07);
+            border-radius: 14px;
+            border: 1px solid rgba(124,58,237,0.12);
+        }
+
+        .modal-close {
+            background: var(--clay-btn-grad);
+            border: none;
+            color: white;
+            padding: 0 24px;
+            height: 48px;
+            border-radius: 18px;
+            cursor: pointer;
+            font-family: 'Nunito', 'Tajawal', sans-serif;
+            font-size: 15px;
+            font-weight: 800;
+            margin-top: 20px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            width: 100%;
+            transition: transform 0.28s cubic-bezier(0.34,1.56,0.64,1),
+                        box-shadow 0.28s ease;
+            box-shadow: var(--shadow-btn);
+        }
+
+        .modal-close:hover {
+            transform: translateY(-3px);
+            box-shadow: var(--shadow-btn-hover);
+        }
+
+        .modal-close:active {
+            transform: scale(0.93);
+            box-shadow: var(--shadow-pressed);
+        }
+
+        /* ============================================================
+           RESPONSIVE
+        ============================================================ */
+        @media (max-width: 768px) {
+            .subject-header h1 { font-size: 22px; }
+            .subject-header .main-logo { font-size: 56px; }
+            .subjects-grid {
+                grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
+                gap: 13px;
+            }
+            .subject-card { padding: 20px 14px 18px; border-radius: 24px; }
+            .subject-card .subject-icon { font-size: 36px; }
+
+            .header { padding: 10px 14px; border-radius: 0 0 20px 20px; }
+            .header-title h1 { font-size: 14px; }
+            .header-title .logo { width: 40px; height: 40px; font-size: 19px; border-radius: 13px; }
+            .header-actions { gap: 5px; }
+            .btn-header { padding: 7px 10px; font-size: 12px; border-radius: 13px; }
+            .btn-header .btn-text { display: none; }
+
+            .chat-container { padding: 14px 12px; gap: 14px; }
+            .message { max-width: 94%; }
+            .message-content { padding: 12px 15px; font-size: 14px; border-radius: 20px; }
+
+            .input-area { padding: 10px 14px 14px; border-radius: 22px 22px 0 0; }
+            .input-field { font-size: 14px; padding: 11px 16px; border-radius: 17px; }
+            .send-btn { width: 46px; height: 46px; border-radius: 15px; font-size: 18px; }
+
+            .status-bar { gap: 8px; font-size: 10px; padding: 5px 10px; }
+            .status-item { padding: 2px 8px; border-radius: 10px; }
+
+            .modal { border-radius: 28px; padding: 22px; }
+            .modal h3 { font-size: 16px; }
+
+            .welcome-message { padding: 32px 16px 24px; }
+            .welcome-message .welcome-icon { font-size: 52px; }
+            .welcome-message h2 { font-size: 20px; }
+        }
+
+        @media (max-width: 480px) {
+            .session-badge { display: none; }
+            .subjects-grid { grid-template-columns: repeat(2, 1fr); gap: 11px; }
+            .subject-header .main-logo { font-size: 48px; }
+            .subject-header h1 { font-size: 20px; }
+            .start-btn { height: 52px; font-size: 15px; padding: 0 28px; border-radius: 20px; }
+            .message { max-width: 97%; }
+            .quick-actions { gap: 7px; }
+            .quick-action { padding: 8px 14px; font-size: 12px; }
+        }
+
+        /* ============================================================
+           UTILITY — force Nunito on key numeric/label elements
+        ============================================================ */
+        #messageCount,
+        #totalMessages {
+            font-family: 'Nunito', 'Tajawal', sans-serif;
+            font-weight: 800;
+        }
+
+/* ============================================================
+   MEDIA BUTTONS (Voice & Image)
+============================================================ */
+.media-btn {
+    width: 50px;
+    height: 50px;
+    background: rgba(255,255,255,0.72);
+    border: 1.5px solid rgba(124,58,237,0.18);
+    border-radius: 18px;
+    font-size: 20px;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    transition: transform 0.28s cubic-bezier(0.34,1.56,0.64,1),
+                box-shadow 0.28s ease,
+                background 0.2s ease,
+                border-color 0.2s ease;
+    box-shadow: var(--shadow-badge);
+    color: var(--clay-accent);
+}
+
+.media-btn:hover:not(:disabled) {
+    background: rgba(255,255,255,0.92);
+    border-color: rgba(124,58,237,0.35);
+    transform: translateY(-3px) scale(1.08);
+    box-shadow: var(--shadow-subject);
+}
+
+.media-btn:active:not(:disabled) {
+    transform: scale(0.92);
+    box-shadow: var(--shadow-pressed);
+}
+
+.media-btn:disabled {
+    opacity: 0.45;
+    cursor: not-allowed;
+    transform: none;
+    box-shadow: none;
+}
+
+/* Voice button recording state */
+.media-btn.voice-btn.recording {
+    background: linear-gradient(135deg, rgba(239,68,68,0.15), rgba(220,38,38,0.08));
+    border-color: rgba(239,68,68,0.45);
+    animation: voicePulse 1.2s ease-in-out infinite;
+    box-shadow:
+        0 0 0 0 rgba(239,68,68,0.4),
+        var(--shadow-badge);
+    color: #ef4444;
+}
+
+@keyframes voicePulse {
+    0%, 100% {
+        box-shadow:
+            0 0 0 0 rgba(239,68,68,0.35),
+            var(--shadow-badge);
+    }
+    50% {
+        box-shadow:
+            0 0 0 8px rgba(239,68,68,0.0),
+            var(--shadow-badge);
+    }
+}
+
+/* ============================================================
+   IMAGE PREVIEW BAR
+============================================================ */
+.image-preview-bar {
+    max-width: 900px;
+    margin: 0 auto 10px;
+    background: rgba(255,255,255,0.82);
+    backdrop-filter: blur(16px);
+    -webkit-backdrop-filter: blur(16px);
+    border: 1.5px solid rgba(124,58,237,0.18);
+    border-radius: 20px;
+    padding: 10px 14px;
+    box-shadow: var(--shadow-card);
+    animation: clayMessageIn 0.3s cubic-bezier(0.34,1.56,0.64,1);
+}
+
+.image-preview-inner {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+}
+
+#imagePreviewThumb {
+    width: 52px;
+    height: 52px;
+    object-fit: cover;
+    border-radius: 12px;
+    border: 1.5px solid rgba(124,58,237,0.18);
+    box-shadow: var(--shadow-badge);
+    flex-shrink: 0;
+}
+
+.image-preview-info {
+    flex: 1;
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+}
+
+#imagePreviewName {
+    font-size: 13px;
+    font-weight: 700;
+    color: var(--clay-fg);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.image-preview-status {
+    font-size: 11.5px;
+    font-weight: 600;
+    color: var(--clay-muted);
+    transition: color 0.2s ease;
+}
+
+.image-preview-status.status-analyzing {
+    color: var(--clay-amber);
+    animation: clayPulse 1.5s ease-in-out infinite;
+}
+
+.image-preview-status.status-ready {
+    color: var(--clay-emerald);
+}
+
+.image-preview-cancel {
+    width: 30px;
+    height: 30px;
+    background: rgba(239,68,68,0.10);
+    border: 1.5px solid rgba(239,68,68,0.22);
+    border-radius: 10px;
+    color: #ef4444;
+    font-size: 13px;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    transition: all 0.2s ease;
+    font-weight: 700;
+}
+
+.image-preview-cancel:hover {
+    background: rgba(239,68,68,0.18);
+    border-color: rgba(239,68,68,0.40);
+    transform: scale(1.08);
+}
+
+.image-preview-cancel:active {
+    transform: scale(0.92);
+}
+
+/* ============================================================
+   MESSAGE IMAGE (inside chat bubble)
+============================================================ */
+.message-image-wrapper {
+    margin-bottom: 8px;
+}
+
+.message-image {
+    max-width: 260px;
+    max-height: 200px;
+    width: 100%;
+    object-fit: cover;
+    border-radius: 16px;
+    border: 1.5px solid rgba(255,255,255,0.40);
+    box-shadow: var(--shadow-badge);
+    cursor: pointer;
+    transition: transform 0.25s cubic-bezier(0.34,1.56,0.64,1),
+                box-shadow 0.25s ease;
+    display: block;
+}
+
+.message-image:hover {
+    transform: scale(1.03);
+    box-shadow: var(--shadow-card-hover);
+}
+
+/* ============================================================
+   VOICE RECORDING UI
+============================================================ */
+.voice-recording-ui {
+    max-width: 900px;
+    margin: 0 auto 10px;
+    background: linear-gradient(135deg, rgba(239,68,68,0.08), rgba(220,38,38,0.04));
+    backdrop-filter: blur(16px);
+    -webkit-backdrop-filter: blur(16px);
+    border: 1.5px solid rgba(239,68,68,0.25);
+    border-radius: 20px;
+    padding: 12px 16px;
+    box-shadow: var(--shadow-card);
+    animation: clayMessageIn 0.3s cubic-bezier(0.34,1.56,0.64,1);
+}
+
+.voice-recording-inner {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    flex-wrap: wrap;
+}
+
+/* Animated sound wave */
+.voice-wave {
+    display: flex;
+    align-items: center;
+    gap: 3px;
+    height: 28px;
+    flex-shrink: 0;
+}
+
+.voice-wave span {
+    display: block;
+    width: 4px;
+    border-radius: 4px;
+    background: linear-gradient(180deg, #ef4444, #dc2626);
+    animation: voiceWave 0.9s ease-in-out infinite;
+}
+
+.voice-wave span:nth-child(1) { height: 10px; animation-delay: 0s; }
+.voice-wave span:nth-child(2) { height: 22px; animation-delay: 0.15s; }
+.voice-wave span:nth-child(3) { height: 16px; animation-delay: 0.3s; }
+.voice-wave span:nth-child(4) { height: 26px; animation-delay: 0.45s; }
+.voice-wave span:nth-child(5) { height: 12px; animation-delay: 0.6s; }
+
+@keyframes voiceWave {
+    0%, 100% { transform: scaleY(1); opacity: 0.7; }
+    50%       { transform: scaleY(1.6); opacity: 1; }
+}
+
+.voice-timer {
+    font-family: 'Nunito', 'Tajawal', sans-serif;
+    font-size: 15px;
+    font-weight: 800;
+    color: #ef4444;
+    flex-shrink: 0;
+    min-width: 44px;
+}
+
+.voice-label {
+    font-size: 12.5px;
+    font-weight: 600;
+    color: var(--clay-muted);
+    flex: 1;
+}
+
+.voice-stop-btn {
+    background: linear-gradient(135deg, #ef4444, #dc2626);
+    border: none;
+    color: white;
+    padding: 7px 16px;
+    border-radius: 14px;
+    cursor: pointer;
+    font-family: 'Tajawal', sans-serif;
+    font-size: 12.5px;
+    font-weight: 700;
+    transition: transform 0.25s cubic-bezier(0.34,1.56,0.64,1),
+                box-shadow 0.25s ease;
+    box-shadow:
+        6px 6px 12px rgba(239,68,68,0.30),
+        -4px -4px 8px rgba(255,255,255,0.40);
+    flex-shrink: 0;
+}
+
+.voice-stop-btn:hover {
+    transform: translateY(-2px) scale(1.04);
+    box-shadow:
+        8px 8px 16px rgba(239,68,68,0.38),
+        -5px -5px 10px rgba(255,255,255,0.45);
+}
+
+.voice-stop-btn:active {
+    transform: scale(0.93);
+}
+
+.voice-cancel-btn {
+    background: rgba(255,255,255,0.70);
+    border: 1.5px solid rgba(239,68,68,0.22);
+    color: #ef4444;
+    padding: 7px 14px;
+    border-radius: 14px;
+    cursor: pointer;
+    font-family: 'Tajawal', sans-serif;
+    font-size: 12.5px;
+    font-weight: 700;
+    transition: all 0.2s ease;
+    flex-shrink: 0;
+}
+
+.voice-cancel-btn:hover {
+    background: rgba(239,68,68,0.08);
+    border-color: rgba(239,68,68,0.40);
+    transform: translateY(-1px);
+}
+
+.voice-cancel-btn:active {
+    transform: scale(0.93);
+}
+
+/* ============================================================
+   UNSUPPORTED IMAGE NOTIFICATION
+============================================================ */
+.unsupported-image-notif {
+    align-self: center;
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    background: linear-gradient(135deg, rgba(239,68,68,0.12), rgba(220,38,38,0.06));
+    border: 1.5px solid rgba(239,68,68,0.30);
+    border-radius: 20px;
+    padding: 12px 20px;
+    font-size: 13.5px;
+    font-weight: 600;
+    color: #dc2626;
+    max-width: 86%;
+    box-shadow:
+        8px 8px 16px rgba(239,68,68,0.12),
+        -6px -6px 12px rgba(255,255,255,0.80);
+    animation: clayMessageIn 0.35s cubic-bezier(0.34,1.56,0.64,1);
+    backdrop-filter: blur(12px);
+    -webkit-backdrop-filter: blur(12px);
+}
+
+.unsupported-icon {
+    font-size: 20px;
+    flex-shrink: 0;
+    color: #dc2626;
+}
+
+/* ============================================================
+   TOAST NOTIFICATION
+============================================================ */
+.toast {
+    position: fixed;
+    bottom: 100px;
+    left: 50%;
+    transform: translateX(-50%) translateY(20px);
+    background: rgba(255,255,255,0.90);
+    backdrop-filter: blur(20px);
+    -webkit-backdrop-filter: blur(20px);
+    border: 1.5px solid rgba(124,58,237,0.18);
+    border-radius: 20px;
+    padding: 12px 24px;
+    font-size: 13.5px;
+    font-weight: 700;
+    color: var(--clay-fg);
+    box-shadow: var(--shadow-modal);
+    z-index: 2000;
+    opacity: 0;
+    pointer-events: none;
+    transition: opacity 0.3s ease,
+                transform 0.3s cubic-bezier(0.34,1.56,0.64,1);
+    white-space: nowrap;
+    max-width: 90vw;
+    text-align: center;
+    font-family: 'Tajawal', sans-serif;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.toast.show {
+    opacity: 1;
+    transform: translateX(-50%) translateY(0);
+    pointer-events: auto;
+}
+
+.toast.toast-success {
+    border-color: rgba(16,185,129,0.35);
+    background: linear-gradient(135deg, rgba(16,185,129,0.12), rgba(255,255,255,0.90));
+    color: #065f46;
+}
+
+.toast.toast-error {
+    border-color: rgba(239,68,68,0.35);
+    background: linear-gradient(135deg, rgba(239,68,68,0.10), rgba(255,255,255,0.90));
+    color: #991b1b;
+}
+
+.toast.toast-info {
+    border-color: rgba(14,165,233,0.30);
+    background: linear-gradient(135deg, rgba(14,165,233,0.10), rgba(255,255,255,0.90));
+    color: #0c4a6e;
+}
+
+/* ============================================================
+   RESPONSIVE — new elements
+============================================================ */
+@media (max-width: 768px) {
+    .media-btn {
+        width: 46px;
+        height: 46px;
+        font-size: 18px;
+        border-radius: 15px;
+    }
+
+    .voice-recording-inner { gap: 8px; }
+    .voice-label { display: none; }
+    .voice-stop-btn { padding: 7px 12px; font-size: 12px; }
+    .voice-cancel-btn { padding: 7px 10px; font-size: 12px; }
+
+    .image-preview-bar { border-radius: 16px; padding: 8px 12px; }
+    #imagePreviewThumb { width: 44px; height: 44px; border-radius: 10px; }
+
+    .message-image { max-width: 200px; max-height: 160px; }
+
+    .toast { font-size: 12.5px; padding: 10px 18px; bottom: 80px; }
+
+    .unsupported-image-notif { font-size: 12.5px; padding: 10px 16px; }
+}
+
+@media (max-width: 480px) {
+    .media-btn {
+        width: 42px;
+        height: 42px;
+        font-size: 17px;
+        border-radius: 13px;
+    }
+
+    .voice-recording-inner { gap: 6px; }
+    .voice-stop-btn { padding: 6px 10px; font-size: 11.5px; border-radius: 12px; }
+    .voice-cancel-btn { padding: 6px 8px; font-size: 11.5px; border-radius: 12px; }
+
+    .voice-wave span { width: 3px; }
+
+    .image-preview-bar { border-radius: 14px; }
+    #imagePreviewThumb { width: 38px; height: 38px; }
+    #imagePreviewName { font-size: 12px; }
+    .image-preview-status { font-size: 10.5px; }
+
+    .message-image { max-width: 170px; max-height: 130px; border-radius: 13px; }
+
+    .toast { font-size: 12px; padding: 9px 16px; border-radius: 16px; bottom: 70px; }
+
+    .unsupported-image-notif { font-size: 12px; padding: 9px 14px; border-radius: 16px; }
+    .unsupported-icon { font-size: 17px; }
+}
+    </style>
+</head>
+<body>
+
+    <!-- ANIMATED BACKGROUND BLOBS -->
+    <div class="clay-blobs" aria-hidden="true">
+        <div class="clay-blob clay-blob-1"></div>
+        <div class="clay-blob clay-blob-2"></div>
+        <div class="clay-blob clay-blob-3"></div>
+        <div class="clay-blob clay-blob-4"></div>
+    </div>
+
+
+
+    <!-- SUBJECT SELECTION PAGE -->
+    <div class="subject-page hidden" id="subjectPage">
+        <div class="subject-header">
+            <div class="main-logo"><i class="fas fa-graduation-cap"></i></div>
+            <h1>المساعد <span>التعليمي الذكي</span></h1>
+            <div class="user-info-bar" id="userInfoBar">
+                <span class="user-greeting"><strong id="userDisplayName">-</strong></span>
+                <span class="user-track-badge" id="userTrackBadge">-</span>
+            </div>
+            <p>اختر المادة التي تريد الدراسة فيها وسيساعدك المساعد الذكي في فهم جميع المواضيع</p>
+        </div>
+        <div class="subjects-grid" id="subjectsGrid">
+            <div class="loading-subjects">
+                <div class="spinner"></div>
+                <p>جاري تحميل المواد...</p>
+            </div>
+        </div>
+        <button class="start-btn" id="startBtn" onclick="startChat()" disabled>
+            <span><i class="fas fa-play"></i></span>
+            <span>ابدأ المحادثة</span>
+        </button>
+    </div>
+
+    <!-- TRANSITION OVERLAY -->
+    <div class="transition-overlay" id="transitionOverlay">
+        <div class="spinner"></div>
+        <p id="transitionText">جاري تحميل المادة...</p>
+    </div>
+
+    <!-- CHAT PAGE -->
+    <div class="chat-page hidden" id="chatPage">
+
+        <!-- Header -->
+        <div class="header">
+            <div class="header-title">
+                <div class="logo"><i class="fas fa-graduation-cap"></i></div>
+                <div>
+                    <h1 id="chatTitle">المساعد التعليمي الذكي</h1>
+                    <div class="subtitle" id="chatSubtitle">نظام تعليمي ذكي بالذكاء الاصطناعي</div>
+                    <div class="subject-badge-header" id="subjectBadgeHeader">
+                        <i class="fas fa-book"></i> <span id="currentSubjectName">-</span>
+                    </div>
+                </div>
+            </div>
+            <div class="header-actions">
+                <div class="user-chip" id="headerUserChip">
+                    <span><i class="fas fa-user"></i></span>
+                    <span id="headerUsername">-</span>
+                </div>
+                <div class="session-badge">
+                    <span class="dot"></span>
+                    <span id="messageCount">0 رسائل</span>
+                </div>
+                <button class="btn-header" onclick="showSummary()"><i class="fas fa-file-alt"></i> <span class="btn-text">الملخص</span></button>
+                <button class="btn-header" onclick="clearChat()"><i class="fas fa-trash-alt"></i> <span class="btn-text">مسح</span></button>
+                <a href="/dashboard" class="btn-header"><i class="fas fa-home"></i> <span class="btn-text">الرئيسية</span></a>
+            </div>
+        </div>
+
+        <!-- Chat Container -->
+        <div class="chat-container" id="chatContainer">
+            <div class="welcome-message" id="welcomeMessage">
+                <div class="welcome-icon" id="welcomeIcon"><i class="fas fa-book-open"></i></div>
+                <h2 id="welcomeTitle">مرحباً بك!</h2>
+                <p id="welcomeText">اطرح سؤالك وسأجيبك بالتفصيل مع المعادلات والشروحات!</p>
+                <div class="quick-actions" id="quickActions">
+                    <button class="quick-action" onclick="sendQuick('مرحبا، عرفني بنفسك')"><i class="fas fa-hand-wave"></i> تعرف عليّ</button>
+                    <button class="quick-action" onclick="sendQuick('ما هي المواضيع المتاحة؟')"><i class="fas fa-list"></i> المواضيع</button>
+                    <button class="quick-action" onclick="sendQuick('اشرح لي الفصل الأول')"><i class="fas fa-book-open"></i> الفصل الأول</button>
+                </div>
+            </div>
+            <div class="history-loading" id="historyLoading" style="display:none;">
+                <div class="spinner"></div>
+                <p>جاري تحميل سجل المحادثة...</p>
+            </div>
+            <div class="typing-indicator" id="typingIndicator">
+                <div class="message-avatar" style="background:rgba(255,255,255,0.80);border:1.5px solid rgba(124,58,237,0.18);"><i class="fas fa-user-graduate"></i></div>
+                <div class="typing-dots"><span></span><span></span><span></span></div>
+            </div>
+        </div>
+
+        <!-- Status Bar -->
+        <div class="status-bar">
+            <div class="status-item"><span><i class="fas fa-file-alt"></i></span><span id="currentFile">-</span></div>
+            <div class="status-item"><span><i class="fas fa-book"></i></span><span id="currentSubjectStatus">-</span></div>
+            <div class="status-item"><span><i class="fas fa-brain"></i></span><span id="summaryStatus">لا يوجد ملخص</span></div>
+            <div class="status-item"><span><i class="fas fa-comment-dots"></i></span><span id="totalMessages">0</span></div>
+        </div>
+
+        <!-- Input Area -->
+        <div class="input-area">
+            <!-- Image Preview Bar -->
+            <div class="image-preview-bar" id="imagePreviewBar" style="display:none;">
+                <div class="image-preview-inner">
+                    <img id="imagePreviewThumb" src="" alt="preview" />
+                    <div class="image-preview-info">
+                        <span id="imagePreviewName">صورة</span>
+                        <span class="image-preview-status" id="imagePreviewStatus">جاري التحليل...</span>
+                    </div>
+                    <button class="image-preview-cancel" onclick="cancelImage()" title="إلغاء"><i class="fas fa-times"></i></button>
+                </div>
+            </div>
+
+            <div class="input-wrapper">
+                <input type="file" id="imageFileInput" accept="image/*" style="display:none;" onchange="handleImageSelected(event)" />
+                <button class="media-btn image-btn" id="imageBtn" onclick="document.getElementById('imageFileInput').click()" title="إرسال صورة">
+                    <i class="fas fa-image"></i>
+                </button>
+                <button class="media-btn voice-btn" id="voiceBtn" onclick="toggleVoiceRecording()" title="تسجيل صوتي">
+                    <i class="fas fa-microphone"></i>
+                </button>
+                <textarea
+                    class="input-field"
+                    id="messageInput"
+                    placeholder="اكتب سؤالك هنا"
+                    rows="1"
+                    onkeydown="handleKeyDown(event)"
+                    oninput="autoResize(this)"
+                ></textarea>
+                <button class="send-btn" id="sendBtn" onclick="sendMessage()"><i class="fas fa-paper-plane"></i></button>
+            </div>
+
+            <!-- Voice Recording UI -->
+            <div class="voice-recording-ui" id="voiceRecordingUI" style="display:none;">
+                <div class="voice-recording-inner">
+                    <div class="voice-wave">
+                        <span></span><span></span><span></span><span></span><span></span>
+                    </div>
+                    <span class="voice-timer" id="voiceTimer">00:00</span>
+                    <span class="voice-label">جاري التسجيل...</span>
+                    <button class="voice-stop-btn" onclick="stopVoiceRecording()"><i class="fas fa-stop-circle"></i> إيقاف وإرسال</button>
+                    <button class="voice-cancel-btn" onclick="cancelVoiceRecording()"><i class="fas fa-times"></i> إلغاء</button>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Summary Modal -->
+    <div class="modal-overlay" id="summaryModal">
+        <div class="modal">
+            <h3><i class="fas fa-file-alt"></i> ملخص المحادثة وتحليل مستوى الطالب</h3>
+            <div class="modal-content" id="summaryContent">جاري تحميل الملخص...</div>
+            <button class="modal-close" onclick="closeSummaryModal()">إغلاق</button>
+        </div>
+    </div>
+
+    <!-- Toast Notification -->
+    <div class="toast" id="toast"></div>
+
+<script>
+    // ============================================================
+// USERNAME FROM FLASK SESSION (injected by Jinja2)
+// ============================================================
+const USERNAME = "{{ username }}";
+const SESSION_ID = "{{ session['session_id'] }}";
+
+// ============================================================
+// STATE
+// ============================================================
+let selectedSubject     = null;
+let selectedSubjectId   = null;
+let selectedSubjectName = null;
+let isProcessing        = false;
+let messageCounter      = 0;
+let currentUserData     = null;
+let historyLoaded       = false;
+
+// Voice state
+let mediaRecorder      = null;
+let audioChunks        = [];
+let voiceTimerInterval = null;
+let voiceSeconds       = 0;
+let isRecording        = false;
+
+// Image state
+let pendingImageUrl       = null;
+let pendingImageExtracted = null;
+let pendingImageFile      = null;
+let imageAnalyzing        = false;
+
+// Icon map (Using FontAwesome Classes)
+const subjectIconMap = {
+    'islamic':            'fa-book-quran',
+    'english':            'fa-language',
+    'math':               'fa-calculator',
+    'it':                 'fa-laptop-code',
+    'statistics':         'fa-chart-pie',
+    'chemistry':          'fa-flask',
+    'physics_electric':   'fa-bolt',
+    'physics_mechanic':   'fa-cogs',
+    'biology':            'fa-dna',
+    'literary_studies':   'fa-feather',
+    'linguistic_studies': 'fa-pen-nib',
+    'literature':         'fa-book',
+    'philosophy':         'fa-brain',
+    'reading_writing':    'fa-pen',
+    'grammar':            'fa-spell-check',
+    'criticism':          'fa-comments',
+    'history':            'fa-landmark',
+    'geography':          'fa-globe',
+    'psychology':         'fa-head-side-virus',
+    'national_education': 'fa-flag',
+    'default':            'fa-book'
+};
+
+function getSubjectIcon(subjectId) {
+    return subjectIconMap[subjectId] || subjectIconMap['default'];
+}
+
+// ============================================================
+// SOCKET.IO - FORCE LOGOUT & SESSION CHECK
+// ============================================================
+const socket = io();
+
+socket.on('connect', function() {
+    socket.emit('register_session', {
+        username:   USERNAME,
+        session_id: SESSION_ID
+    });
+
+    setInterval(function() {
+        socket.emit('check_session', {
+            username:   USERNAME,
+            session_id: SESSION_ID
+        });
+    }, 30000);
+});
+
+socket.on('force_logout', function(data) {
+    alert(data.message || 'تم تسجيل خروجك من جهاز آخر.');
+    window.location.href = '/login';
+});
+
+socket.on('session_valid', function(data) {
+    console.log('✅ Session valid');
+});
+
+socket.on('disconnect', function() {
+    console.log('🔌 Socket disconnected');
+});
+
+// ============================================================
+// SAFE FETCH - redirects to login on 401
+// ============================================================
+async function safeFetch(url, options = {}) {
+    const response = await fetch(url, options);
+    if (response.status === 401) {
+        window.location.href = '/login';
+        return null;
+    }
+    return response;
+}
+
+// ============================================================
+// TOAST NOTIFICATION
+// ============================================================
+function showToast(message, type = 'info', duration = 3500) {
+    const toast = document.getElementById('toast');
+    // Allow HTML in message for icons
+    toast.innerHTML = message;
+    toast.className = `toast toast-${type} show`;
+    setTimeout(() => { toast.className = 'toast'; }, duration);
+}
+
+// ============================================================
+// MARKDOWN PARSER
+// ============================================================
+class MarkdownParser {
+    static parse(text) {
+        if (!text) return '';
+        const protectedBlocks = [];
+        let blockIndex = 0;
+
+        function protect(content) {
+            const placeholder = `\x00BLOCK${blockIndex}\x00`;
+            protectedBlocks.push(content);
+            blockIndex++;
+            return placeholder;
+        }
+
+        text = text.replace(/\$\$([\s\S]*?)\$\$/g, (match) => protect(match));
+        text = text.replace(/\\\[([\s\S]*?)\\\]/g, (match) => protect(match));
+        text = text.replace(/```(\w*)\n?([\s\S]*?)```/g, (match, lang, code) => {
+            const escapedCode = MarkdownParser._escapeHtml(code.trim());
+            const codeId = `code_${Date.now()}_${blockIndex}`;
+            const html = `<pre><div class="code-header"><span>${lang || 'text'}</span><button class="copy-btn" onclick="copyCode('${codeId}')"><i class="fas fa-copy"></i> نسخ</button></div><code id="${codeId}" class="language-${lang || 'text'}">${escapedCode}</code></pre>`;
+            return protect(html);
+        });
+        text = text.replace(/`([^`\n]+)`/g, (match, code) => protect(`<code>${MarkdownParser._escapeHtml(code)}</code>`));
+        text = text.replace(/\\\([\s\S]*?\\\)/g, (match) => protect(match));
+        text = text.replace(/(?<![\\$])\$(?!\s)([^\$\n]+?)(?<!\s)\$(?!\$)/g, (match) => protect(match));
+
+        let lines    = text.split('\n');
+        let html     = '';
+        let inList   = false;
+        let listType = '';
+        let inBlockquote = false;
+        let inTable  = false;
+        let tableRows = [];
+        let i = 0;
+
+        while (i < lines.length) {
+            let line = lines[i];
+
+            if (line.trim().startsWith('|') && line.trim().endsWith('|')) {
+                if (!inTable) {
+                    if (inList) { html += MarkdownParser._closeList(listType); inList = false; }
+                    if (inBlockquote) { html += '</blockquote>'; inBlockquote = false; }
+                    inTable = true; tableRows = [];
+                }
+                tableRows.push(line.trim()); i++; continue;
+            } else if (inTable) {
+                html += MarkdownParser._renderTable(tableRows);
+                inTable = false; tableRows = []; continue;
+            }
+
+            if (/^(\*{3,}|-{3,}|_{3,})\s*$/.test(line.trim())) {
+                if (inList) { html += MarkdownParser._closeList(listType); inList = false; }
+                if (inBlockquote) { html += '</blockquote>'; inBlockquote = false; }
+                html += '<hr>'; i++; continue;
+            }
+
+            const headingMatch = line.match(/^(#{1,6})\s+(.+)/);
+            if (headingMatch) {
+                if (inList) { html += MarkdownParser._closeList(listType); inList = false; }
+                if (inBlockquote) { html += '</blockquote>'; inBlockquote = false; }
+                const level = headingMatch[1].length;
+                html += `<h${level}>${MarkdownParser._parseInline(headingMatch[2])}</h${level}>`;
+                i++; continue;
+            }
+
+            if (line.trim().startsWith('>')) {
+                if (inList) { html += MarkdownParser._closeList(listType); inList = false; }
+                if (!inBlockquote) { html += '<blockquote>'; inBlockquote = true; }
+                html += `<p>${MarkdownParser._parseInline(line.trim().replace(/^>\s*/, ''))}</p>`;
+                i++; continue;
+            } else if (inBlockquote) {
+                html += '</blockquote>'; inBlockquote = false;
+            }
+
+            const ulMatch = line.match(/^(\s*)([-*+])\s+(.+)/);
+            if (ulMatch) {
+                if (inBlockquote) { html += '</blockquote>'; inBlockquote = false; }
+                if (inList && listType !== 'ul') { html += MarkdownParser._closeList(listType); inList = false; }
+                if (!inList) { html += '<ul>'; inList = true; listType = 'ul'; }
+                html += `<li>${MarkdownParser._parseInline(ulMatch[3])}</li>`;
+                i++; continue;
+            }
+
+            const olMatch = line.match(/^(\s*)\d+[.)]\s+(.+)/);
+            if (olMatch) {
+                if (inBlockquote) { html += '</blockquote>'; inBlockquote = false; }
+                if (inList && listType !== 'ol') { html += MarkdownParser._closeList(listType); inList = false; }
+                if (!inList) { html += '<ol>'; inList = true; listType = 'ol'; }
+                html += `<li>${MarkdownParser._parseInline(olMatch[2])}</li>`;
+                i++; continue;
+            }
+
+            if (inList && line.trim() !== '') { html += MarkdownParser._closeList(listType); inList = false; }
+            if (line.trim() === '') { i++; continue; }
+            html += `<p>${MarkdownParser._parseInline(line)}</p>`;
+            i++;
+        }
+
+        if (inList) html += MarkdownParser._closeList(listType);
+        if (inBlockquote) html += '</blockquote>';
+        if (inTable) html += MarkdownParser._renderTable(tableRows);
+
+        html = html.replace(/\x00BLOCK(\d+)\x00/g, (match, idx) => protectedBlocks[parseInt(idx)] || match);
+        return html;
+    }
+
+    static _parseInline(text) {
+        if (!text) return '';
+        text = text.replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>');
+        text = text.replace(/__(.+?)__/g, '<strong>$1</strong>');
+        text = text.replace(/(?<!\*)\*(?!\*)(.+?)(?<!\*)\*(?!\*)/g, '<em>$1</em>');
+        text = text.replace(/(?<![_\w])_(?!_)(.+?)(?<!_)_(?![_\w])/g, '<em>$1</em>');
+        text = text.replace(/~~(.+?)~~/g, '<del>$1</del>');
+        text = text.replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2" target="_blank" rel="noopener">$1</a>');
+        return text;
+    }
+
+    static _renderTable(rows) {
+        if (rows.length < 1) return '';
+        const parseRow = (row) => row.split('|').filter((_, i, arr) => i > 0 && i < arr.length - 1).map(cell => cell.trim());
+        const headerCells = parseRow(rows[0]);
+        let dataStartIndex = (rows.length > 1 && /^[\s|:-]+$/.test(rows[1])) ? 2 : 1;
+        let tableHtml = '<div class="table-wrapper"><table><thead><tr>';
+        headerCells.forEach(cell => { tableHtml += `<th>${MarkdownParser._parseInline(cell)}</th>`; });
+        tableHtml += '</tr></thead><tbody>';
+        for (let i = dataStartIndex; i < rows.length; i++) {
+            const cells = parseRow(rows[i]);
+            if (cells.length === 0) continue;
+            tableHtml += '<tr>';
+            cells.forEach(cell => { tableHtml += `<td>${MarkdownParser._parseInline(cell)}</td>`; });
+            tableHtml += '</tr>';
+        }
+        tableHtml += '</tbody></table></div>';
+        return tableHtml;
+    }
+
+    static _closeList(type) { return type === 'ol' ? '</ol>' : '</ul>'; }
+
+    static _escapeHtml(text) {
+        const map = { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#039;' };
+        return text.replace(/[&<>"']/g, m => map[m]);
+    }
+}
+
+// ============================================================
+// COPY CODE
+// ============================================================
+function copyCode(codeId) {
+    const el = document.getElementById(codeId);
+    if (el) {
+        navigator.clipboard.writeText(el.textContent).then(() => {
+            const btn = el.parentElement.querySelector('.copy-btn');
+            if (btn) { btn.innerHTML = '<i class="fas fa-check"></i> تم ✓'; setTimeout(() => { btn.innerHTML = '<i class="fas fa-copy"></i> نسخ'; }, 2000); }
+        }).catch(() => {
+            const ta = document.createElement('textarea');
+            ta.value = el.textContent;
+            document.body.appendChild(ta);
+            ta.select();
+            document.execCommand('copy');
+            document.body.removeChild(ta);
+        });
+    }
+}
+
+function renderMath(element) {
+    if (window.MathJax && MathJax.typesetPromise) {
+        MathJax.typesetPromise([element]).then(() => fixArabicInMath()).catch(err => console.warn('MathJax:', err));
+    }
+}
+
+function highlightCode(element) {
+    element.querySelectorAll('pre code').forEach(block => { try { hljs.highlightElement(block); } catch(e) {} });
+}
+
+function autoResize(textarea) {
+    textarea.style.height = 'auto';
+    textarea.style.height = Math.min(textarea.scrollHeight, 120) + 'px';
+}
+
+function handleKeyDown(event) {
+    if (event.key === 'Enter' && !event.shiftKey) { event.preventDefault(); sendMessage(); }
+}
+
+function sendQuick(text) {
+    document.getElementById('messageInput').value = text;
+    sendMessage();
+}
+
+function scrollToBottom() {
+    const container = document.getElementById('chatContainer');
+    setTimeout(() => { container.scrollTop = container.scrollHeight; }, 50);
+}
+
+// ============================================================
+// ADD USER MESSAGE
+// ============================================================
+function addUserMessage(content, imageUrl = null) {
+    const container = document.getElementById('chatContainer');
+    const welcome   = document.getElementById('welcomeMessage');
+    if (welcome) welcome.style.display = 'none';
+
+    const messageDiv = document.createElement('div');
+    messageDiv.className = 'message user';
+
+    const avatar = document.createElement('div');
+    avatar.className = 'message-avatar';
+    avatar.innerHTML = '<i class="fas fa-user"></i>';
+
+    const wrapper    = document.createElement('div');
+    wrapper.className = 'message-wrapper';
+
+    const contentDiv = document.createElement('div');
+    contentDiv.className = 'message-content';
+
+    if (imageUrl) {
+        const imgWrapper = document.createElement('div');
+        imgWrapper.className = 'message-image-wrapper';
+        const img = document.createElement('img');
+        img.src       = imageUrl;
+        img.className = 'message-image';
+        img.alt       = 'صورة مرسلة';
+        img.onclick   = () => window.open(imageUrl, '_blank');
+        imgWrapper.appendChild(img);
+        contentDiv.appendChild(imgWrapper);
+    }
+
+    if (content) {
+        const textSpan = document.createElement('span');
+        textSpan.textContent = content;
+        contentDiv.appendChild(textSpan);
+    }
+
+    const metaDiv  = document.createElement('div');
+    metaDiv.className = 'message-meta';
+    const timeSpan = document.createElement('span');
+    timeSpan.textContent = new Date().toLocaleTimeString('ar-EG', { hour: '2-digit', minute: '2-digit' });
+    metaDiv.appendChild(timeSpan);
+
+    wrapper.appendChild(contentDiv);
+    wrapper.appendChild(metaDiv);
+    messageDiv.appendChild(avatar);
+    messageDiv.appendChild(wrapper);
+
+    const typingIndicator = document.getElementById('typingIndicator');
+    container.insertBefore(messageDiv, typingIndicator);
+
+    messageCounter++;
+    document.getElementById('messageCount').textContent = `${messageCounter} رسائل`;
+    scrollToBottom();
+}
+
+// ============================================================
+// ADD USER MESSAGE FROM HISTORY (with timestamp)
+// ============================================================
+function addUserMessageFromHistory(content, timestamp = null) {
+    const container = document.getElementById('chatContainer');
+    const welcome   = document.getElementById('welcomeMessage');
+    if (welcome) welcome.style.display = 'none';
+
+    const messageDiv = document.createElement('div');
+    messageDiv.className = 'message user';
+
+    const avatar = document.createElement('div');
+    avatar.className = 'message-avatar';
+    avatar.innerHTML = '<i class="fas fa-user"></i>';
+
+    const wrapper    = document.createElement('div');
+    wrapper.className = 'message-wrapper';
+
+    const contentDiv = document.createElement('div');
+    contentDiv.className = 'message-content';
+
+    if (content.startsWith('[صورة دراسية]')) {
+        const lines       = content.split('\n');
+        const questionLine = lines.find(l => l.startsWith('سؤال الطالب:'));
+        const displayText  = questionLine
+            ? questionLine.replace('سؤال الطالب:', '').trim()
+            : 'أرسل صورة دراسية';
+
+        const imgNotice = document.createElement('div');
+        imgNotice.style.cssText = 'display:flex;align-items:center;gap:8px;padding:6px 10px;background:rgba(124,58,237,0.08);border-radius:8px;margin-bottom:6px;font-size:13px;color:#7c3aed;';
+        imgNotice.innerHTML = '<i class="fas fa-image"></i> صورة دراسية';
+        contentDiv.appendChild(imgNotice);
+
+        if (displayText && displayText !== 'أرسل صورة دراسية') {
+            const textSpan = document.createElement('span');
+            textSpan.textContent = displayText;
+            contentDiv.appendChild(textSpan);
+        }
+    } else {
+        const textSpan = document.createElement('span');
+        textSpan.textContent = content;
+        contentDiv.appendChild(textSpan);
+    }
+
+    const metaDiv  = document.createElement('div');
+    metaDiv.className = 'message-meta';
+    const timeSpan = document.createElement('span');
+
+    if (timestamp) {
+        try {
+            const date = new Date(timestamp);
+            timeSpan.textContent = date.toLocaleTimeString('ar-EG', { hour: '2-digit', minute: '2-digit' });
+        } catch(e) {
+            timeSpan.textContent = new Date().toLocaleTimeString('ar-EG', { hour: '2-digit', minute: '2-digit' });
+        }
+    } else {
+        timeSpan.textContent = new Date().toLocaleTimeString('ar-EG', { hour: '2-digit', minute: '2-digit' });
+    }
+
+    metaDiv.appendChild(timeSpan);
+    wrapper.appendChild(contentDiv);
+    wrapper.appendChild(metaDiv);
+    messageDiv.appendChild(avatar);
+    messageDiv.appendChild(wrapper);
+
+    const typingIndicator = document.getElementById('typingIndicator');
+    container.insertBefore(messageDiv, typingIndicator);
+
+    messageCounter++;
+    document.getElementById('messageCount').textContent = `${messageCounter} رسائل`;
+}
+
+// ============================================================
+// ADD BOT MESSAGE FROM HISTORY
+// ============================================================
+function addBotMessageFromHistory(content, timestamp = null) {
+    const container = document.getElementById('chatContainer');
+    const welcome   = document.getElementById('welcomeMessage');
+    if (welcome) welcome.style.display = 'none';
+
+    const messageDiv = document.createElement('div');
+    messageDiv.className = 'message bot';
+
+    const avatar = document.createElement('div');
+    avatar.className = 'message-avatar';
+    avatar.style.cssText = 'background:rgba(255,255,255,0.80);border:1.5px solid rgba(124,58,237,0.18);';
+    avatar.innerHTML = '<i class="fas fa-user-graduate"></i>';
+
+    const wrapper = document.createElement('div');
+    wrapper.className = 'message-wrapper';
+
+    const contentDiv = document.createElement('div');
+    contentDiv.className = 'message-content';
+
+    try {
+        const html = MarkdownParser.parse(content);
+        contentDiv.innerHTML = html;
+        highlightCode(contentDiv);
+        setTimeout(() => { renderMath(contentDiv); }, 50);
+    } catch(e) {
+        contentDiv.innerHTML = content
+            .replace(/&/g, '&amp;')
+            .replace(/</g, '&lt;')
+            .replace(/>/g, '&gt;')
+            .replace(/\n/g, '<br>');
+    }
+
+    const metaDiv  = document.createElement('div');
+    metaDiv.className = 'message-meta';
+    const timeSpan = document.createElement('span');
+
+    if (timestamp) {
+        try {
+            const date = new Date(timestamp);
+            timeSpan.textContent = date.toLocaleTimeString('ar-EG', { hour: '2-digit', minute: '2-digit' });
+        } catch(e) {
+            timeSpan.textContent = new Date().toLocaleTimeString('ar-EG', { hour: '2-digit', minute: '2-digit' });
+        }
+    } else {
+        timeSpan.textContent = new Date().toLocaleTimeString('ar-EG', { hour: '2-digit', minute: '2-digit' });
+    }
+
+    const historyBadge = document.createElement('span');
+    historyBadge.className   = 'file-badge';
+    historyBadge.textContent = '📂 محفوظ';
+    historyBadge.style.cssText = 'opacity:0.6;font-size:10px;';
+
+    metaDiv.appendChild(timeSpan);
+    metaDiv.appendChild(historyBadge);
+    wrapper.appendChild(contentDiv);
+    wrapper.appendChild(metaDiv);
+    messageDiv.appendChild(avatar);
+    messageDiv.appendChild(wrapper);
+
+    const typingIndicator = document.getElementById('typingIndicator');
+    container.insertBefore(messageDiv, typingIndicator);
+
+    messageCounter++;
+    document.getElementById('messageCount').textContent = `${messageCounter} رسائل`;
+}
+
+// ============================================================
+// ADD HISTORY SEPARATOR
+// ============================================================
+function addHistorySeparator(text) {
+    const container = document.getElementById('chatContainer');
+    const sep = document.createElement('div');
+    sep.className = 'history-separator';
+    sep.innerHTML = `
+        <div class="history-separator-line"></div>
+        <span class="history-separator-text">${text}</span>
+        <div class="history-separator-line"></div>
+    `;
+    const typingIndicator = document.getElementById('typingIndicator');
+    container.insertBefore(sep, typingIndicator);
+}
+
+// ============================================================
+// ✅ RENDER HISTORY FROM MESSAGES ARRAY (no extra fetch needed)
+// Used after /select-subject or /switch-subject returns chat_history
+// ============================================================
+function renderHistoryFromMessages(messages, subjectId, subjectName) {
+    if (!messages || messages.length === 0) {
+        const welcome = document.getElementById('welcomeMessage');
+        if (welcome) welcome.style.display = 'block';
+        return false;
+    }
+
+    const welcome = document.getElementById('welcomeMessage');
+    if (welcome) welcome.style.display = 'none';
+
+    const savedDate = messages[0]?.timestamp
+        ? new Date(messages[0].timestamp).toLocaleDateString('ar-EG', {
+            year: 'numeric', month: 'long', day: 'numeric'
+          })
+        : 'محادثة سابقة';
+
+    addHistorySeparator(`<i class="fas fa-folder-open"></i> سجل محادثة ${subjectName} - ${savedDate}`);
+
+    for (const msg of messages) {
+        if (msg.role === 'user') {
+            addUserMessageFromHistory(msg.content, msg.timestamp);
+        } else if (msg.role === 'assistant') {
+            addBotMessageFromHistory(msg.content, msg.timestamp);
+        }
+    }
+
+    addHistorySeparator('<i class="fas fa-pen"></i> المحادثة الجديدة');
+
+    document.getElementById('messageCount').textContent = `${messageCounter} رسائل`;
+    setTimeout(() => { scrollToBottom(); }, 500);
+
+    console.log(`✅ Rendered ${messages.length} messages for subject: ${subjectId}`);
+    return true;
+}
+
+// ============================================================
+// CREATE BOT MESSAGE
+// ============================================================
+function createBotMessage(file = null) {
+    const container = document.getElementById('chatContainer');
+    const welcome   = document.getElementById('welcomeMessage');
+    if (welcome) welcome.style.display = 'none';
+
+    const messageDiv = document.createElement('div');
+    messageDiv.className = 'message bot';
+
+    const avatar = document.createElement('div');
+    avatar.className = 'message-avatar';
+    avatar.style.cssText = 'background:rgba(255,255,255,0.80);border:1.5px solid rgba(124,58,237,0.18);';
+    avatar.innerHTML = '<i class="fas fa-user-graduate"></i>';
+
+    const wrapper = document.createElement('div');
+    wrapper.className = 'message-wrapper';
+
+    const contentDiv = document.createElement('div');
+    contentDiv.className = 'message-content';
+
+    const metaDiv  = document.createElement('div');
+    metaDiv.className = 'message-meta';
+    const timeSpan = document.createElement('span');
+    timeSpan.textContent = new Date().toLocaleTimeString('ar-EG', { hour: '2-digit', minute: '2-digit' });
+    metaDiv.appendChild(timeSpan);
+
+    if (file) {
+        const fileBadge = document.createElement('span');
+        fileBadge.className   = 'file-badge';
+        fileBadge.textContent = file;
+        metaDiv.appendChild(fileBadge);
+    }
+
+    wrapper.appendChild(contentDiv);
+    wrapper.appendChild(metaDiv);
+    messageDiv.appendChild(avatar);
+    messageDiv.appendChild(wrapper);
+
+    const typingIndicator = document.getElementById('typingIndicator');
+    container.insertBefore(messageDiv, typingIndicator);
+
+    messageCounter++;
+    document.getElementById('messageCount').textContent = `${messageCounter} رسائل`;
+    scrollToBottom();
+    return contentDiv;
+}
+
+function renderBotContent(contentDiv, rawText) {
+    const html = MarkdownParser.parse(rawText);
+    contentDiv.innerHTML = html;
+    highlightCode(contentDiv);
+    renderMath(contentDiv);
+    scrollToBottom();
+}
+
+function showTyping() {
+    document.getElementById('typingIndicator').classList.add('active');
+    scrollToBottom();
+}
+
+function hideTyping() {
+    document.getElementById('typingIndicator').classList.remove('active');
+}
+
+function updateStatus(sessionInfo) {
+    if (sessionInfo) {
+        document.getElementById('currentFile').textContent      = sessionInfo.last_file || '-';
+        document.getElementById('summaryStatus').textContent    = sessionInfo.has_summary ? 'ملخص متوفر ✓' : 'لا يوجد ملخص';
+        document.getElementById('totalMessages').textContent    = sessionInfo.total_messages || 0;
+        if (sessionInfo.subject) document.getElementById('currentSubjectStatus').textContent = sessionInfo.subject;
+    }
+}
+
+// ============================================================
+// SEND MESSAGE
+// ============================================================
+async function sendMessage() {
+    const input   = document.getElementById('messageInput');
+    const message = input.value.trim();
+
+    if (pendingImageUrl && pendingImageExtracted && !imageAnalyzing) {
+        await sendImageMessage(message);
+        return;
+    }
+
+    if (!message || isProcessing) return;
+
+    isProcessing = true;
+    document.getElementById('sendBtn').disabled = true;
+
+    addUserMessage(message);
+    input.value        = '';
+    input.style.height = 'auto';
+    showTyping();
+
+    try {
+        const response = await safeFetch('/chat', {
+            method:  'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body:    JSON.stringify({ message: message })
+        });
+
+        if (!response) return;
+
+        const data = await response.json();
+
+        if (data.error) {
+            hideTyping();
+            if (data.need_subject) { goToSubjectSelection(); return; }
+            if (data.code === 'no_access') {
+                const errorDiv = createBotMessage();
+                errorDiv.innerHTML = `<p style="color:#DB2777;font-weight:600;"><i class="fas fa-exclamation-circle"></i> ${data.error}</p>`;
+                isProcessing = false;
+                document.getElementById('sendBtn').disabled = false;
+                return;
+            }
+            const errorDiv = createBotMessage();
+            errorDiv.innerHTML = `<p style="color:#DB2777;font-weight:600;"><i class="fas fa-exclamation-circle"></i> ${data.error}</p>`;
+            isProcessing = false;
+            document.getElementById('sendBtn').disabled = false;
+            return;
+        }
+
+        if (data.session_info) updateStatus(data.session_info);
+        document.getElementById('currentFile').textContent = data.chosen_file || '-';
+
+        if (data.type === 'gpt') {
+            hideTyping();
+            typewriterEffect(data.response, data.chosen_file);
+        } else if (data.type === 'mistral') {
+            hideTyping();
+            await streamResponse(data.stream_url, data.chosen_file);
+        }
+
+    } catch (error) {
+        hideTyping();
+        const errorDiv = createBotMessage();
+        errorDiv.innerHTML = `<p style="color:#DB2777;font-weight:600;"><i class="fas fa-exclamation-circle"></i> خطأ في الاتصال: ${error.message}</p>`;
+        isProcessing = false;
+        document.getElementById('sendBtn').disabled = false;
+        input.focus();
+    }
+}
+
+// ============================================================
+// SEND IMAGE MESSAGE
+// ============================================================
+async function sendImageMessage(extraText = '') {
+    if (!pendingImageUrl || !pendingImageExtracted) return;
+    if (isProcessing) return;
+
+    isProcessing = true;
+    document.getElementById('sendBtn').disabled = true;
+
+    const userText = extraText
+        ? `[صورة دراسية]\n\n${pendingImageExtracted}\n\nسؤال الطالب: ${extraText}`
+        : `[صورة دراسية]\n\n${pendingImageExtracted}`;
+
+    addUserMessage(extraText || 'أرسل صورة دراسية', pendingImageUrl);
+
+    pendingImageUrl       = null;
+    pendingImageExtracted = null;
+    pendingImageFile      = null;
+    hideImagePreview();
+
+    const input        = document.getElementById('messageInput');
+    input.value        = '';
+    input.style.height = 'auto';
+
+    showTyping();
+
+    try {
+        const response = await safeFetch('/chat', {
+            method:  'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body:    JSON.stringify({ message: userText })
+        });
+
+        if (!response) return;
+
+        const data = await response.json();
+
+        if (data.error) {
+            hideTyping();
+            if (data.need_subject) { goToSubjectSelection(); return; }
+            const errorDiv = createBotMessage();
+            errorDiv.innerHTML = `<p style="color:#DB2777;font-weight:600;"><i class="fas fa-exclamation-circle"></i> ${data.error}</p>`;
+            isProcessing = false;
+            document.getElementById('sendBtn').disabled = false;
+            return;
+        }
+
+        if (data.session_info) updateStatus(data.session_info);
+        document.getElementById('currentFile').textContent = data.chosen_file || '-';
+
+        if (data.type === 'gpt') {
+            hideTyping();
+            typewriterEffect(data.response, data.chosen_file);
+        } else if (data.type === 'mistral') {
+            hideTyping();
+            await streamResponse(data.stream_url, data.chosen_file);
+        }
+
+    } catch (error) {
+        hideTyping();
+        const errorDiv = createBotMessage();
+        errorDiv.innerHTML = `<p style="color:#DB2777;font-weight:600;"><i class="fas fa-exclamation-circle"></i> خطأ في الاتصال: ${error.message}</p>`;
+        isProcessing = false;
+        document.getElementById('sendBtn').disabled = false;
+    }
+}
+
+// ============================================================
+// TYPEWRITER EFFECT
+// ============================================================
+function typewriterEffect(text, file) {
+    const contentDiv = createBotMessage(file);
+    let index        = 0;
+    let renderTimer  = null;
+    let isRendering  = false;
+
+    contentDiv.innerHTML = '<span class="streaming-cursor"></span>';
+
+    function scheduleFullRender() {
+        if (renderTimer) clearTimeout(renderTimer);
+        renderTimer = setTimeout(() => {
+            if (!isRendering) {
+                isRendering = true;
+                try {
+                    const html = MarkdownParser.parse(text.substr(0, index));
+                    contentDiv.innerHTML = html + '<span class="streaming-cursor"></span>';
+                    highlightCode(contentDiv);
+                    renderMath(contentDiv);
+                } catch(e) {}
+                finally { isRendering = false; }
+                scrollToBottom();
+            }
+        }, 100);
+    }
+
+    function type() {
+        if (index < text.length) {
+            index += Math.min(6, text.length - index);
+            scheduleFullRender();
+            setTimeout(type, 10);
+        } else {
+            if (renderTimer) clearTimeout(renderTimer);
+            try { renderBotContent(contentDiv, text); } catch(e) { contentDiv.textContent = text; }
+            isProcessing = false;
+            document.getElementById('sendBtn').disabled = false;
+            document.getElementById('messageInput').focus();
+            refreshSessionInfo();
+        }
+    }
+    type();
+}
+
+// ============================================================
+// STREAM RESPONSE
+// ============================================================
+async function streamResponse(streamUrl, file) {
+    const contentDiv = createBotMessage(file);
+    let fullText     = '';
+    let renderTimer  = null;
+    let isRendering  = false;
+    let streamDone   = false;
+
+    contentDiv.innerHTML = '<span class="streaming-cursor"></span>';
+
+    function scheduleRender() {
+        if (renderTimer) clearTimeout(renderTimer);
+        renderTimer = setTimeout(() => {
+            if (!isRendering && fullText) {
+                isRendering = true;
+                const html  = MarkdownParser.parse(fullText);
+                contentDiv.innerHTML = html + (streamDone ? '' : '<span class="streaming-cursor"></span>');
+                highlightCode(contentDiv);
+                renderMath(contentDiv);
+                isRendering = false;
+                scrollToBottom();
+            }
+        }, 120);
+    }
+
+    return new Promise((resolve) => {
+        try {
+            const eventSource = new EventSource(streamUrl);
+
+            eventSource.onmessage = function(event) {
+                try {
+                    const data = JSON.parse(event.data);
+                    if (data.error) {
+                        eventSource.close();
+                        streamDone = true;
+                        if (renderTimer) clearTimeout(renderTimer);
+                        contentDiv.innerHTML = `<p style="color:#DB2777;font-weight:600;"><i class="fas fa-exclamation-circle"></i> ${data.error}</p>`;
+                        isProcessing = false;
+                        document.getElementById('sendBtn').disabled = false;
+                        resolve(); return;
+                    }
+                    if (data.chunk) { fullText += data.chunk; scheduleRender(); }
+                    if (data.done) {
+                        eventSource.close();
+                        streamDone = true;
+                        if (renderTimer) clearTimeout(renderTimer);
+                        renderBotContent(contentDiv, fullText);
+                        isProcessing = false;
+                        document.getElementById('sendBtn').disabled = false;
+                        refreshSessionInfo();
+                        resolve();
+                    }
+                } catch(e) { console.error('Stream parse error:', e); }
+            };
+
+            eventSource.onerror = function() {
+                eventSource.close();
+                streamDone = true;
+                if (renderTimer) clearTimeout(renderTimer);
+                if (!fullText) {
+                    contentDiv.innerHTML = `<p style="color:#DB2777;font-weight:600;"><i class="fas fa-exclamation-circle"></i> خطأ في الاتصال. حاول مرة أخرى.</p>`;
+                } else {
+                    renderBotContent(contentDiv, fullText);
+                }
+                isProcessing = false;
+                document.getElementById('sendBtn').disabled = false;
+                resolve();
+            };
+        } catch(error) {
+            contentDiv.innerHTML = `<p style="color:#DB2777;font-weight:600;"><i class="fas fa-exclamation-circle"></i> ${error.message}</p>`;
+            isProcessing = false;
+            document.getElementById('sendBtn').disabled = false;
+            resolve();
+        }
+    });
+}
+
+// ============================================================
+// REFRESH SESSION INFO
+// ============================================================
+async function refreshSessionInfo() {
+    try {
+        const response = await safeFetch('/session-info', {
+            method:  'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body:    JSON.stringify({})
+        });
+        if (!response) return;
+        const info = await response.json();
+        updateStatus(info);
+    } catch(e) {}
+}
+
+// ============================================================
+// VOICE RECORDING
+// ============================================================
+async function toggleVoiceRecording() {
+    if (isRecording) { stopVoiceRecording(); } else { await startVoiceRecording(); }
+}
+
+async function startVoiceRecording() {
+    try {
+        const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+        audioChunks  = [];
+        mediaRecorder = new MediaRecorder(stream, { mimeType: 'audio/webm' });
+
+        mediaRecorder.ondataavailable = (e) => {
+            if (e.data.size > 0) audioChunks.push(e.data);
+        };
+
+        mediaRecorder.onstop = async () => {
+            stream.getTracks().forEach(t => t.stop());
+            await processVoiceRecording();
+        };
+
+        mediaRecorder.start(100);
+        isRecording = true;
+
+        document.getElementById('voiceRecordingUI').style.display = 'block';
+        document.getElementById('voiceBtn').classList.add('recording');
+        document.getElementById('imageBtn').disabled = true;
+        document.getElementById('voiceBtn').innerHTML = '<i class="fas fa-microphone-slash"></i>';
+
+        voiceSeconds = 0;
+        updateVoiceTimer();
+        voiceTimerInterval = setInterval(() => {
+            voiceSeconds++;
+            updateVoiceTimer();
+            if (voiceSeconds >= 120) stopVoiceRecording();
+        }, 1000);
+
+    } catch(error) {
+        showToast('<i class="fas fa-microphone-slash"></i> لا يمكن الوصول إلى الميكروفون. تحقق من الأذونات.', 'error');
+    }
+}
+
+function updateVoiceTimer() {
+    const mins = String(Math.floor(voiceSeconds / 60)).padStart(2, '0');
+    const secs = String(voiceSeconds % 60).padStart(2, '0');
+    document.getElementById('voiceTimer').textContent = `${mins}:${secs}`;
+}
+
+function stopVoiceRecording() {
+    if (mediaRecorder && isRecording) {
+        mediaRecorder.stop();
+        isRecording = false;
+        clearInterval(voiceTimerInterval);
+        document.getElementById('voiceBtn').classList.remove('recording');
+        document.getElementById('voiceRecordingUI').style.display = 'none';
+        document.getElementById('imageBtn').disabled = false;
+        document.getElementById('voiceBtn').innerHTML = '<i class="fas fa-microphone"></i>';
+    }
+}
+
+function cancelVoiceRecording() {
+    if (mediaRecorder && isRecording) {
+        mediaRecorder.onstop = () => {};
+        mediaRecorder.stop();
+        if (mediaRecorder.stream) {
+            mediaRecorder.stream.getTracks().forEach(t => t.stop());
+        }
+        isRecording  = false;
+        audioChunks  = [];
+        clearInterval(voiceTimerInterval);
+        document.getElementById('voiceBtn').classList.remove('recording');
+        document.getElementById('voiceRecordingUI').style.display = 'none';
+        document.getElementById('imageBtn').disabled = false;
+        document.getElementById('voiceBtn').innerHTML = '<i class="fas fa-microphone"></i>';
+        showToast('<i class="fas fa-times-circle"></i> تم إلغاء التسجيل', 'info');
+    }
+}
+
+async function processVoiceRecording() {
+    if (audioChunks.length === 0) {
+        showToast('<i class="fas fa-exclamation-circle"></i> لم يتم تسجيل أي صوت', 'error');
+        return;
+    }
+
+    const audioBlob = new Blob(audioChunks, { type: 'audio/webm' });
+    audioChunks     = [];
+
+    const voiceBtn  = document.getElementById('voiceBtn');
+    voiceBtn.innerHTML     = '<i class="fas fa-spinner fa-spin"></i>';
+    voiceBtn.disabled        = true;
+    document.getElementById('sendBtn').disabled = true;
+    showToast('<i class="fas fa-microphone"></i> جاري معالجة التسجيل...', 'info', 10000);
+
+    try {
+        const formData = new FormData();
+        formData.append('audio', audioBlob, 'recording.webm');
+
+        const uploadResponse = await safeFetch('/voice-upload', {
+            method: 'POST',
+            body:   formData
+        });
+
+        if (!uploadResponse) return;
+
+        const uploadData = await uploadResponse.json();
+
+        if (uploadData.error) {
+            showToast(`<i class="fas fa-exclamation-circle"></i> ${uploadData.error}`, 'error');
+            resetVoiceBtn();
+            return;
+        }
+
+        const transcribeResponse = await safeFetch('/voice-transcribe', {
+            method:  'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body:    JSON.stringify({ file_url: uploadData.file_url })
+        });
+
+        if (!transcribeResponse) return;
+
+        const transcribeData = await transcribeResponse.json();
+
+        if (transcribeData.error) {
+            showToast(`<i class="fas fa-exclamation-circle"></i> ${transcribeData.error}`, 'error');
+            resetVoiceBtn();
+            return;
+        }
+
+        const transcription = transcribeData.transcription.trim();
+
+        if (!transcription) {
+            showToast('<i class="fas fa-exclamation-circle"></i> لم يتم التعرف على أي كلام', 'error');
+            resetVoiceBtn();
+            return;
+        }
+
+        showToast('<i class="fas fa-check-circle"></i> تم التعرف على الصوت بنجاح', 'success');
+        document.getElementById('messageInput').value = transcription;
+        autoResize(document.getElementById('messageInput'));
+        resetVoiceBtn();
+        await sendMessage();
+
+    } catch(error) {
+        showToast(`<i class="fas fa-exclamation-circle"></i> خطأ في معالجة الصوت: ${error.message}`, 'error');
+        resetVoiceBtn();
+    }
+}
+
+function resetVoiceBtn() {
+    const voiceBtn        = document.getElementById('voiceBtn');
+    voiceBtn.innerHTML  = '<i class="fas fa-microphone"></i>';
+    voiceBtn.disabled     = false;
+    document.getElementById('sendBtn').disabled = false;
+}
+
+// ============================================================
+// IMAGE HANDLING
+// ============================================================
+async function handleImageSelected(event) {
+    const file = event.target.files[0];
+    if (!file) return;
+
+    event.target.value = '';
+
+    if (!file.type.startsWith('image/')) {
+        showToast('<i class="fas fa-exclamation-triangle"></i> يرجى اختيار ملف صورة صالح', 'error');
+        return;
+    }
+
+    if (file.size > 10 * 1024 * 1024) {
+        showToast('<i class="fas fa-exclamation-triangle"></i> حجم الصورة كبير جداً. الحد الأقصى 10 ميجابايت', 'error');
+        return;
+    }
+
+    pendingImageFile = file;
+
+    const reader    = new FileReader();
+    reader.onload   = (e) => { showImagePreview(e.target.result, file.name); };
+    reader.readAsDataURL(file);
+
+    imageAnalyzing = true;
+    document.getElementById('imageBtn').disabled  = true;
+    document.getElementById('voiceBtn').disabled  = true;
+    document.getElementById('sendBtn').disabled   = true;
+    setImagePreviewStatus('جاري تحليل الصورة...', 'analyzing');
+
+    try {
+        const formData = new FormData();
+        formData.append('image', file, file.name);
+
+        const response = await safeFetch('/image-upload-analyze', {
+            method: 'POST',
+            body:   formData
+        });
+
+        if (!response) {
+            hideImagePreview();
+            resetImageState();
+            return;
+        }
+
+        const data = await response.json();
+
+        if (data.error) {
+            if (data.need_subject) {
+                hideImagePreview();
+                goToSubjectSelection();
+                return;
+            }
+            showToast(`<i class="fas fa-exclamation-circle"></i> ${data.error}`, 'error');
+            hideImagePreview();
+            resetImageState();
+            return;
+        }
+
+        if (!data.supported) {
+            hideImagePreview();
+            resetImageState();
+            showToast(data.message || '<i class="fas fa-exclamation-triangle"></i> هذه الصورة لا تحتوي على محتوى دراسي', 'error', 5000);
+
+            const container = document.getElementById('chatContainer');
+            const welcome   = document.getElementById('welcomeMessage');
+            if (welcome) welcome.style.display = 'none';
+
+            const notifDiv  = document.createElement('div');
+            notifDiv.className = 'unsupported-image-notif';
+            notifDiv.innerHTML = `<span class="unsupported-icon"><i class="fas fa-ban"></i></span>
+                <span>${data.message || 'هذه الصورة لا تحتوي على محتوى دراسي.'}</span>
+            `;
+            const typingIndicator = document.getElementById('typingIndicator');
+            container.insertBefore(notifDiv, typingIndicator);
+            scrollToBottom();
+
+            setTimeout(() => {
+                if (notifDiv.parentNode) notifDiv.parentNode.removeChild(notifDiv);
+            }, 5000);
+            return;
+        }
+
+        pendingImageUrl       = data.image_url;
+        pendingImageExtracted = data.extracted_text;
+        imageAnalyzing        = false;
+
+        setImagePreviewStatus('<i class="fas fa-check"></i> تم التحليل - اضغط إرسال', 'ready');
+        document.getElementById('imageBtn').disabled  = false;
+        document.getElementById('voiceBtn').disabled  = false;
+        document.getElementById('sendBtn').disabled   = false;
+
+        showToast('<i class="fas fa-check-circle"></i> تم تحليل الصورة بنجاح! اضغط إرسال أو أضف سؤالاً', 'success');
+        document.getElementById('messageInput').focus();
+        document.getElementById('messageInput').placeholder = 'أضف سؤالاً عن الصورة (اختياري) ثم اضغط إرسال...';
+
+    } catch(error) {
+        showToast(`<i class="fas fa-exclamation-circle"></i> خطأ في معالجة الصورة: ${error.message}`, 'error');
+        hideImagePreview();
+        resetImageState();
+    }
+}
+
+function showImagePreview(src, filename) {
+    const bar   = document.getElementById('imagePreviewBar');
+    const thumb = document.getElementById('imagePreviewThumb');
+    const name  = document.getElementById('imagePreviewName');
+    thumb.src         = src;
+    name.textContent  = filename || 'صورة';
+    bar.style.display = 'block';
+}
+
+function hideImagePreview() {
+    document.getElementById('imagePreviewBar').style.display = 'none';
+    document.getElementById('imagePreviewThumb').src         = '';
+}
+
+function setImagePreviewStatus(text, state) {
+    const statusEl       = document.getElementById('imagePreviewStatus');
+    // HTML allowed for icons
+    statusEl.innerHTML = text;
+    statusEl.className   = `image-preview-status status-${state}`;
+}
+
+function cancelImage() {
+    if (imageAnalyzing) {
+        showToast('<i class="fas fa-spinner fa-spin"></i> جاري التحليل، يرجى الانتظار...', 'info');
+        return;
+    }
+    hideImagePreview();
+    resetImageState();
+    document.getElementById('messageInput').placeholder = 'اكتب سؤالك هنا';
+    showToast('<i class="fas fa-times"></i> تم إلغاء الصورة', 'info');
+}
+
+function resetImageState() {
+    pendingImageUrl       = null;
+    pendingImageExtracted = null;
+    pendingImageFile      = null;
+    imageAnalyzing        = false;
+    document.getElementById('imageBtn').disabled  = false;
+    document.getElementById('voiceBtn').disabled  = false;
+    document.getElementById('sendBtn').disabled   = false;
+}
+
+// ============================================================
+// LOAD USER DATA & SUBJECTS
+// ============================================================
+async function loadUserAndSubjects() {
+    const grid     = document.getElementById('subjectsGrid');
+    const startBtn = document.getElementById('startBtn');
+
+    startBtn.disabled   = true;
+    startBtn.innerHTML  = `<span><i class="fas fa-play"></i></span><span>ابدأ المحادثة</span>`;
+    selectedSubjectId   = null;
+    selectedSubjectName = null;
+
+    grid.innerHTML = `
+        <div class="loading-subjects" style="grid-column:1/-1;">
+            <div class="spinner"></div>
+            <p>جاري تحميل المواد...</p>
+        </div>`;
+
+    try {
+        const response = await safeFetch('/me');
+        if (!response) return;
+
+        const data = await response.json();
+
+        if (!response.ok || data.error) {
+            showAccessDenied(data.error || 'حدث خطأ غير متوقع');
+            return;
+        }
+
+        currentUserData = data;
+
+        document.getElementById('userDisplayName').textContent = data.username;
+        document.getElementById('userTrackBadge').textContent  = data.student_type || '';
+        document.getElementById('headerUsername').textContent  = data.username;
+
+        const subjects = data.subjects || [];
+
+        if (subjects.length === 0) {
+            grid.innerHTML = `
+                <div class="no-subjects" style="grid-column:1/-1;">
+                    <div class="no-subjects-icon"><i class="fas fa-inbox"></i></div>
+                    <p style="color:var(--clay-fg);font-weight:600;">لا توجد مواد متاحة حالياً</p>
+                    <button class="retry-btn" onclick="loadUserAndSubjects()"><i class="fas fa-sync-alt"></i> إعادة المحاولة</button>
+                </div>`;
+            return;
+        }
+
+        grid.innerHTML = '';
+
+        subjects.forEach(subject => {
+            const iconClass = getSubjectIcon(subject.id);
+            const card = document.createElement('div');
+
+            if (subject.accessible) {
+                card.className           = 'subject-card';
+                card.dataset.subjectId   = subject.id;
+                card.dataset.subjectName = subject.name;
+                card.innerHTML = `
+                    <span class="subject-icon"><i class="fas ${iconClass}"></i></span>
+                    <div class="subject-name">${subject.name}</div>
+                    <div class="subject-info">${subject.free ? 'مجاني' : 'مشترك'}</div>
+                    ${subject.free ? '<span class="subject-free-badge">مجاني</span>' : ''}
+                `;
+                card.onclick = () => selectSubjectCard(subject.id, subject.name, card);
+            } else {
+                card.className           = 'subject-card locked';
+                card.dataset.subjectId   = subject.id;
+                card.dataset.subjectName = subject.name;
+                card.innerHTML = `
+                    <span class="subject-icon"><i class="fas ${iconClass}"></i></span>
+                    <div class="subject-name">${subject.name}</div>
+                    <div class="subject-info subject-locked-info"><i class="fas fa-lock"></i> يتطلب اشتراك</div>
+                    <span class="subject-price-badge">${subject.price} $</span>
+                `;
+                card.onclick = () => showToast(`<i class="fas fa-lock"></i> يجب شراء مادة "${subject.name}" للوصول إليها`, 'error', 4000);
+            }
+
+            grid.appendChild(card);
+        });
+
+        // ✅ AUTO-SELECT from URL param - but DON'T call startChat yet
+        // startChat will be called from init() after this returns
+        const urlParams  = new URLSearchParams(window.location.search);
+        const preSubject = urlParams.get('subject');
+        if (preSubject) {
+            const matchCard = grid.querySelector(`[data-subject-id="${preSubject}"]`);
+            if (matchCard && !matchCard.classList.contains('locked')) {
+                selectSubjectCard(preSubject, matchCard.dataset.subjectName, matchCard);
+            }
+        }
+
+    } catch(error) {
+        grid.innerHTML = `
+            <div class="no-subjects" style="grid-column:1/-1;">
+                <div class="no-subjects-icon"><i class="fas fa-exclamation-circle"></i></div>
+                <p style="color:var(--clay-fg);font-weight:600;">خطأ في تحميل المواد</p>
+                <p style="font-size:12px;margin-top:8px;color:#DB2777;">${error.message}</p>
+                <button class="retry-btn" onclick="loadUserAndSubjects()"><i class="fas fa-sync-alt"></i> إعادة المحاولة</button>
+            </div>`;
+    }
+}
+
+function showAccessDenied(message) {
+    document.getElementById('subjectPage').classList.add('hidden');
+    document.getElementById('chatPage').classList.add('hidden');
+    const accessPage = document.getElementById('accessDeniedPage');
+    if (accessPage) {
+        accessPage.classList.remove('hidden');
+        document.getElementById('accessDeniedTitle').textContent = '<i class="fas fa-lock"></i> غير مصرح';
+        document.getElementById('accessDeniedMsg').textContent   = message;
+    }
+}
+
+function selectSubjectCard(subjectId, subjectName, cardElement) {
+    document.querySelectorAll('.subject-card').forEach(c => c.classList.remove('selected'));
+    cardElement.classList.add('selected');
+
+    selectedSubjectId   = subjectId;
+    selectedSubjectName = subjectName;
+
+    const startBtn     = document.getElementById('startBtn');
+    startBtn.disabled  = false;
+    startBtn.innerHTML = `<span><i class="fas ${getSubjectIcon(subjectId)}"></i></span><span>ابدأ مع ${subjectName}</span>`;
+}
+
+// ============================================================
+// ✅ START CHAT - calls /select-subject and uses returned
+//    chat_history directly (no second fetch needed)
+// ============================================================
+async function startChat() {
+    if (!selectedSubjectId) {
+        showToast('<i class="fas fa-exclamation-circle"></i> يرجى اختيار مادة أولاً', 'error');
+        return;
+    }
+
+    const overlay = document.getElementById('transitionOverlay');
+    document.getElementById('transitionText').textContent = `جاري تحميل مادة ${selectedSubjectName}...`;
+    overlay.classList.add('active');
+
+    try {
+        const response = await safeFetch('/select-subject', {
+            method:  'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body:    JSON.stringify({ subject: selectedSubjectId })
+        });
+
+        if (!response) {
+            overlay.classList.remove('active');
+            return;
+        }
+
+        const data = await response.json();
+
+        if (!response.ok || data.error) {
+            overlay.classList.remove('active');
+            if (data.code === 'no_access') {
+                showToast(`<i class="fas fa-lock"></i> ${data.error}`, 'error', 5000);
+            } else {
+                showToast(`<i class="fas fa-exclamation-circle"></i> ${data.error}`, 'error');
+            }
+            return;
+        }
+
+        // ✅ Pass the chat_history from response directly
+        await switchToChatPage(data);
+
+    } catch(error) {
+        overlay.classList.remove('active');
+        showToast(`<i class="fas fa-exclamation-circle"></i> خطأ في الاتصال: ${error.message}`, 'error');
+    }
+}
+
+// ============================================================
+// ✅ SWITCH TO CHAT PAGE - uses chat_history from /select-subject
+//    response directly, NO extra fetch to /get-chat-history
+// ============================================================
+async function switchToChatPage(data) {
+    const iconClass  = getSubjectIcon(selectedSubjectId);
+    const subjectName = data.subject_name || selectedSubjectName;
+
+    document.getElementById('chatTitle').textContent           = `مساعد ${subjectName} الذكي`;
+    document.getElementById('chatSubtitle').textContent        = `${data.chapters_count} فصول متاحة`;
+    document.getElementById('currentSubjectName').textContent  = subjectName;
+    document.getElementById('currentSubjectStatus').textContent = subjectName;
+    document.getElementById('welcomeIcon').innerHTML         = `<i class="fas ${iconClass}"></i>`;
+    document.getElementById('welcomeTitle').textContent        = `مرحباً بك في مساعد ${subjectName}`;
+    document.getElementById('welcomeText').textContent         = `أنا مساعدك الذكي في مادة ${subjectName}. يمكنني مساعدتك في فهم جميع الفصول والمواضيع. اطرح سؤالك وسأجيبك بالتفصيل!`;
+
+    document.getElementById('subjectPage').classList.add('hidden');
+    document.getElementById('chatPage').classList.remove('hidden');
+    document.getElementById('transitionOverlay').classList.remove('active');
+
+    // ✅ Reset UI first (clears any old messages)
+    resetChatUI();
+
+    // ✅ Use chat_history from the /select-subject response directly
+    //    This is THIS subject's history - no wrong subject possible
+    const chatHistory = data.chat_history || [];
+
+    if (chatHistory.length > 0) {
+        historyLoaded = true;
+        const hasHistory = renderHistoryFromMessages(
+            chatHistory,
+            selectedSubjectId,
+            subjectName
+        );
+        if (hasHistory) {
+            showToast(`<i class="fas fa-check-circle"></i> تم استعادة ${chatHistory.length} رسالة من سجل ${subjectName}`, 'success', 3000);
+            document.getElementById('chatSubtitle').textContent = `${data.chapters_count} فصول - سجل محادثة محمّل`;
+        }
+    } else {
+        historyLoaded = false;
+        const welcome = document.getElementById('welcomeMessage');
+        if (welcome) welcome.style.display = 'block';
+    }
+
+    setTimeout(() => { document.getElementById('messageInput').focus(); }, 100);
+}
+
+function goToSubjectSelection() {
+    if (isProcessing) {
+        if (!confirm('هناك رسالة قيد المعالجة. هل تريد العودة لاختيار المادة؟')) return;
+        isProcessing = false;
+        document.getElementById('sendBtn').disabled = false;
+    }
+
+    if (imageAnalyzing)  { resetImageState(); hideImagePreview(); }
+    if (isRecording)     { cancelVoiceRecording(); }
+
+    document.getElementById('chatPage').classList.add('hidden');
+    document.getElementById('subjectPage').classList.remove('hidden');
+    historyLoaded = false;
+    loadUserAndSubjects();
+}
+
+function resetChatUI() {
+    const container = document.getElementById('chatContainer');
+    // ✅ Remove ALL old messages, separators, notifs
+    container.querySelectorAll(
+        '.message, .unsupported-image-notif, .history-separator'
+    ).forEach(el => el.remove());
+
+    const welcome = document.getElementById('welcomeMessage');
+    if (welcome) welcome.style.display = 'block';
+
+    const historyLoading = document.getElementById('historyLoading');
+    if (historyLoading) historyLoading.style.display = 'none';
+
+    messageCounter = 0;
+    document.getElementById('messageCount').textContent   = '0 رسائل';
+    document.getElementById('currentFile').textContent    = '-';
+    document.getElementById('summaryStatus').textContent  = 'لا يوجد ملخص';
+    document.getElementById('totalMessages').textContent  = '0';
+
+    hideImagePreview();
+    resetImageState();
+    document.getElementById('messageInput').placeholder = 'اكتب سؤالك هنا';
+}
+
+// ============================================================
+// SUMMARY MODAL
+// ============================================================
+async function showSummary() {
+    document.getElementById('summaryModal').classList.add('active');
+    document.getElementById('summaryContent').textContent = 'جاري تحميل الملخص...';
+
+    try {
+        const response = await safeFetch('/summary', {
+            method:  'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body:    JSON.stringify({})
+        });
+        if (!response) return;
+
+        const data       = await response.json();
+        const summaryDiv = document.getElementById('summaryContent');
+        summaryDiv.innerHTML = MarkdownParser.parse(data.summary);
+        renderMath(summaryDiv);
+        highlightCode(summaryDiv);
+
+    } catch(error) {
+        document.getElementById('summaryContent').innerHTML =
+            '<p style="color:#DB2777;font-weight:600;"><i class="fas fa-exclamation-circle"></i> خطأ في تحميل الملخص</p>';
+    }
+}
+
+function closeSummaryModal() {
+    document.getElementById('summaryModal').classList.remove('active');
+}
+
+document.getElementById('summaryModal').addEventListener('click', function(e) {
+    if (e.target === this) closeSummaryModal();
+});
+
+// ============================================================
+// CLEAR CHAT
+// ============================================================
+async function clearChat() {
+    if (!confirm('هل تريد مسح جميع الرسائل والملخصات للمادة الحالية؟')) return;
+
+    try {
+        const response = await safeFetch('/clear', {
+            method:  'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body:    JSON.stringify({})
+        });
+
+        if (!response) return;
+
+        // ✅ Clear UI
+        const container = document.getElementById('chatContainer');
+        container.querySelectorAll(
+            '.message, .unsupported-image-notif, .history-separator'
+        ).forEach(el => el.remove());
+
+        const welcome = document.getElementById('welcomeMessage');
+        if (welcome) welcome.style.display = 'block';
+
+        messageCounter = 0;
+        historyLoaded  = false;
+        document.getElementById('messageCount').textContent   = '0 رسائل';
+        document.getElementById('currentFile').textContent    = '-';
+        document.getElementById('summaryStatus').textContent  = 'لا يوجد ملخص';
+        document.getElementById('totalMessages').textContent  = '0';
+
+        hideImagePreview();
+        resetImageState();
+
+        // ✅ Re-select subject to keep server session active
+        //    but DON'T load history (we just cleared it)
+        if (selectedSubjectId) {
+            const reSelectResponse = await safeFetch('/select-subject', {
+                method:  'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body:    JSON.stringify({ subject: selectedSubjectId })
+            });
+            // We don't render history here since we just cleared
+        }
+
+        showToast('<i class="fas fa-check-circle"></i> تم مسح محادثة المادة الحالية بنجاح', 'success');
+
+    } catch(error) {
+        showToast('<i class="fas fa-exclamation-circle"></i> خطأ في مسح المحادثة', 'error');
+    }
+}
+
+// ============================================================
+// KEYBOARD SHORTCUTS
+// ============================================================
+document.addEventListener('keydown', function(e) {
+    if (e.key === 'Escape') {
+        closeSummaryModal();
+        if (isRecording) cancelVoiceRecording();
+    }
+});
+
+// ============================================================
+// ✅ INITIALIZE - Fixed to properly handle ?subject= URL param
+// ============================================================
+async function init() {
+    if (!USERNAME) {
+        window.location.href = '/login';
+        return;
+    }
+
+    const urlParams      = new URLSearchParams(window.location.search);
+    const subjectFromUrl = urlParams.get('subject');
+
+    // ✅ CASE 1: URL has ?subject=xxx
+    // Always call /select-subject with that subject first
+    // This guarantees we load THAT subject's history, not whatever
+    // was last in memory
+    if (subjectFromUrl) {
+        console.log(`🔀 URL subject param detected: ${subjectFromUrl}`);
+
+        // Show transition overlay while loading
+        const overlay = document.getElementById('transitionOverlay');
+        document.getElementById('transitionText').textContent = 'جاري تحميل المادة...';
+        overlay.classList.add('active');
+
+        try {
+            // Load user data for header first
+            const meResponse = await safeFetch('/me');
+            if (!meResponse) {
+                overlay.classList.remove('active');
+                document.getElementById('subjectPage').classList.remove('hidden');
+                await loadUserAndSubjects();
+                return;
+            }
+
+            const meData = await meResponse.json();
+            if (meData.error) {
+                overlay.classList.remove('active');
+                showAccessDenied(meData.error);
+                return;
+            }
+
+            currentUserData = meData;
+            document.getElementById('userDisplayName').textContent = meData.username;
+            document.getElementById('userTrackBadge').textContent  = meData.student_type || '';
+            document.getElementById('headerUsername').textContent  = meData.username;
+
+            // ✅ Find subject name from user's subjects list
+            const subjects    = meData.subjects || [];
+            const subjectInfo = subjects.find(s => s.id === subjectFromUrl);
+
+            if (!subjectInfo) {
+                // Subject not found or not accessible - go to subject selection
+                overlay.classList.remove('active');
+                showToast('<i class="fas fa-exclamation-circle"></i> المادة غير متاحة، يرجى اختيار مادة من القائمة', 'error', 4000);
+                document.getElementById('subjectPage').classList.remove('hidden');
+                await loadUserAndSubjects();
+                return;
+            }
+
+            if (!subjectInfo.accessible) {
+                overlay.classList.remove('active');
+                showToast(`<i class="fas fa-lock"></i> يجب شراء مادة "${subjectInfo.name}" للوصول إليها`, 'error', 4000);
+                document.getElementById('subjectPage').classList.remove('hidden');
+                await loadUserAndSubjects();
+                return;
+            }
+
+            // ✅ Set selected subject state
+            selectedSubjectId   = subjectFromUrl;
+            selectedSubjectName = subjectInfo.name;
+
+            // ✅ Call /select-subject - this loads THIS subject's
+            //    history from DB into memory and returns it
+            const selectResponse = await safeFetch('/select-subject', {
+                method:  'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body:    JSON.stringify({ subject: subjectFromUrl })
+            });
+
+            if (!selectResponse) {
+                overlay.classList.remove('active');
+                document.getElementById('subjectPage').classList.remove('hidden');
+                await loadUserAndSubjects();
+                return;
+            }
+
+            const selectData = await selectResponse.json();
+
+            if (selectData.error) {
+                overlay.classList.remove('active');
+                showToast(`<i class="fas fa-exclamation-circle"></i> ${selectData.error}`, 'error');
+                document.getElementById('subjectPage').classList.remove('hidden');
+                await loadUserAndSubjects();
+                return;
+            }
+
+            // ✅ Switch to chat page using the returned data
+            //    chat_history here is ONLY for this subject
+            await switchToChatPage(selectData);
+
+        } catch(error) {
+            console.error('❌ Init error with subject param:', error);
+            overlay.classList.remove('active');
+            document.getElementById('subjectPage').classList.remove('hidden');
+            await loadUserAndSubjects();
+        }
+
+        return;
+    }
+
+    // ✅ CASE 2: No URL param - check if server has a subject in memory
+    // This handles page refresh while already in a chat
+    try {
+        const sessionResponse = await safeFetch('/session-info', {
+            method:  'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body:    JSON.stringify({})
+        });
+
+        if (sessionResponse) {
+            const sessionData = await sessionResponse.json();
+
+            if (sessionData.subject && !sessionData.error) {
+                console.log(`🔄 Resuming subject from server session: ${sessionData.subject}`);
+
+                // Load user data
+                const meResponse = await safeFetch('/me');
+                if (meResponse) {
+                    const meData = await meResponse.json();
+                    if (!meData.error) {
+                        currentUserData = meData;
+                        document.getElementById('userDisplayName').textContent = meData.username;
+                        document.getElementById('userTrackBadge').textContent  = meData.student_type || '';
+                        document.getElementById('headerUsername').textContent  = meData.username;
+
+                        const subjects    = meData.subjects || [];
+                        const subjectInfo = subjects.find(s => s.id === sessionData.subject);
+
+                        if (subjectInfo && subjectInfo.accessible) {
+                            selectedSubjectId   = sessionData.subject;
+                            selectedSubjectName = subjectInfo.name;
+
+                            // ✅ Re-call /select-subject to reload
+                            //    this subject's history into memory
+                            const overlay = document.getElementById('transitionOverlay');
+                            document.getElementById('transitionText').textContent = 'جاري استعادة المحادثة...';
+                            overlay.classList.add('active');
+
+                            const selectResponse = await safeFetch('/select-subject', {
+                                method:  'POST',
+                                headers: { 'Content-Type': 'application/json' },
+                                body:    JSON.stringify({ subject: selectedSubjectId })
+                            });
+
+                            if (selectResponse) {
+                                const selectData = await selectResponse.json();
+                                if (!selectData.error) {
+                                    await switchToChatPage(selectData);
+                                    return;
+                                }
+                            }
+
+                            overlay.classList.remove('active');
+                        }
+                    }
+                }
+            }
+        }
+    } catch(e) {
+        console.warn('Could not check server session on init:', e);
+    }
+
+    // ✅ CASE 3: No subject anywhere - show subject selection page
+    console.log('📚 No subject found - showing subject selection');
+    document.getElementById('subjectPage').classList.remove('hidden');
+    await loadUserAndSubjects();
+}
+
+init();
+
+console.log('✅ AI Chat Interface loaded');
+console.log(`👤 Username: ${USERNAME}`);
+console.log('🔐 Auth: Flask Session');
+console.log('🔌 SocketIO: Active');
+console.log('🎤 Voice Input: Active');
+console.log('🖼️  Image Analysis: Active');
+console.log('📚 Multi-subject: Active (Per-Subject History)');
+console.log('🔄 Streaming: Active');
+console.log('📂 Chat History: Active (Isolated Per Subject)');
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/templates/chat_subject.html b/templates/chat_subject.html
new file mode 100644
index 0000000000000000000000000000000000000000..e0df1bb7084fd8e8324eca60e4540c26b888456e
--- /dev/null
+++ b/templates/chat_subject.html
@@ -0,0 +1,1176 @@
+<!DOCTYPE html>
+<html lang="ar" dir="rtl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>المعلم الذكي - {{ subject_display_name }}</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@700;800&family=Tajawal:wght@400;500;700&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+
+    <!-- KaTeX - replaces MathJax -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/contrib/auto-render.min.js"></script>
+
+    <style>
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+
+        body {
+            font-family: 'Tajawal', sans-serif;
+            background: linear-gradient(135deg, #F4F1FA 0%, #E8E3F3 100%);
+            height: 100vh;
+            display: flex;
+            flex-direction: column;
+            color: #332F3A;
+            overflow: hidden;
+        }
+
+        .chat-header {
+            background: rgba(255, 255, 255, 0.95);
+            backdrop-filter: blur(20px);
+            padding: 15px 20px;
+            box-shadow: 0 4px 20px rgba(160, 150, 180, 0.15);
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            z-index: 100;
+            flex-shrink: 0;
+        }
+
+        .header-info {
+            display: flex;
+            align-items: center;
+            gap: 15px;
+        }
+
+        .back-btn {
+            background: rgba(124, 58, 237, 0.1);
+            color: #7C3AED;
+            border: none;
+            width: 40px;
+            height: 40px;
+            border-radius: 12px;
+            cursor: pointer;
+            font-size: 18px;
+            transition: all 0.3s;
+            text-decoration: none;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            flex-shrink: 0;
+        }
+
+        .back-btn:hover {
+            background: rgba(124, 58, 237, 0.2);
+            transform: translateX(-3px);
+        }
+
+        .subject-title {
+            font-family: 'Cairo', sans-serif;
+            font-size: 18px;
+            font-weight: 800;
+            color: #7C3AED;
+        }
+
+        .header-right {
+            display: flex;
+            align-items: center;
+            gap: 12px;
+        }
+
+        .clear-btn {
+            background: rgba(239, 68, 68, 0.08);
+            color: #EF4444;
+            border: none;
+            padding: 8px 14px;
+            border-radius: 10px;
+            cursor: pointer;
+            font-family: 'Tajawal', sans-serif;
+            font-size: 13px;
+            transition: all 0.3s;
+            display: flex;
+            align-items: center;
+            gap: 6px;
+        }
+
+        .clear-btn:hover { background: rgba(239, 68, 68, 0.15); }
+
+        .user-badge {
+            font-size: 14px;
+            color: #666;
+            display: flex;
+            align-items: center;
+            gap: 6px;
+        }
+
+        .chat-container {
+            flex: 1;
+            padding: 25px 20px;
+            overflow-y: auto;
+            overflow-x: hidden;
+            display: flex;
+            flex-direction: column;
+            gap: 18px;
+            max-width: 900px;
+            margin: 0 auto;
+            width: 100%;
+            padding-bottom: 110px;
+            scroll-behavior: smooth;
+        }
+
+        .message {
+            max-width: 82%;
+            padding: 15px 20px;
+            border-radius: 20px;
+            line-height: 1.75;
+            font-size: 15px;
+            position: relative;
+            animation: fadeIn 0.35s ease;
+            word-wrap: break-word;
+            overflow-wrap: break-word;
+            min-width: 0;
+        }
+
+        @keyframes fadeIn {
+            from { opacity: 0; transform: translateY(12px); }
+            to   { opacity: 1; transform: translateY(0); }
+        }
+
+        .message.user {
+            align-self: flex-end;
+            background: linear-gradient(135deg, #7C3AED, #6D28D9);
+            color: white;
+            border-bottom-left-radius: 20px;
+            border-bottom-right-radius: 4px;
+            box-shadow: 0 4px 18px rgba(124, 58, 237, 0.25);
+            overflow-x: hidden;
+        }
+
+        .message.ai {
+            align-self: flex-start;
+            background: white;
+            color: #332F3A;
+            border-bottom-left-radius: 4px;
+            border-bottom-right-radius: 20px;
+            box-shadow: 0 4px 18px rgba(160, 150, 180, 0.12);
+            border: 1px solid rgba(167, 139, 250, 0.15);
+            overflow-x: hidden;
+        }
+
+        .message.ai h1,
+        .message.ai h2,
+        .message.ai h3,
+        .message.ai h4,
+        .message.ai h5,
+        .message.ai h6 {
+            font-family: 'Cairo', sans-serif;
+            color: #7C3AED;
+            margin: 14px 0 8px 0;
+            line-height: 1.4;
+            word-break: break-word;
+        }
+
+        .message.ai h1 { font-size: 20px; border-bottom: 2px solid rgba(124,58,237,0.2); padding-bottom: 6px; }
+        .message.ai h2 { font-size: 18px; }
+        .message.ai h3 { font-size: 16px; }
+
+        .message.ai p {
+            margin: 8px 0;
+            word-break: break-word;
+            overflow-wrap: break-word;
+        }
+
+        .message.ai ul,
+        .message.ai ol {
+            padding-right: 22px;
+            margin: 8px 0;
+        }
+
+        .message.ai li { margin: 5px 0; }
+
+        .message.ai strong {
+            font-weight: 700;
+            color: #5B21B6;
+        }
+
+        .message.ai em {
+            font-style: italic;
+            color: #6D28D9;
+        }
+
+        .message.ai blockquote {
+            border-right: 4px solid #A78BFA;
+            background: rgba(167, 139, 250, 0.08);
+            padding: 10px 15px;
+            margin: 10px 0;
+            border-radius: 0 10px 10px 0;
+            color: #5B21B6;
+        }
+
+        .message.ai hr {
+            border: none;
+            border-top: 2px solid rgba(167, 139, 250, 0.25);
+            margin: 14px 0;
+        }
+
+        .message.ai a { color: #7C3AED; text-decoration: underline; }
+        .message.ai del { color: #999; }
+
+        .message.ai pre {
+            background: #1E1E2E;
+            border-radius: 12px;
+            overflow: hidden;
+            margin: 12px 0;
+            box-shadow: 0 4px 15px rgba(0,0,0,0.15);
+            max-width: 100%;
+        }
+
+        .message.ai .code-header {
+            background: rgba(255,255,255,0.08);
+            padding: 8px 14px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            font-size: 12px;
+            color: #A78BFA;
+            font-family: monospace;
+        }
+
+        .message.ai .copy-btn {
+            background: rgba(167, 139, 250, 0.2);
+            color: #A78BFA;
+            border: none;
+            padding: 3px 10px;
+            border-radius: 6px;
+            cursor: pointer;
+            font-size: 11px;
+            transition: all 0.2s;
+        }
+
+        .message.ai .copy-btn:hover { background: rgba(167, 139, 250, 0.4); }
+
+        .message.ai pre code {
+            display: block;
+            padding: 14px;
+            font-size: 13px;
+            line-height: 1.6;
+            overflow-x: auto;
+            white-space: pre;
+            word-break: normal;
+        }
+
+        .message.ai code:not(pre code) {
+            background: rgba(124, 58, 237, 0.1);
+            color: #7C3AED;
+            padding: 2px 7px;
+            border-radius: 5px;
+            font-size: 13px;
+            font-family: monospace;
+            word-break: break-all;
+        }
+
+        .message.ai .table-wrapper {
+            overflow-x: auto;
+            margin: 12px 0;
+            border-radius: 10px;
+            box-shadow: 0 2px 10px rgba(0,0,0,0.06);
+            max-width: 100%;
+        }
+
+        .message.ai table {
+            width: 100%;
+            border-collapse: collapse;
+            font-size: 14px;
+            min-width: 300px;
+        }
+
+        .message.ai th {
+            background: linear-gradient(135deg, #7C3AED, #6D28D9);
+            color: white;
+            padding: 10px 14px;
+            text-align: right;
+            font-weight: 700;
+        }
+
+        .message.ai td {
+            padding: 9px 14px;
+            border-bottom: 1px solid rgba(167, 139, 250, 0.15);
+        }
+
+        .message.ai tr:nth-child(even) td { background: rgba(167, 139, 250, 0.05); }
+        .message.ai tr:hover td { background: rgba(167, 139, 250, 0.1); }
+
+        /* KaTeX math overflow fix */
+        .message.ai .math-display-wrapper {
+            overflow-x: auto;
+            overflow-y: hidden;
+            max-width: 100%;
+            padding: 8px 0;
+            -webkit-overflow-scrolling: touch;
+        }
+
+        .message.ai .katex-display {
+            overflow-x: auto;
+            overflow-y: hidden;
+            max-width: 100%;
+            padding: 6px 0;
+            margin: 8px 0;
+            -webkit-overflow-scrolling: touch;
+        }
+
+        .message.ai .katex {
+            font-size: 1.05em;
+        }
+
+        .typing-indicator {
+            display: none;
+            align-self: flex-start;
+            background: white;
+            padding: 14px 20px;
+            border-radius: 20px;
+            border-bottom-left-radius: 4px;
+            box-shadow: 0 4px 15px rgba(160, 150, 180, 0.12);
+            border: 1px solid rgba(167, 139, 250, 0.15);
+            width: fit-content;
+            gap: 5px;
+            align-items: center;
+        }
+
+        .typing-indicator.active { display: flex; }
+
+        .typing-indicator span {
+            display: inline-block;
+            width: 9px;
+            height: 9px;
+            background: #A78BFA;
+            border-radius: 50%;
+            animation: bounce 1.4s infinite ease-in-out both;
+        }
+
+        .typing-indicator span:nth-child(1) { animation-delay: -0.32s; }
+        .typing-indicator span:nth-child(2) { animation-delay: -0.16s; }
+        .typing-indicator span:nth-child(3) { animation-delay: 0s; }
+
+        @keyframes bounce {
+            0%, 80%, 100% { transform: scale(0.6); opacity: 0.5; }
+            40%            { transform: scale(1);   opacity: 1; }
+        }
+
+        .welcome-msg {
+            text-align: center;
+            margin-top: 40px;
+            color: #7C3AED;
+            font-family: 'Cairo', sans-serif;
+            opacity: 0.85;
+        }
+
+        .welcome-msg i {
+            font-size: 55px;
+            margin-bottom: 15px;
+            display: block;
+            animation: float 3s ease-in-out infinite;
+        }
+
+        @keyframes float {
+            0%, 100% { transform: translateY(0); }
+            50%       { transform: translateY(-8px); }
+        }
+
+        .welcome-msg h3 { font-size: 22px; font-weight: 800; margin-bottom: 8px; }
+        .welcome-msg p  { font-size: 15px; color: #888; font-family: 'Tajawal', sans-serif; }
+
+        .input-area {
+            position: fixed;
+            bottom: 0;
+            left: 0;
+            right: 0;
+            background: rgba(255, 255, 255, 0.95);
+            backdrop-filter: blur(20px);
+            padding: 15px 20px;
+            box-shadow: 0 -4px 20px rgba(160, 150, 180, 0.12);
+            display: flex;
+            justify-content: center;
+            z-index: 99;
+        }
+
+        .input-wrapper {
+            max-width: 800px;
+            width: 100%;
+            display: flex;
+            gap: 12px;
+            background: #F3F0F9;
+            padding: 8px;
+            border-radius: 50px;
+            border: 2px solid transparent;
+            transition: all 0.3s;
+        }
+
+        .input-wrapper:focus-within {
+            border-color: #A78BFA;
+            background: white;
+            box-shadow: 0 0 0 4px rgba(167, 139, 250, 0.1);
+        }
+
+        .chat-input {
+            flex: 1;
+            border: none;
+            background: transparent;
+            padding: 12px 20px;
+            font-family: 'Tajawal', sans-serif;
+            font-size: 16px;
+            outline: none;
+            color: #332F3A;
+            min-width: 0;
+        }
+
+        .chat-input::placeholder { color: #B0A8C8; }
+
+        .send-btn {
+            background: linear-gradient(135deg, #7C3AED, #6D28D9);
+            color: white;
+            border: none;
+            width: 50px;
+            height: 50px;
+            border-radius: 50%;
+            cursor: pointer;
+            font-size: 18px;
+            transition: all 0.2s;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            flex-shrink: 0;
+            box-shadow: 0 4px 15px rgba(124, 58, 237, 0.3);
+        }
+
+        .send-btn:hover { transform: scale(1.08); box-shadow: 0 6px 20px rgba(124, 58, 237, 0.4); }
+        .send-btn:disabled { background: #CCC; cursor: not-allowed; transform: none; box-shadow: none; }
+
+        .chat-container::-webkit-scrollbar { width: 5px; }
+        .chat-container::-webkit-scrollbar-track { background: transparent; }
+        .chat-container::-webkit-scrollbar-thumb { background: rgba(167, 139, 250, 0.3); border-radius: 10px; }
+        .chat-container::-webkit-scrollbar-thumb:hover { background: rgba(167, 139, 250, 0.6); }
+
+        .cursor-blink {
+            display: inline-block;
+            width: 2px;
+            height: 1em;
+            background: #7C3AED;
+            margin-right: 2px;
+            vertical-align: middle;
+            animation: cursorBlink 0.7s infinite;
+        }
+
+        @keyframes cursorBlink {
+            0%, 100% { opacity: 1; }
+            50%       { opacity: 0; }
+        }
+
+        @media (max-width: 600px) {
+            .message {
+                max-width: 95%;
+                font-size: 14px;
+                padding: 12px 14px;
+            }
+            .subject-title { font-size: 15px; }
+            .clear-btn span { display: none; }
+            .chat-container {
+                padding: 15px 12px;
+                padding-bottom: 110px;
+            }
+            .message.ai .katex-display {
+                font-size: 0.92em;
+                overflow-x: auto;
+                max-width: calc(95vw - 60px);
+            }
+            .message.ai .katex {
+                font-size: 0.95em;
+            }
+            .message.ai .math-display-wrapper {
+                max-width: calc(95vw - 60px);
+                overflow-x: auto;
+                -webkit-overflow-scrolling: touch;
+            }
+        }
+    </style>
+</head>
+<body>
+
+    <div class="chat-header">
+        <div class="header-info">
+            <a href="{{ url_for('dashboard') }}" class="back-btn">
+                <i class="fas fa-arrow-right"></i>
+            </a>
+            <div>
+                <div class="subject-title">{{ subject_display_name }}</div>
+                <div style="font-size: 12px; color: #888;">المساعد الذكي</div>
+            </div>
+        </div>
+        <div class="header-right">
+            <button class="clear-btn" onclick="clearChat()">
+                <i class="fas fa-trash-alt"></i>
+                <span>مسح المحادثة</span>
+            </button>
+            <div class="user-badge">
+                <i class="fas fa-user-circle"></i>
+                {{ username }}
+            </div>
+        </div>
+    </div>
+
+    <div class="chat-container" id="chatContainer">
+        <div class="welcome-msg" id="welcomeMsg">
+            <i class="fas fa-robot"></i>
+            <h3>أهلاً بك في {{ subject_display_name }}</h3>
+            <p>اطرح أي سؤال وسأجيبك فوراً!</p>
+        </div>
+        <div class="typing-indicator" id="typingIndicator">
+            <span></span><span></span><span></span>
+        </div>
+    </div>
+
+    <div class="input-area">
+        <div class="input-wrapper">
+            <input
+                type="text"
+                id="messageInput"
+                class="chat-input"
+                placeholder="اكتب سؤالك هنا..."
+                autocomplete="off"
+            >
+            <button id="sendBtn" class="send-btn">
+                <i class="fas fa-paper-plane"></i>
+            </button>
+        </div>
+    </div>
+
+    <script>
+        // ============================================================
+        // ELEMENTS
+        // ============================================================
+        const chatContainer   = document.getElementById('chatContainer');
+        const messageInput    = document.getElementById('messageInput');
+        const sendBtn         = document.getElementById('sendBtn');
+        const typingIndicator = document.getElementById('typingIndicator');
+        const welcomeMsg      = document.getElementById('welcomeMsg');
+
+        // ============================================================
+        // CONFIG
+        // ============================================================
+        const subjectName  = "{{ folder_name }}";
+        const sessionId    = "{{ username }}_" + Date.now() + "_" + Math.floor(Math.random() * 99999);
+        let   isProcessing = false;
+
+        // ============================================================
+        // KATEX RENDER
+        // ============================================================
+        function renderMath(element) {
+            if (window.renderMathInElement) {
+                try {
+                    renderMathInElement(element, {
+                        delimiters: [
+                            { left: '$$',  right: '$$',  display: true  },
+                            { left: '\\[', right: '\\]', display: true  },
+                            { left: '\\(', right: '\\)', display: false },
+                            { left: '$',   right: '$',   display: false }
+                        ],
+                        throwOnError: false,
+                        errorColor:   '#EF4444',
+                        strict:       false,
+                        trust:        true,
+                        output:       'html',
+                        fleqn:        false
+                    });
+                } catch(e) {
+                    console.warn('KaTeX warning:', e);
+                }
+            }
+        }
+
+        // ============================================================
+        // MARKDOWN PARSER
+        // ============================================================
+        class MarkdownParser {
+            static parse(text) {
+                if (!text) return '';
+
+                // ---- STEP 1: protect math blocks FIRST ----
+                const mathBlocks = [];
+                let mathIndex = 0;
+
+                // Display math: $$...$$
+                text = text.replace(/\$\$([\s\S]*?)\$\$/g, (match) => {
+                    mathBlocks.push({ type: 'display', content: match });
+                    return `%%MATHBLOCK_${mathIndex++}%%`;
+                });
+
+                // Display math: \[...\]
+                text = text.replace(/\\\[([\s\S]*?)\\\]/g, (match) => {
+                    mathBlocks.push({ type: 'display', content: match });
+                    return `%%MATHBLOCK_${mathIndex++}%%`;
+                });
+
+                // Inline math: \(...\)
+                text = text.replace(/\\\(([\s\S]*?)\\\)/g, (match) => {
+                    mathBlocks.push({ type: 'inline', content: match });
+                    return `%%MATHBLOCK_${mathIndex++}%%`;
+                });
+
+                // Inline math: $...$ (single dollar)
+                text = text.replace(/(?<!\$)\$(?!\$)((?:[^\$\n\\]|\\.)+?)\$(?!\$)/g, (match) => {
+                    mathBlocks.push({ type: 'inline', content: match });
+                    return `%%MATHBLOCK_${mathIndex++}%%`;
+                });
+
+                // ---- STEP 2: protect code blocks ----
+                const codeBlocks = [];
+                let codeIndex = 0;
+                text = text.replace(/```(\w*)\n?([\s\S]*?)```/g, (match, lang, code) => {
+                    codeBlocks.push({ lang: lang || 'text', code: code.trim() });
+                    return `%%CODEBLOCK_${codeIndex++}%%`;
+                });
+
+                // ---- STEP 3: protect inline code ----
+                const inlineCodes = [];
+                let inlineCodeIndex = 0;
+                text = text.replace(/`([^`]+)`/g, (match, code) => {
+                    inlineCodes.push(code);
+                    return `%%INLINECODE_${inlineCodeIndex++}%%`;
+                });
+
+                // ---- STEP 4: parse markdown lines ----
+                let lines = text.split('\n');
+                let html = '';
+                let inList = false;
+                let listType = '';
+                let inBlockquote = false;
+                let inTable = false;
+                let tableRows = [];
+                let i = 0;
+
+                while (i < lines.length) {
+                    let line = lines[i];
+
+                    // TABLE
+                    if (line.trim().startsWith('|') && line.trim().endsWith('|')) {
+                        if (!inTable) {
+                            if (inList)       { html += this._closeList(listType); inList = false; }
+                            if (inBlockquote) { html += '</blockquote>'; inBlockquote = false; }
+                            inTable = true; tableRows = [];
+                        }
+                        tableRows.push(line.trim());
+                        i++; continue;
+                    } else if (inTable) {
+                        html += this._renderTable(tableRows);
+                        inTable = false; tableRows = [];
+                        continue;
+                    }
+
+                    // HR
+                    if (/^(\*{3,}|-{3,}|_{3,})\s*$/.test(line.trim())) {
+                        if (inList)       { html += this._closeList(listType); inList = false; }
+                        if (inBlockquote) { html += '</blockquote>'; inBlockquote = false; }
+                        html += '<hr>'; i++; continue;
+                    }
+
+                    // HEADINGS
+                    const headingMatch = line.match(/^(#{1,6})\s+(.+)/);
+                    if (headingMatch) {
+                        if (inList)       { html += this._closeList(listType); inList = false; }
+                        if (inBlockquote) { html += '</blockquote>'; inBlockquote = false; }
+                        const level   = headingMatch[1].length;
+                        const content = this._parseInline(headingMatch[2]);
+                        html += `<h${level}>${content}</h${level}>`;
+                        i++; continue;
+                    }
+
+                    // BLOCKQUOTE
+                    if (line.trim().startsWith('>')) {
+                        if (inList) { html += this._closeList(listType); inList = false; }
+                        if (!inBlockquote) { html += '<blockquote>'; inBlockquote = true; }
+                        const content = line.trim().replace(/^>\s*/, '');
+                        html += `<p>${this._parseInline(content)}</p>`;
+                        i++; continue;
+                    } else if (inBlockquote) {
+                        html += '</blockquote>'; inBlockquote = false;
+                    }
+
+                    // UL
+                    const ulMatch = line.match(/^(\s*)([-*+])\s+(.+)/);
+                    if (ulMatch) {
+                        if (inBlockquote) { html += '</blockquote>'; inBlockquote = false; }
+                        if (!inList || listType !== 'ul') {
+                            if (inList) { html += this._closeList(listType); }
+                            html += '<ul>'; inList = true; listType = 'ul';
+                        }
+                        html += `<li>${this._parseInline(ulMatch[3])}</li>`;
+                        i++; continue;
+                    }
+
+                    // OL
+                    const olMatch = line.match(/^(\s*)\d+[.)]\s+(.+)/);
+                    if (olMatch) {
+                        if (inBlockquote) { html += '</blockquote>'; inBlockquote = false; }
+                        if (!inList || listType !== 'ol') {
+                            if (inList) { html += this._closeList(listType); }
+                            html += '<ol>'; inList = true; listType = 'ol';
+                        }
+                        html += `<li>${this._parseInline(olMatch[2])}</li>`;
+                        i++; continue;
+                    }
+
+                    if (inList && line.trim() !== '') {
+                        html += this._closeList(listType); inList = false;
+                    }
+
+                    if (line.trim() === '') { i++; continue; }
+
+                    html += `<p>${this._parseInline(line)}</p>`;
+                    i++;
+                }
+
+                if (inList)       html += this._closeList(listType);
+                if (inBlockquote) html += '</blockquote>';
+                if (inTable)      html += this._renderTable(tableRows);
+
+                // ---- STEP 5: restore code blocks ----
+                codeBlocks.forEach((block, idx) => {
+                    const escaped = this._escapeHtml(block.code);
+                    const codeId  = `code_${Date.now()}_${idx}`;
+                    const codeHtml = `<pre><div class="code-header"><span>${block.lang}</span><button class="copy-btn" onclick="copyCode('${codeId}')">نسخ</button></div><code id="${codeId}" class="language-${block.lang}">${escaped}</code></pre>`;
+                    html = html.split(`%%CODEBLOCK_${idx}%%`).join(codeHtml);
+                });
+
+                // ---- STEP 6: restore inline codes ----
+                inlineCodes.forEach((code, idx) => {
+                    html = html.split(`%%INLINECODE_${idx}%%`).join(`<code>${this._escapeHtml(code)}</code>`);
+                });
+
+                // ---- STEP 7: restore math blocks ----
+                mathBlocks.forEach((math, idx) => {
+                    const placeholder = `%%MATHBLOCK_${idx}%%`;
+                    if (math.type === 'display') {
+                        const wrapped = `<div class="math-display-wrapper">${math.content}</div>`;
+                        html = html.split(placeholder).join(wrapped);
+                    } else {
+                        html = html.split(placeholder).join(math.content);
+                    }
+                });
+
+                // ---- STEP 8: SAFETY NET ----
+                html = html.replace(/%%MATHBLOCK_\d+%%/g, '');
+                html = html.replace(/%%CODEBLOCK_\d+%%/g, '');
+                html = html.replace(/%%INLINECODE_\d+%%/g, '');
+
+                return html;
+            }
+
+            static _parseInline(text) {
+                if (!text) return '';
+
+                // protect math placeholders from bold/italic regex
+                const mathPlaceholders = [];
+                let mpIndex = 0;
+                text = text.replace(/%%MATHBLOCK_\d+%%/g, (match) => {
+                    mathPlaceholders.push(match);
+                    return `%%MP_${mpIndex++}%%`;
+                });
+
+                text = text.replace(/\*\*(.+?)\*\*/g,   '<strong>$1</strong>');
+                text = text.replace(/__(.+?)__/g,        '<strong>$1</strong>');
+                text = text.replace(/(?<!\*)\*(?!\*)(.+?)(?<!\*)\*(?!\*)/g, '<em>$1</em>');
+                text = text.replace(/(?<!_)_(?!_)(.+?)(?<!_)_(?!_)/g,      '<em>$1</em>');
+                text = text.replace(/~~(.+?)~~/g,        '<del>$1</del>');
+                text = text.replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2" target="_blank" rel="noopener">$1</a>');
+
+                // restore math placeholders
+                mathPlaceholders.forEach((ph, idx) => {
+                    text = text.split(`%%MP_${idx}%%`).join(ph);
+                });
+
+                return text;
+            }
+
+            static _renderTable(rows) {
+                if (rows.length < 2) return '';
+                const parseRow = (row) =>
+                    row.split('|')
+                       .filter((_, i, arr) => i > 0 && i < arr.length - 1)
+                       .map(c => c.trim());
+                const headerCells  = parseRow(rows[0]);
+                let dataStartIndex = 1;
+                if (rows.length > 1 && /^[\s|:-]+$/.test(rows[1])) dataStartIndex = 2;
+                let t = '<div class="table-wrapper"><table><thead><tr>';
+                headerCells.forEach(c => { t += `<th>${this._parseInline(c)}</th>`; });
+                t += '</tr></thead><tbody>';
+                for (let i = dataStartIndex; i < rows.length; i++) {
+                    const cells = parseRow(rows[i]);
+                    t += '<tr>';
+                    cells.forEach(c => { t += `<td>${this._parseInline(c)}</td>`; });
+                    t += '</tr>';
+                }
+                t += '</tbody></table></div>';
+                return t;
+            }
+
+            static _closeList(type) {
+                return type === 'ol' ? '</ol>' : '</ul>';
+            }
+
+            static _escapeHtml(text) {
+                const map = { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#039;' };
+                return text.replace(/[&<>"']/g, m => map[m]);
+            }
+        }
+
+        // ============================================================
+        // COPY CODE
+        // ============================================================
+        function copyCode(codeId) {
+            const el = document.getElementById(codeId);
+            if (!el) return;
+            navigator.clipboard.writeText(el.textContent).then(() => {
+                const btn = el.parentElement.querySelector('.copy-btn');
+                if (btn) {
+                    btn.textContent = 'تم ✓';
+                    setTimeout(() => { btn.textContent = 'نسخ'; }, 2000);
+                }
+            }).catch(() => {
+                const ta = document.createElement('textarea');
+                ta.value = el.textContent;
+                document.body.appendChild(ta);
+                ta.select();
+                document.execCommand('copy');
+                document.body.removeChild(ta);
+            });
+        }
+
+        // ============================================================
+        // HIGHLIGHT CODE
+        // ============================================================
+        function highlightCode(element) {
+            element.querySelectorAll('pre code').forEach(block => {
+                try { hljs.highlightElement(block); } catch(e) {}
+            });
+        }
+
+        // ============================================================
+        // RENDER FULL CONTENT
+        // ============================================================
+        function renderContent(contentDiv, rawText) {
+            const html = MarkdownParser.parse(rawText);
+            contentDiv.innerHTML = html;
+            highlightCode(contentDiv);
+            renderMath(contentDiv);
+            scrollToBottom();
+        }
+
+        // ============================================================
+        // SCROLL TO BOTTOM
+        // ============================================================
+        function scrollToBottom() {
+            setTimeout(() => {
+                chatContainer.scrollTop = chatContainer.scrollHeight;
+            }, 50);
+        }
+
+        // ============================================================
+        // SHOW / HIDE TYPING
+        // ============================================================
+        function showTyping() {
+            typingIndicator.classList.add('active');
+            scrollToBottom();
+        }
+
+        function hideTyping() {
+            typingIndicator.classList.remove('active');
+        }
+
+        // ============================================================
+        // APPEND USER MESSAGE
+        // ============================================================
+        function appendUserMessage(text) {
+            if (welcomeMsg) welcomeMsg.style.display = 'none';
+            const div = document.createElement('div');
+            div.className = 'message user';
+            div.textContent = text;
+            chatContainer.insertBefore(div, typingIndicator);
+            scrollToBottom();
+        }
+
+        // ============================================================
+        // CREATE EMPTY AI MESSAGE BOX
+        // ============================================================
+        function createAiMessage() {
+            if (welcomeMsg) welcomeMsg.style.display = 'none';
+            const div = document.createElement('div');
+            div.className = 'message ai';
+            chatContainer.insertBefore(div, typingIndicator);
+            scrollToBottom();
+            return div;
+        }
+
+        // ============================================================
+        // TYPEWRITER EFFECT
+        // ============================================================
+        function typewriterEffect(text, targetDiv) {
+            let index = 0;
+            let renderTimer = null;
+
+            function scheduleRender() {
+                if (renderTimer) clearTimeout(renderTimer);
+                renderTimer = setTimeout(() => {
+                    const partial = text.substr(0, index);
+                    renderContent(targetDiv, partial);
+                }, 120);
+            }
+
+            function type() {
+                if (index < text.length) {
+                    const chunkSize = Math.min(6, text.length - index);
+                    index += chunkSize;
+                    scheduleRender();
+                    scrollToBottom();
+                    setTimeout(type, 14);
+                } else {
+                    if (renderTimer) clearTimeout(renderTimer);
+                    renderContent(targetDiv, text);
+                }
+            }
+
+            type();
+        }
+
+        // ============================================================
+        // STREAM RESPONSE
+        // ============================================================
+        async function streamResponse(streamId, targetDiv) {
+            let fullText      = '';
+            let renderTimer   = null;
+            let lastRenderLen = 0;
+            const RENDER_INTERVAL = 180;
+
+            return new Promise((resolve) => {
+
+                const url = `/stream/${streamId}`;
+                console.log('🔗 Connecting to stream:', url);
+
+                const eventSource = new EventSource(url);
+
+                const timeout = setTimeout(() => {
+                    console.error('⏰ Stream timeout!');
+                    eventSource.close();
+                    if (renderTimer) clearTimeout(renderTimer);
+                    if (!fullText) {
+                        targetDiv.innerHTML = `<p style="color:#EF4444;">❌ انتهت مهلة الاتصال. حاول مرة أخرى.</p>`;
+                    } else {
+                        renderContent(targetDiv, fullText);
+                    }
+                    isProcessing     = false;
+                    sendBtn.disabled = false;
+                    resolve();
+                }, 20000);
+
+                function scheduleStreamRender() {
+                    if (renderTimer) clearTimeout(renderTimer);
+                    renderTimer = setTimeout(() => {
+                        if (fullText.length !== lastRenderLen) {
+                            lastRenderLen = fullText.length;
+                            renderContent(targetDiv, fullText);
+                        }
+                    }, RENDER_INTERVAL);
+                }
+
+                eventSource.onopen = function() {
+                    console.log('✅ Stream connected!');
+                };
+
+                eventSource.onmessage = function(e) {
+                    clearTimeout(timeout);
+                    console.log('📨 SSE data:', e.data);
+
+                    try {
+                        const parsed = JSON.parse(e.data);
+
+                        // ---- ERROR ----
+                        if (parsed.error) {
+                            console.error('❌ Stream error:', parsed.error);
+                            eventSource.close();
+                            if (renderTimer) clearTimeout(renderTimer);
+                            targetDiv.innerHTML = `<p style="color:#EF4444;">❌ ${parsed.error}</p>`;
+                            isProcessing     = false;
+                            sendBtn.disabled = false;
+                            resolve();
+                            return;
+                        }
+
+                        // ---- CHUNK ----
+                        if (parsed.chunk) {
+                            fullText += parsed.chunk;
+                            scheduleStreamRender();
+                            scrollToBottom();
+                        }
+
+                        // ---- DONE ----
+                        if (parsed.done) {
+                            console.log('✅ Stream done! Length:', fullText.length);
+                            eventSource.close();
+                            if (renderTimer) clearTimeout(renderTimer);
+                            renderContent(targetDiv, fullText);
+                            isProcessing     = false;
+                            sendBtn.disabled = false;
+                            resolve();
+                        }
+
+                    } catch(err) {
+                        console.error('❌ JSON parse error:', err, '| raw:', e.data);
+                    }
+                };
+
+                eventSource.onerror = function(err) {
+                    console.error('❌ EventSource error:', err);
+                    eventSource.close();
+                    clearTimeout(timeout);
+                    if (renderTimer) clearTimeout(renderTimer);
+                    if (fullText) {
+                        renderContent(targetDiv, fullText);
+                    } else {
+                        targetDiv.innerHTML = `<p style="color:#EF4444;">❌ خطأ في الاتصال. حاول مرة أخرى.</p>`;
+                    }
+                    isProcessing     = false;
+                    sendBtn.disabled = false;
+                    resolve();
+                };
+            });
+        }
+
+        // ============================================================
+        // SEND MESSAGE
+        // ============================================================
+        async function sendMessage() {
+            const text = messageInput.value.trim();
+            if (!text || isProcessing) return;
+
+            isProcessing     = true;
+            sendBtn.disabled = true;
+
+            appendUserMessage(text);
+            messageInput.value = '';
+
+            showTyping();
+
+            try {
+                const response = await fetch('/chat', {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({
+                        message:    text,
+                        session_id: sessionId
+                    })
+                });
+
+                const data = await response.json();
+
+                hideTyping();
+
+                if (data.error) {
+                    const errDiv = createAiMessage();
+                    errDiv.innerHTML = `<p style="color:#EF4444;">❌ ${data.error}</p>`;
+                    isProcessing     = false;
+                    sendBtn.disabled = false;
+
+                } else if (data.type === 'gpt') {
+                    const msgDiv = createAiMessage();
+                    typewriterEffect(data.response, msgDiv);
+                    isProcessing     = false;
+                    sendBtn.disabled = false;
+
+                } else if (data.type === 'mistral') {
+                    const msgDiv = createAiMessage();
+                    await streamResponse(data.stream_id, msgDiv);
+                }
+
+            } catch (error) {
+                hideTyping();
+                const errDiv = createAiMessage();
+                errDiv.innerHTML = `<p style="color:#EF4444;">❌ خطأ في الاتصال: ${error.message}</p>`;
+                isProcessing     = false;
+                sendBtn.disabled = false;
+            } finally {
+                messageInput.focus();
+            }
+        }
+
+        // ============================================================
+        // CLEAR CHAT
+        // ============================================================
+        async function clearChat() {
+            if (!confirm('هل تريد مسح جميع الرسائل؟')) return;
+
+            try {
+                await fetch('/clear', {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({ session_id: sessionId })
+                });
+            } catch(e) {
+                console.error('Clear error:', e);
+            }
+
+            chatContainer.querySelectorAll('.message').forEach(m => m.remove());
+            if (welcomeMsg) welcomeMsg.style.display = 'block';
+            scrollToBottom();
+        }
+
+        // ============================================================
+        // INIT
+        // ============================================================
+        async function initChat() {
+            try {
+                const response = await fetch('/select-subject', {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({
+                        session_id: sessionId,
+                        subject:    subjectName
+                    })
+                });
+                const data = await response.json();
+                if (data.error) {
+                    console.error('Subject init error:', data.error);
+                } else {
+                    console.log('✅ Subject loaded:', subjectName);
+                }
+            } catch(e) {
+                console.error('Init error:', e);
+            }
+        }
+
+        // ============================================================
+        // EVENT LISTENERS
+        // ============================================================
+        sendBtn.addEventListener('click', sendMessage);
+
+        messageInput.addEventListener('keypress', (e) => {
+            if (e.key === 'Enter' && !e.shiftKey) {
+                e.preventDefault();
+                sendMessage();
+            }
+        });
+
+        // ============================================================
+        // START
+        // ============================================================
+        initChat();
+
+        console.log('✅ AI Chat loaded');
+        console.log('📐 KaTeX: active');
+        console.log('🎨 highlight.js: active');
+        console.log('✍️  Typewriter: active');
+        console.log('📡 Streaming: active');
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/templates/dashboard.html b/templates/dashboard.html
new file mode 100644
index 0000000000000000000000000000000000000000..3b93e7e31a522e1715df7cf24e695b766fcadcaf
--- /dev/null
+++ b/templates/dashboard.html
@@ -0,0 +1,611 @@
+<!DOCTYPE html>
+<html lang="ar" dir="rtl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>لوحة التحكم</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@700;800;900&family=Tajawal:wght@400;500;700&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.5.4/socket.io.min.js"></script>
+    <style>
+        /* =========================================
+           1. كود التحميل (الأنيميشن)
+           ========================================= */
+        #loader-overlay {
+            position: fixed;
+            top: 0; left: 0; width: 100%; height: 100%;
+            background: linear-gradient(135deg, #F4F1FA 0%, #E8E3F3 100%);
+            z-index: 9999;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            transition: opacity 0.5s ease;
+        }
+
+        .loading-content {
+            position: relative;
+            width: 180px;
+            height: 180px;
+            animation: rotate 4s ease-in-out infinite;
+            filter: url("#gooey");
+        }
+
+        .svg { width: 0; height: 0; position: absolute; }
+
+        @keyframes rotate {
+            0% { transform: rotate(360deg); }
+            50% { transform: rotate(360deg); }
+            100% { transform: rotate(0deg); }
+        }
+
+        .loading-content .liquid {
+            position: absolute;
+            top: 50%; left: 50%;
+            transform: translate(-50%, -50%);
+            background: linear-gradient(90deg, rgba(0, 30, 250, 1) 0%, rgba(177, 70, 252, 1) 100%);
+            width: 50px; height: 50px;
+            border-radius: 50%;
+            --ani_dur: 4s;
+        }
+
+        .loading-content .liquid:nth-child(1) { top: 0; animation: animate1 var(--ani_dur) ease-in-out infinite; }
+        .loading-content .liquid:nth-child(2) { left: 0; animation: animate2 var(--ani_dur) ease-in-out infinite; }
+        .loading-content .liquid:nth-child(3) { left: 100%; animation: animate3 var(--ani_dur) ease-in-out infinite; }
+        .loading-content .liquid:nth-child(4) { top: 100%; animation: animate4 var(--ani_dur) ease-in-out infinite; }
+
+        @keyframes animate1 { 0% { top: 0; } 50% { top: 100%; } 100% { top: 100%; } }
+        @keyframes animate2 { 0% { left: 0; } 50% { left: 100%; } 100% { left: 100%; } }
+        @keyframes animate3 { 0% { left: 100%; } 50% { left: 0; } 100% { left: 0; } }
+        @keyframes animate4 { 0% { top: 100%; } 50% { top: 0; } 100% { top: 0; } }
+
+        /* =========================================
+           2. كود التصميم الأساسي
+           ========================================= */
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body {
+            font-family: 'Tajawal', sans-serif;
+            background: linear-gradient(135deg, #F4F1FA 0%, #E8E3F3 100%);
+            min-height: 100vh;
+            padding: 20px;
+            color: #332F3A;
+        }
+
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            position: relative;
+        }
+
+        .header {
+            background: rgba(255, 255, 255, 0.7);
+            backdrop-filter: blur(20px);
+            padding: 20px 30px;
+            border-radius: 24px;
+            box-shadow: 12px 12px 24px rgba(160, 150, 180, 0.15),
+                        -8px -8px 16px rgba(255, 255, 255, 0.9);
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 30px;
+            position: relative;
+            z-index: 1000;
+        }
+
+        .welcome {
+            font-family: 'Cairo', sans-serif;
+            font-size: 24px;
+            color: #7C3AED;
+            font-weight: 800;
+        }
+
+        /* =========================================
+           3. تصميم زر البروفايل والقائمة
+           ========================================= */
+        .profile-trigger {
+            width: 50px;
+            height: 50px;
+            border-radius: 50%;
+            background: linear-gradient(135deg, #A78BFA, #7C3AED);
+            border: 3px solid rgba(255, 255, 255, 0.8);
+            color: white;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 20px;
+            cursor: pointer;
+            box-shadow: 0 4px 10px rgba(124, 58, 237, 0.3);
+            transition: transform 0.2s, box-shadow 0.2s;
+            position: relative;
+            z-index: 1002;
+        }
+
+        .profile-trigger:hover {
+            transform: scale(1.05);
+            box-shadow: 0 6px 15px rgba(124, 58, 237, 0.4);
+        }
+
+        .profile-trigger.active {
+            background: #6D28D9;
+            transform: rotate(90deg);
+        }
+
+        .profile-dropdown {
+            position: absolute;
+            top: 85px;
+            left: 0;
+            width: 280px;
+            background: rgba(255, 255, 255, 0.95);
+            backdrop-filter: blur(25px);
+            border-radius: 20px;
+            padding: 15px;
+            box-shadow: 0 10px 40px rgba(124, 58, 237, 0.2);
+            border: 1px solid rgba(255, 255, 255, 0.5);
+            opacity: 0;
+            visibility: hidden;
+            transform: translateY(-10px);
+            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+            z-index: 1001;
+        }
+
+        .profile-dropdown.show {
+            opacity: 1;
+            visibility: visible;
+            transform: translateY(0);
+        }
+
+        .dropdown-header {
+            text-align: center;
+            padding-bottom: 15px;
+            border-bottom: 1px solid rgba(124, 58, 237, 0.1);
+            margin-bottom: 10px;
+        }
+
+        .user-name-display {
+            font-family: 'Cairo', sans-serif;
+            font-weight: 800;
+            color: #332F3A;
+            font-size: 18px;
+            display: block;
+        }
+
+        .user-type-display {
+            font-size: 13px;
+            color: #7C3AED;
+            background: rgba(124, 58, 237, 0.1);
+            padding: 2px 8px;
+            border-radius: 6px;
+            display: inline-block;
+            margin-top: 4px;
+        }
+
+        .dropdown-item {
+            display: flex;
+            align-items: center;
+            padding: 12px 15px;
+            border-radius: 12px;
+            color: #4B5563;
+            text-decoration: none;
+            transition: all 0.2s;
+            margin-bottom: 5px;
+            font-weight: 500;
+            font-size: 15px;
+        }
+
+        .dropdown-item i {
+            width: 25px;
+            margin-left: 10px;
+            font-size: 16px;
+            text-align: center;
+        }
+
+        .dropdown-item:hover {
+            background: rgba(124, 58, 237, 0.05);
+            color: #7C3AED;
+            transform: translateX(-3px);
+        }
+
+        .balance-display-item {
+            background: linear-gradient(135deg, #F3F0FF, #EDE9FE);
+            color: #5B21B6;
+            font-weight: 700;
+            justify-content: space-between;
+            cursor: default;
+        }
+        .balance-display-item:hover { transform: none; background: linear-gradient(135deg, #EDE9FE, #DDD6FE); }
+
+        .support-item { color: #059669; }
+        .support-item:hover { background: #ECFDF5; color: #047857; }
+
+        .logout-item {
+            color: #DC2626;
+            margin-top: 10px;
+            border-top: 1px solid rgba(239, 68, 68, 0.1);
+            padding-top: 15px;
+        }
+        .logout-item:hover { background: #FEF2F2; color: #B91C1C; }
+
+        /* =========================================
+           4. باقي التصميم (المواد والأزرار)
+           ========================================= */
+        .section-title {
+            font-family: 'Cairo', sans-serif;
+            font-size: 22px;
+            color: #7C3AED;
+            font-weight: 800;
+            margin-bottom: 20px;
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            position: relative;
+            z-index: 1;
+        }
+
+        .subjects-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
+            gap: 20px;
+            margin-bottom: 40px;
+            position: relative;
+            z-index: 1;
+        }
+
+        .subject-card-wrapper {
+            display: flex;
+            flex-direction: column;
+            gap: 8px;
+        }
+
+        .subject-card {
+            background: rgba(255, 255, 255, 0.7);
+            backdrop-filter: blur(20px);
+            padding: 25px 15px;
+            border-radius: 20px;
+            box-shadow: 10px 10px 20px rgba(160, 150, 180, 0.15),
+                        -6px -6px 12px rgba(255, 255, 255, 0.9);
+            text-align: center;
+            transition: all 0.3s;
+            cursor: pointer;
+            position: relative;
+            text-decoration: none;
+            color: inherit;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+        }
+
+        .subject-card:hover {
+            transform: translateY(-5px);
+            background: rgba(255, 255, 255, 0.85);
+        }
+
+        .subject-icon {
+            font-size: 48px;
+            color: #7C3AED;
+            margin-bottom: 12px;
+        }
+
+        .subject-name {
+            font-family: 'Cairo', sans-serif;
+            font-size: 14px;
+            font-weight: 700;
+            color: #332F3A;
+            line-height: 1.4;
+        }
+
+        .free-badge {
+            position: absolute;
+            top: 10px; right: 10px;
+            background: linear-gradient(135deg, #10B981, #059669);
+            color: white;
+            padding: 4px 10px;
+            border-radius: 8px;
+            font-size: 11px;
+            font-weight: 700;
+        }
+
+        /* =========================================
+           5. أزرار الإجراءات (AI, سبورة, اختبار)
+           ========================================= */
+        .subject-actions {
+            display: flex;
+            gap: 6px;
+            width: 100%;
+        }
+
+        /* الزر الأساسي المشترك */
+        .action-btn {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            gap: 5px;
+            color: white;
+            padding: 9px 8px;
+            border-radius: 12px;
+            text-decoration: none;
+            font-family: 'Cairo', sans-serif;
+            font-size: 12px;
+            font-weight: 700;
+            transition: all 0.3s;
+            border: none;
+            cursor: pointer;
+            flex: 1;
+            min-width: 0;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+
+        .action-btn:hover {
+            transform: translateY(-2px);
+            color: white;
+            text-decoration: none;
+        }
+
+        .action-btn i {
+            font-size: 13px;
+            flex-shrink: 0;
+        }
+
+        /* زر AI (محادثة) - بنفسجي */
+        .btn-ai {
+            background: linear-gradient(135deg, #7C3AED, #A78BFA);
+            box-shadow: 3px 3px 8px rgba(124, 58, 237, 0.25);
+        }
+        .btn-ai:hover {
+            box-shadow: 5px 5px 12px rgba(124, 58, 237, 0.35);
+            background: linear-gradient(135deg, #6D28D9, #7C3AED);
+        }
+
+        /* زر السبورة - أزرق */
+        .btn-board {
+            background: linear-gradient(135deg, #2563EB, #60A5FA);
+            box-shadow: 3px 3px 8px rgba(37, 99, 235, 0.25);
+        }
+        .btn-board:hover {
+            box-shadow: 5px 5px 12px rgba(37, 99, 235, 0.35);
+            background: linear-gradient(135deg, #1D4ED8, #2563EB);
+        }
+
+        /* زر الاختبار - أخضر */
+        .btn-exam {
+            background: linear-gradient(135deg, #059669, #10B981);
+            box-shadow: 3px 3px 8px rgba(5, 150, 105, 0.25);
+        }
+\        .btn-exam:hover {
+            box-shadow: 5px 5px 12px rgba(5, 150, 105, 0.35);
+            background: linear-gradient(135deg, #047857, #059669);
+        }
+
+        /* عندما يكون هناك 3 أزرار، نصغر الخط قليلاً */
+        .subject-actions.three-buttons .action-btn {
+            font-size: 11px;
+            padding: 8px 6px;
+            gap: 4px;
+        }
+
+        .add-subject-card {
+            background: linear-gradient(135deg, rgba(167, 139, 250, 0.2), rgba(124, 58, 237, 0.2));
+            backdrop-filter: blur(20px);
+            border: 2px dashed #A78BFA;
+            color: #7C3AED;
+            padding: 25px 15px;
+            border-radius: 20px;
+            text-align: center;
+            transition: all 0.3s;
+            cursor: pointer;
+            text-decoration: none;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            min-height: 130px;
+        }
+
+        .add-subject-card:hover {
+            background: linear-gradient(135deg, rgba(167, 139, 250, 0.3), rgba(124, 58, 237, 0.3));
+            border-color: #7C3AED;
+            transform: translateY(-5px);
+        }
+
+        .empty-state {
+            text-align: center;
+            padding: 40px;
+            color: #9CA3AF;
+            font-size: 16px;
+            background: rgba(255,255,255,0.5);
+            border-radius: 20px;
+        }
+
+        @media (max-width: 768px) {
+            .subjects-grid { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 15px; }
+            .profile-dropdown { left: -50px; width: 260px; }
+            .action-btn { font-size: 11px; padding: 8px 5px; gap: 3px; }
+            .subject-actions.three-buttons .action-btn { font-size: 10px; padding: 7px 4px; }
+        }
+    </style>
+</head>
+<body>
+    <!-- 1. شاشة التحميل -->
+    <div id="loader-overlay">
+        <div class="loading-content">
+            <div class="liquid"></div>
+            <div class="liquid"></div>
+            <div class="liquid"></div>
+            <div class="liquid"></div>
+        </div>
+        <svg class="svg">
+            <filter id="gooey">
+                <feGaussianBlur stdDeviation="10" in="SourceGraphic"></feGaussianBlur>
+                <feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 20 -10"></feColorMatrix>
+            </filter>
+        </svg>
+    </div>
+
+    <div class="container">
+
+        <!-- 2. الهيدر -->
+        <div class="header">
+            <div class="welcome">مرحباً، {{ username }}! 🎉</div>
+
+            <!-- زر القائمة -->
+            <div class="profile-menu-container">
+                <div class="profile-trigger" id="profileBtn">
+                    <i class="fas fa-bars"></i>
+                </div>
+
+                <!-- القائمة المنسدلة -->
+                <div class="profile-dropdown" id="profileMenu">
+
+                    <!-- معلومات الحساب -->
+                    <div class="dropdown-header">
+                        <span class="user-name-display">{{ username }}</span>
+                        <span class="user-type-display">{{ user_data.get('department', 'قسم عام') }}</span>
+                    </div>
+
+                    <!-- الرصيد -->
+                    <div class="dropdown-item balance-display-item">
+                        <span><i class="fas fa-wallet"></i> الرصيد الحالي</span>
+                        <span>{{ balance }} دل</span>
+                    </div>
+
+                    <!-- إضافة رصيد -->
+                    <a href="{{ url_for('market.add_balance') }}" class="dropdown-item">
+                        <i class="fas fa-plus-circle"></i> إضافة رصيد
+                    </a>
+
+                    <!-- الدعم الفني -->
+                    <a href="https://wa.me/218942823929" target="_blank" class="dropdown-item support-item">
+                        <i class="fab fa-whatsapp"></i> الدعم الفني
+                    </a>
+
+                    <!-- تسجيل الخروج -->
+                    <a href="{{ url_for('auth.logout') }}" class="dropdown-item logout-item">
+                        <i class="fas fa-sign-out-alt"></i> تسجيل خروج
+                    </a>
+                </div>
+            </div>
+        </div>
+
+        <!-- My Subjects Section -->
+        <div class="section-title">
+            <i class="fas fa-book-open"></i>
+            موادي الدراسية
+        </div>
+
+        <div class="subjects-grid">
+            {% for subject in my_subjects %}
+            <div class="subject-card-wrapper">
+                <div class="subject-card">
+                    {% if subject.free %}
+                    <span class="free-badge">مجاني</span>
+                    {% endif %}
+                    <div class="subject-icon">
+                        <i class="fas fa-{{ subject.icon }}"></i>
+                    </div>
+                    <div class="subject-name">{{ subject.name }}</div>
+                </div>
+
+                <!-- أزرار الإجراءات -->
+                <div class="subject-actions {% if subject.board_enabled %}three-buttons{% endif %}">
+                    <!-- زر AI (محادثة) - يظهر دائماً -->
+                    <a href="{{ url_for('chat.chat_page') }}?subject={{ subject.id }}"
+                       class="action-btn btn-ai">
+                        <i class="fas fa-robot"></i>
+                        محادثة
+                    </a>
+
+                    <!-- زر السبورة - يظهر فقط إذا board_enabled -->
+                    {% if subject.board_enabled %}
+                    <a href="/board/{{ subject.id }}"
+                       class="action-btn btn-board">
+                        <i class="fas fa-chalkboard"></i>
+                        سبورة
+                    </a>
+                    {% endif %}
+
+                    <!-- زر الاختبار - يظهر دائماً -->
+                    <a href="{{ url_for('exam.exam_page', subject_id=subject.id) }}"
+                       class="action-btn btn-exam">
+                        <i class="fas fa-graduation-cap"></i>
+                        اختبار
+                    </a>
+                </div>
+            </div>
+            {% endfor %}
+
+            <a href="{{ url_for('market.market') }}" class="add-subject-card">
+                <div class="add-icon">
+                    <i class="fas fa-plus-circle"></i>
+                </div>
+                <div class="add-text">إضافة مادة</div>
+            </a>
+        </div>
+
+        {% if my_subjects|length == 0 %}
+        <div class="empty-state">
+            <i class="fas fa-box-open" style="font-size: 40px; margin-bottom: 15px;"></i>
+            <p>لا توجد مواد مفعلة حالياً.</p>
+            <p>قم بشراء المواد من المتجر للبدء.</p>
+        </div>
+        {% endif %}
+
+    </div>
+
+    <script type="text/javascript">
+        // 1. SocketIO Code
+        var socket = io();
+
+        socket.emit('register_session', {
+            username:   "{{ username }}",
+            session_id: "{{ user_data.get('session_id') }}"
+        });
+
+        socket.on('force_logout', function(data) {
+            alert(data.message);
+            window.location.href = "{{ url_for('auth.logout') }}";
+        });
+
+        setInterval(function() {
+            socket.emit('check_session', {
+                username:   "{{ username }}",
+                session_id: "{{ user_data.get('session_id') }}"
+            });
+        }, 30000);
+
+        socket.on('session_valid', function(data) {
+            console.log('✅ Session valid');
+        });
+
+        // 2. Loader Code
+        window.addEventListener('load', function() {
+            const loader = document.getElementById('loader-overlay');
+            setTimeout(function() {
+                loader.style.opacity = '0';
+                setTimeout(function() {
+                    loader.style.display = 'none';
+                }, 500);
+            }, 1500);
+        });
+
+        // 3. Menu Dropdown Logic
+        const profileBtn = document.getElementById('profileBtn');
+        const profileMenu = document.getElementById('profileMenu');
+
+        profileBtn.addEventListener('click', function(e) {
+            e.stopPropagation();
+            profileMenu.classList.toggle('show');
+            profileBtn.classList.toggle('active');
+        });
+
+        document.addEventListener('click', function(e) {
+            if (!profileMenu.contains(e.target) && !profileBtn.contains(e.target)) {
+                profileMenu.classList.remove('show');
+                profileBtn.classList.remove('active');
+            }
+        });
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/templates/exam.html b/templates/exam.html
new file mode 100644
index 0000000000000000000000000000000000000000..2a4ee5dd4f5484a643016cd2f6e82278fd546b7a
--- /dev/null
+++ b/templates/exam.html
@@ -0,0 +1,1351 @@
+<!DOCTYPE html>
+<html lang="ar" dir="rtl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>اختبار - {{ subject_name }}</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@700;800;900&family=Tajawal:wght@400;500;700&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <style>
+        /* =========================================
+           LOADER
+        ========================================= */
+        #loader-overlay {
+            position: fixed;
+            top: 0; left: 0; width: 100%; height: 100%;
+            background: linear-gradient(135deg, #F4F1FA 0%, #E8E3F3 100%);
+            z-index: 9999;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            transition: opacity 0.5s ease;
+        }
+        .loading-content {
+            position: relative;
+            width: 180px;
+            height: 180px;
+            animation: rotate 4s ease-in-out infinite;
+            filter: url("#gooey");
+        }
+        .svg { width: 0; height: 0; position: absolute; }
+        @keyframes rotate {
+            0%   { transform: rotate(360deg); }
+            50%  { transform: rotate(360deg); }
+            100% { transform: rotate(0deg); }
+        }
+        .loading-content .liquid {
+            position: absolute;
+            top: 50%; left: 50%;
+            transform: translate(-50%, -50%);
+            background: linear-gradient(90deg, rgba(0,30,250,1) 0%, rgba(177,70,252,1) 100%);
+            width: 50px; height: 50px;
+            border-radius: 50%;
+            --ani_dur: 4s;
+        }
+        .loading-content .liquid:nth-child(1) { top: 0;    animation: animate1 var(--ani_dur) ease-in-out infinite; }
+        .loading-content .liquid:nth-child(2) { left: 0;   animation: animate2 var(--ani_dur) ease-in-out infinite; }
+        .loading-content .liquid:nth-child(3) { left: 100%;animation: animate3 var(--ani_dur) ease-in-out infinite; }
+        .loading-content .liquid:nth-child(4) { top: 100%; animation: animate4 var(--ani_dur) ease-in-out infinite; }
+        @keyframes animate1 { 0%{top:0}    50%{top:100%}  100%{top:100%}  }
+        @keyframes animate2 { 0%{left:0}   50%{left:100%} 100%{left:100%} }
+        @keyframes animate3 { 0%{left:100%}50%{left:0}    100%{left:0}    }
+        @keyframes animate4 { 0%{top:100%} 50%{top:0}     100%{top:0}     }
+
+        /* =========================================
+           BASE
+        ========================================= */
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body {
+            font-family: 'Tajawal', sans-serif;
+            background: linear-gradient(135deg, #F4F1FA 0%, #E8E3F3 100%);
+            min-height: 100vh;
+            padding: 20px;
+            color: #332F3A;
+        }
+        .container {
+            max-width: 900px;
+            margin: 0 auto;
+        }
+
+        /* =========================================
+           HEADER
+        ========================================= */
+        .header {
+            background: rgba(255,255,255,0.7);
+            backdrop-filter: blur(20px);
+            padding: 20px 30px;
+            border-radius: 24px;
+            box-shadow: 12px 12px 24px rgba(160,150,180,0.15),
+                        -8px -8px 16px rgba(255,255,255,0.9);
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 30px;
+        }
+        .header-title {
+            font-family: 'Cairo', sans-serif;
+            font-size: 22px;
+            color: #7C3AED;
+            font-weight: 800;
+            display: flex;
+            align-items: center;
+            gap: 10px;
+        }
+        .back-btn {
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            background: rgba(124,58,237,0.1);
+            color: #7C3AED;
+            padding: 10px 18px;
+            border-radius: 14px;
+            text-decoration: none;
+            font-family: 'Cairo', sans-serif;
+            font-size: 14px;
+            font-weight: 700;
+            transition: all 0.3s;
+            border: none;
+            cursor: pointer;
+        }
+        .back-btn:hover {
+            background: rgba(124,58,237,0.2);
+            transform: translateX(3px);
+        }
+
+        /* =========================================
+           STEP INDICATOR
+        ========================================= */
+        .steps-bar {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            gap: 0;
+            margin-bottom: 35px;
+        }
+        .step {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            gap: 6px;
+            position: relative;
+        }
+        .step-circle {
+            width: 44px;
+            height: 44px;
+            border-radius: 50%;
+            background: rgba(255,255,255,0.7);
+            backdrop-filter: blur(10px);
+            box-shadow: 4px 4px 10px rgba(160,150,180,0.2),
+                        -3px -3px 8px rgba(255,255,255,0.9);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-family: 'Cairo', sans-serif;
+            font-weight: 800;
+            font-size: 16px;
+            color: #9CA3AF;
+            transition: all 0.4s;
+        }
+        .step.active .step-circle {
+            background: linear-gradient(135deg, #7C3AED, #A78BFA);
+            color: white;
+            box-shadow: 0 4px 15px rgba(124,58,237,0.4);
+        }
+        .step.done .step-circle {
+            background: linear-gradient(135deg, #10B981, #059669);
+            color: white;
+            box-shadow: 0 4px 15px rgba(16,185,129,0.3);
+        }
+        .step-label {
+            font-size: 12px;
+            color: #9CA3AF;
+            font-weight: 600;
+            white-space: nowrap;
+        }
+        .step.active .step-label { color: #7C3AED; font-weight: 700; }
+        .step.done  .step-label  { color: #059669; }
+        .step-line {
+            width: 60px;
+            height: 3px;
+            background: rgba(160,150,180,0.2);
+            margin-bottom: 22px;
+            transition: background 0.4s;
+        }
+        .step-line.done { background: linear-gradient(90deg, #10B981, #059669); }
+
+        /* =========================================
+           CARDS (shared panel style)
+        ========================================= */
+        .panel {
+            background: rgba(255,255,255,0.7);
+            backdrop-filter: blur(20px);
+            border-radius: 24px;
+            box-shadow: 12px 12px 24px rgba(160,150,180,0.15),
+                        -8px -8px 16px rgba(255,255,255,0.9);
+            padding: 35px;
+            margin-bottom: 25px;
+            display: none;
+        }
+        .panel.active { display: block; }
+
+        .panel-title {
+            font-family: 'Cairo', sans-serif;
+            font-size: 20px;
+            font-weight: 800;
+            color: #332F3A;
+            margin-bottom: 25px;
+            display: flex;
+            align-items: center;
+            gap: 10px;
+        }
+        .panel-title i { color: #7C3AED; }
+
+        /* =========================================
+           DOOR BUTTONS GRID
+        ========================================= */
+        .doors-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
+            gap: 15px;
+        }
+        .door-btn {
+            background: rgba(255,255,255,0.8);
+            border: 2px solid transparent;
+            border-radius: 18px;
+            padding: 20px 10px;
+            text-align: center;
+            cursor: pointer;
+            transition: all 0.3s;
+            box-shadow: 6px 6px 14px rgba(160,150,180,0.15),
+                        -4px -4px 10px rgba(255,255,255,0.9);
+            font-family: 'Cairo', sans-serif;
+            font-weight: 700;
+            font-size: 15px;
+            color: #332F3A;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            gap: 10px;
+        }
+        .door-btn i {
+            font-size: 28px;
+            color: #A78BFA;
+            transition: color 0.3s;
+        }
+        .door-btn:hover {
+            border-color: #A78BFA;
+            transform: translateY(-4px);
+            box-shadow: 8px 8px 20px rgba(124,58,237,0.15),
+                        -4px -4px 10px rgba(255,255,255,0.9);
+        }
+        .door-btn.selected {
+            border-color: #7C3AED;
+            background: linear-gradient(135deg, rgba(124,58,237,0.08), rgba(167,139,250,0.12));
+            color: #7C3AED;
+        }
+        .door-btn.selected i { color: #7C3AED; }
+
+        /* =========================================
+           COUNT & DIFFICULTY BUTTONS
+        ========================================= */
+        .options-row {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 12px;
+            justify-content: center;
+        }
+        .opt-btn {
+            background: rgba(255,255,255,0.8);
+            border: 2px solid transparent;
+            border-radius: 14px;
+            padding: 14px 28px;
+            cursor: pointer;
+            transition: all 0.3s;
+            box-shadow: 5px 5px 12px rgba(160,150,180,0.15),
+                        -3px -3px 8px rgba(255,255,255,0.9);
+            font-family: 'Cairo', sans-serif;
+            font-weight: 700;
+            font-size: 16px;
+            color: #332F3A;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        .opt-btn:hover {
+            border-color: #A78BFA;
+            transform: translateY(-3px);
+        }
+        .opt-btn.selected {
+            border-color: #7C3AED;
+            background: linear-gradient(135deg, rgba(124,58,237,0.08), rgba(167,139,250,0.12));
+            color: #7C3AED;
+        }
+        .opt-btn i { font-size: 18px; }
+
+        /* difficulty colors */
+        .opt-btn.diff-easy.selected   { border-color:#10B981; background:rgba(16,185,129,0.08); color:#059669; }
+        .opt-btn.diff-medium.selected { border-color:#F59E0B; background:rgba(245,158,11,0.08);  color:#D97706; }
+        .opt-btn.diff-hard.selected   { border-color:#EF4444; background:rgba(239,68,68,0.08);   color:#DC2626; }
+
+        /* =========================================
+           NEXT / START BUTTON
+        ========================================= */
+        .action-btn {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            gap: 10px;
+            background: linear-gradient(135deg, #7C3AED, #A78BFA);
+            color: white;
+            padding: 16px 40px;
+            border-radius: 16px;
+            border: none;
+            cursor: pointer;
+            font-family: 'Cairo', sans-serif;
+            font-size: 17px;
+            font-weight: 800;
+            box-shadow: 0 6px 20px rgba(124,58,237,0.35);
+            transition: all 0.3s;
+            margin-top: 30px;
+            width: 100%;
+        }
+        .action-btn:hover {
+            transform: translateY(-3px);
+            box-shadow: 0 10px 28px rgba(124,58,237,0.45);
+            background: linear-gradient(135deg, #6D28D9, #7C3AED);
+        }
+        .action-btn:disabled {
+            opacity: 0.5;
+            cursor: not-allowed;
+            transform: none;
+        }
+
+        /* =========================================
+           GENERATING LOADER
+        ========================================= */
+        .generating-panel {
+            text-align: center;
+            padding: 60px 20px;
+        }
+        .gen-spinner {
+            width: 80px;
+            height: 80px;
+            border: 5px solid rgba(124,58,237,0.15);
+            border-top-color: #7C3AED;
+            border-radius: 50%;
+            animation: spin 1s linear infinite;
+            margin: 0 auto 25px;
+        }
+        @keyframes spin { to { transform: rotate(360deg); } }
+        .gen-title {
+            font-family: 'Cairo', sans-serif;
+            font-size: 22px;
+            font-weight: 800;
+            color: #7C3AED;
+            margin-bottom: 10px;
+        }
+        .gen-sub {
+            color: #6B7280;
+            font-size: 15px;
+        }
+
+        /* =========================================
+           EXAM PANEL
+        ========================================= */
+        .exam-header-bar {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            background: linear-gradient(135deg, rgba(124,58,237,0.08), rgba(167,139,250,0.12));
+            border-radius: 16px;
+            padding: 15px 20px;
+            margin-bottom: 25px;
+        }
+        .exam-progress-text {
+            font-family: 'Cairo', sans-serif;
+            font-weight: 800;
+            font-size: 16px;
+            color: #7C3AED;
+        }
+        .exam-score-text {
+            font-family: 'Cairo', sans-serif;
+            font-weight: 700;
+            font-size: 15px;
+            color: #059669;
+            background: rgba(16,185,129,0.1);
+            padding: 6px 14px;
+            border-radius: 10px;
+        }
+        .progress-bar-wrap {
+            background: rgba(160,150,180,0.15);
+            border-radius: 10px;
+            height: 8px;
+            margin-bottom: 30px;
+            overflow: hidden;
+        }
+        .progress-bar-fill {
+            height: 100%;
+            background: linear-gradient(90deg, #7C3AED, #A78BFA);
+            border-radius: 10px;
+            transition: width 0.5s ease;
+            width: 0%;
+        }
+
+        /* Question */
+        .question-box {
+            background: rgba(255,255,255,0.6);
+            border-radius: 20px;
+            padding: 28px;
+            margin-bottom: 25px;
+            box-shadow: 6px 6px 14px rgba(160,150,180,0.12),
+                        -4px -4px 10px rgba(255,255,255,0.9);
+        }
+        .question-number {
+            font-size: 13px;
+            color: #A78BFA;
+            font-weight: 700;
+            margin-bottom: 10px;
+            display: flex;
+            align-items: center;
+            gap: 6px;
+        }
+        .question-text {
+            font-family: 'Cairo', sans-serif;
+            font-size: 19px;
+            font-weight: 800;
+            color: #332F3A;
+            line-height: 1.7;
+        }
+
+        /* Choices */
+        .choices-grid {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 14px;
+            margin-bottom: 25px;
+        }
+        .choice-btn {
+            background: rgba(255,255,255,0.8);
+            border: 2px solid transparent;
+            border-radius: 16px;
+            padding: 18px 20px;
+            cursor: pointer;
+            transition: all 0.3s;
+            box-shadow: 5px 5px 12px rgba(160,150,180,0.12),
+                        -3px -3px 8px rgba(255,255,255,0.9);
+            font-family: 'Tajawal', sans-serif;
+            font-size: 15px;
+            font-weight: 600;
+            color: #332F3A;
+            text-align: right;
+            display: flex;
+            align-items: center;
+            gap: 12px;
+            position: relative;
+            overflow: hidden;
+        }
+        .choice-btn:hover:not(:disabled) {
+            border-color: #A78BFA;
+            transform: translateY(-2px);
+            box-shadow: 6px 6px 16px rgba(124,58,237,0.15),
+                        -3px -3px 8px rgba(255,255,255,0.9);
+        }
+        .choice-btn:disabled { cursor: not-allowed; }
+
+        .choice-letter {
+            width: 32px;
+            height: 32px;
+            border-radius: 50%;
+            background: rgba(124,58,237,0.1);
+            color: #7C3AED;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-family: 'Cairo', sans-serif;
+            font-weight: 800;
+            font-size: 14px;
+            flex-shrink: 0;
+            transition: all 0.3s;
+        }
+
+        /* Answer states */
+        .choice-btn.correct {
+            border-color: #10B981;
+            background: linear-gradient(135deg, rgba(16,185,129,0.1), rgba(5,150,105,0.08));
+            color: #059669;
+        }
+        .choice-btn.correct .choice-letter {
+            background: #10B981;
+            color: white;
+        }
+        .choice-btn.wrong {
+            border-color: #EF4444;
+            background: linear-gradient(135deg, rgba(239,68,68,0.1), rgba(220,38,38,0.08));
+            color: #DC2626;
+        }
+        .choice-btn.wrong .choice-letter {
+            background: #EF4444;
+            color: white;
+        }
+        .choice-btn.selected-wrong {
+            border-color: #EF4444;
+            background: linear-gradient(135deg, rgba(239,68,68,0.15), rgba(220,38,38,0.1));
+            color: #DC2626;
+            animation: shake 0.4s ease;
+        }
+        .choice-btn.selected-wrong .choice-letter {
+            background: #EF4444;
+            color: white;
+        }
+        @keyframes shake {
+            0%,100% { transform: translateX(0); }
+            20%      { transform: translateX(-6px); }
+            40%      { transform: translateX(6px); }
+            60%      { transform: translateX(-4px); }
+            80%      { transform: translateX(4px); }
+        }
+
+        /* Next question btn */
+        .next-q-btn {
+            display: none;
+            align-items: center;
+            justify-content: center;
+            gap: 10px;
+            background: linear-gradient(135deg, #7C3AED, #A78BFA);
+            color: white;
+            padding: 14px 35px;
+            border-radius: 14px;
+            border: none;
+            cursor: pointer;
+            font-family: 'Cairo', sans-serif;
+            font-size: 16px;
+            font-weight: 800;
+            box-shadow: 0 5px 18px rgba(124,58,237,0.35);
+            transition: all 0.3s;
+            margin: 0 auto;
+        }
+        .next-q-btn.visible {
+            display: flex;
+        }
+        .next-q-btn:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 8px 24px rgba(124,58,237,0.45);
+        }
+
+        /* =========================================
+           RESULT PANEL
+        ========================================= */
+        .result-panel {
+            text-align: center;
+            padding: 20px 0;
+        }
+        .result-circle {
+            width: 160px;
+            height: 160px;
+            border-radius: 50%;
+            margin: 0 auto 30px;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            box-shadow: 0 8px 30px rgba(124,58,237,0.25);
+            position: relative;
+        }
+        .result-circle.success {
+            background: linear-gradient(135deg, #10B981, #059669);
+            box-shadow: 0 8px 30px rgba(16,185,129,0.35);
+        }
+        .result-circle.info {
+            background: linear-gradient(135deg, #3B82F6, #2563EB);
+            box-shadow: 0 8px 30px rgba(59,130,246,0.35);
+        }
+        .result-circle.warning {
+            background: linear-gradient(135deg, #F59E0B, #D97706);
+            box-shadow: 0 8px 30px rgba(245,158,11,0.35);
+        }
+        .result-circle.danger {
+            background: linear-gradient(135deg, #EF4444, #DC2626);
+            box-shadow: 0 8px 30px rgba(239,68,68,0.35);
+        }
+        .result-percentage {
+            font-family: 'Cairo', sans-serif;
+            font-size: 42px;
+            font-weight: 900;
+            color: white;
+            line-height: 1;
+        }
+        .result-label {
+            font-size: 13px;
+            color: rgba(255,255,255,0.85);
+            font-weight: 600;
+        }
+        .result-grade {
+            font-family: 'Cairo', sans-serif;
+            font-size: 26px;
+            font-weight: 800;
+            color: #332F3A;
+            margin-bottom: 8px;
+        }
+        .result-score-text {
+            font-size: 16px;
+            color: #6B7280;
+            margin-bottom: 30px;
+        }
+        .result-score-text span {
+            color: #7C3AED;
+            font-weight: 700;
+        }
+
+        /* Result details */
+        .result-details {
+            text-align: right;
+            margin-top: 30px;
+        }
+        .result-details-title {
+            font-family: 'Cairo', sans-serif;
+            font-size: 18px;
+            font-weight: 800;
+            color: #332F3A;
+            margin-bottom: 15px;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        .result-details-title i { color: #7C3AED; }
+
+        .result-item {
+            background: rgba(255,255,255,0.6);
+            border-radius: 16px;
+            padding: 18px 20px;
+            margin-bottom: 12px;
+            box-shadow: 4px 4px 10px rgba(160,150,180,0.1),
+                        -3px -3px 8px rgba(255,255,255,0.9);
+            border-right: 4px solid transparent;
+        }
+        .result-item.correct-item  { border-right-color: #10B981; }
+        .result-item.wrong-item    { border-right-color: #EF4444; }
+
+        .result-item-q {
+            font-family: 'Cairo', sans-serif;
+            font-size: 15px;
+            font-weight: 700;
+            color: #332F3A;
+            margin-bottom: 10px;
+            line-height: 1.5;
+        }
+        .result-item-answers {
+            display: flex;
+            flex-direction: column;
+            gap: 6px;
+        }
+        .answer-tag {
+            display: inline-flex;
+            align-items: center;
+            gap: 6px;
+            padding: 5px 12px;
+            border-radius: 8px;
+            font-size: 13px;
+            font-weight: 600;
+        }
+        .answer-tag.correct-tag {
+            background: rgba(16,185,129,0.1);
+            color: #059669;
+        }
+        .answer-tag.wrong-tag {
+            background: rgba(239,68,68,0.1);
+            color: #DC2626;
+        }
+
+        /* Retry buttons */
+        .result-actions {
+            display: flex;
+            gap: 15px;
+            margin-top: 30px;
+            flex-wrap: wrap;
+        }
+        .retry-btn {
+            flex: 1;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            gap: 10px;
+            background: linear-gradient(135deg, #7C3AED, #A78BFA);
+            color: white;
+            padding: 15px 25px;
+            border-radius: 16px;
+            border: none;
+            cursor: pointer;
+            font-family: 'Cairo', sans-serif;
+            font-size: 16px;
+            font-weight: 800;
+            box-shadow: 0 5px 18px rgba(124,58,237,0.3);
+            transition: all 0.3s;
+            text-decoration: none;
+            min-width: 140px;
+        }
+        .retry-btn:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 8px 24px rgba(124,58,237,0.4);
+            color: white;
+        }
+        .retry-btn.secondary {
+            background: rgba(255,255,255,0.8);
+            color: #7C3AED;
+            box-shadow: 5px 5px 14px rgba(160,150,180,0.15),
+                        -3px -3px 8px rgba(255,255,255,0.9);
+            border: 2px solid rgba(124,58,237,0.2);
+        }
+        .retry-btn.secondary:hover {
+            background: rgba(124,58,237,0.08);
+            color: #6D28D9;
+        }
+
+        /* =========================================
+           RESPONSIVE
+        ========================================= */
+        @media (max-width: 600px) {
+            .choices-grid { grid-template-columns: 1fr; }
+            .doors-grid   { grid-template-columns: repeat(auto-fill, minmax(100px,1fr)); }
+            .result-actions { flex-direction: column; }
+            .panel { padding: 20px; }
+            .step-line { width: 30px; }
+        }
+    </style>
+</head>
+<body>
+
+<!-- LOADER -->
+<div id="loader-overlay">
+    <div class="loading-content">
+        <div class="liquid"></div>
+        <div class="liquid"></div>
+        <div class="liquid"></div>
+        <div class="liquid"></div>
+    </div>
+    <svg class="svg">
+        <filter id="gooey">
+            <feGaussianBlur stdDeviation="10" in="SourceGraphic"></feGaussianBlur>
+            <feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 20 -10"></feColorMatrix>
+        </filter>
+    </svg>
+</div>
+
+<div class="container">
+
+    <!-- HEADER -->
+    <div class="header">
+        <div class="header-title">
+            <i class="fas fa-graduation-cap"></i>
+            اختبار - {{ subject_name }}
+        </div>
+        <a href="{{ url_for('dashboard') }}" class="back-btn">
+            <i class="fas fa-arrow-right"></i>
+            العودة
+        </a>
+    </div>
+
+    <!-- STEPS BAR -->
+    <div class="steps-bar">
+        <div class="step active" id="step1-indicator">
+            <div class="step-circle"><i class="fas fa-door-open"></i></div>
+            <div class="step-label">الباب</div>
+        </div>
+        <div class="step-line" id="line1"></div>
+        <div class="step" id="step2-indicator">
+            <div class="step-circle"><i class="fas fa-list-ol"></i></div>
+            <div class="step-label">الأسئلة</div>
+        </div>
+        <div class="step-line" id="line2"></div>
+        <div class="step" id="step3-indicator">
+            <div class="step-circle"><i class="fas fa-signal"></i></div>
+            <div class="step-label">المستوى</div>
+        </div>
+        <div class="step-line" id="line3"></div>
+        <div class="step" id="step4-indicator">
+            <div class="step-circle"><i class="fas fa-pen-to-square"></i></div>
+            <div class="step-label">الاختبار</div>
+        </div>
+        <div class="step-line" id="line4"></div>
+        <div class="step" id="step5-indicator">
+            <div class="step-circle"><i class="fas fa-trophy"></i></div>
+            <div class="step-label">النتيجة</div>
+        </div>
+    </div>
+
+    <!-- =====================
+         STEP 1: CHOOSE DOOR
+    ===================== -->
+    <div class="panel active" id="panel-door">
+        <div class="panel-title">
+            <i class="fas fa-door-open"></i>
+            اختر الباب
+        </div>
+        <div class="doors-grid">
+            {% for door in doors %}
+            <button class="door-btn" data-file="{{ door.file }}" onclick="selectDoor(this)">
+                <i class="fas fa-book"></i>
+                {{ door.label }}
+            </button>
+            {% endfor %}
+        </div>
+        <button class="action-btn" id="btn-door-next" disabled onclick="goToStep(2)">
+            التالي
+            <i class="fas fa-arrow-left"></i>
+        </button>
+    </div>
+
+    <!-- =====================
+         STEP 2: QUESTION COUNT
+    ===================== -->
+    <div class="panel" id="panel-count">
+        <div class="panel-title">
+            <i class="fas fa-list-ol"></i>
+            كم سؤال تريد؟
+        </div>
+        <div class="options-row">
+            <button class="opt-btn" data-count="5" onclick="selectCount(this)">
+                <i class="fas fa-star"></i>
+                5 أسئلة
+            </button>
+            <button class="opt-btn" data-count="10" onclick="selectCount(this)">
+                <i class="fas fa-star"></i>
+                10 أسئلة
+            </button>
+            <button class="opt-btn" data-count="15" onclick="selectCount(this)">
+                <i class="fas fa-star"></i>
+                15 سؤال
+            </button>
+            <button class="opt-btn" data-count="30" onclick="selectCount(this)">
+                <i class="fas fa-star"></i>
+                30 سؤال
+            </button>
+        </div>
+        <button class="action-btn" id="btn-count-next" disabled onclick="goToStep(3)">
+            التالي
+            <i class="fas fa-arrow-left"></i>
+        </button>
+    </div>
+
+    <!-- =====================
+         STEP 3: DIFFICULTY
+    ===================== -->
+    <div class="panel" id="panel-diff">
+        <div class="panel-title">
+            <i class="fas fa-signal"></i>
+            اختر مستوى الصعوبة
+        </div>
+        <div class="options-row">
+            <button class="opt-btn diff-easy" data-diff="easy" onclick="selectDiff(this)">
+                <i class="fas fa-seedling"></i>
+                سهل
+            </button>
+            <button class="opt-btn diff-medium" data-diff="medium" onclick="selectDiff(this)">
+                <i class="fas fa-fire"></i>
+                متوسط
+            </button>
+            <button class="opt-btn diff-hard" data-diff="hard" onclick="selectDiff(this)">
+                <i class="fas fa-skull"></i>
+                صعب
+            </button>
+        </div>
+        <button class="action-btn" id="btn-diff-next" disabled onclick="startExam()">
+            <i class="fas fa-rocket"></i>
+            ابدأ الاختبار!
+        </button>
+    </div>
+
+    <!-- =====================
+         STEP 4: GENERATING
+    ===================== -->
+    <div class="panel" id="panel-generating">
+        <div class="generating-panel">
+            <div class="gen-spinner"></div>
+            <div class="gen-title">جاري توليد الأسئلة...</div>
+            <div class="gen-sub">يقوم الذكاء الاصطناعي بإعداد اختبارك، يرجى الانتظار</div>
+        </div>
+    </div>
+
+    <!-- =====================
+         STEP 4: EXAM
+    ===================== -->
+    <div class="panel" id="panel-exam">
+        <!-- Exam header bar -->
+        <div class="exam-header-bar">
+            <div class="exam-progress-text" id="exam-progress-text">
+                السؤال 1 من 10
+            </div>
+            <div class="exam-score-text" id="exam-score-text">
+                ✅ 0 صحيح
+            </div>
+        </div>
+
+        <!-- Progress bar -->
+        <div class="progress-bar-wrap">
+            <div class="progress-bar-fill" id="progress-bar-fill"></div>
+        </div>
+
+        <!-- Question -->
+        <div class="question-box">
+            <div class="question-number" id="question-number">
+                <i class="fas fa-circle-question"></i>
+                السؤال 1
+            </div>
+            <div class="question-text" id="question-text">
+                نص السؤال هنا
+            </div>
+        </div>
+
+        <!-- Choices -->
+        <div class="choices-grid" id="choices-grid">
+            <!-- Filled by JS -->
+        </div>
+
+        <!-- Next button -->
+        <button class="next-q-btn" id="next-q-btn" onclick="nextQuestion()">
+            السؤال التالي
+            <i class="fas fa-arrow-left"></i>
+        </button>
+    </div>
+
+    <!-- =====================
+         STEP 5: RESULT
+    ===================== -->
+    <div class="panel" id="panel-result">
+        <div class="result-panel">
+            <!-- Score circle -->
+            <div class="result-circle" id="result-circle">
+                <div class="result-percentage" id="result-percentage">0%</div>
+                <div class="result-label">النتيجة</div>
+            </div>
+
+            <!-- Grade -->
+            <div class="result-grade" id="result-grade">ممتاز!</div>
+            <div class="result-score-text">
+                أجبت على <span id="result-score-span">0</span>
+                من أصل <span id="result-total-span">0</span> سؤال بشكل صحيح
+            </div>
+
+            <!-- Action buttons -->
+            <div class="result-actions">
+                <button class="retry-btn" onclick="retryExam()">
+                    <i class="fas fa-rotate-right"></i>
+                    إعادة الاختبار
+                </button>
+                <a href="{{ url_for('dashboard') }}" class="retry-btn secondary">
+                    <i class="fas fa-house"></i>
+                    الرئيسية
+                </a>
+            </div>
+
+            <!-- Detailed results -->
+            <div class="result-details">
+                <div class="result-details-title">
+                    <i class="fas fa-clipboard-list"></i>
+                    تفاصيل الإجابات
+                </div>
+                <div id="result-details-list">
+                    <!-- Filled by JS -->
+                </div>
+            </div>
+        </div>
+    </div>
+
+</div><!-- /container -->
+
+<script>
+// ============================================================
+// STATE
+// ============================================================
+const SUBJECT_ID = "{{ subject_id }}";
+
+let selectedDoor      = null;
+let selectedCount     = null;
+let selectedDiff      = null;
+let questions         = [];
+let currentIndex      = 0;
+let score             = 0;
+let answers           = [];
+let answered          = false;
+
+// ============================================================
+// LOADER
+// ============================================================
+window.addEventListener('load', function() {
+    const loader = document.getElementById('loader-overlay');
+    setTimeout(function() {
+        loader.style.opacity = '0';
+        setTimeout(function() { loader.style.display = 'none'; }, 500);
+    }, 1200);
+});
+
+// ============================================================
+// STEP NAVIGATION
+// ============================================================
+function goToStep(step) {
+    // Hide all panels
+    document.querySelectorAll('.panel').forEach(p => p.classList.remove('active'));
+
+    // Update step indicators
+    const stepIds = ['step1-indicator','step2-indicator','step3-indicator','step4-indicator','step5-indicator'];
+    const lineIds = ['line1','line2','line3','line4'];
+
+    stepIds.forEach((id, i) => {
+        const el = document.getElementById(id);
+        el.classList.remove('active','done');
+        if (i + 1 < step)       el.classList.add('done');
+        else if (i + 1 === step) el.classList.add('active');
+    });
+
+    lineIds.forEach((id, i) => {
+        const el = document.getElementById(id);
+        el.classList.remove('done');
+        if (i + 1 < step) el.classList.add('done');
+    });
+
+    // Show correct panel
+    const panelMap = {
+        1: 'panel-door',
+        2: 'panel-count',
+        3: 'panel-diff',
+        4: 'panel-exam',
+        5: 'panel-result'
+    };
+    if (panelMap[step]) {
+        document.getElementById(panelMap[step]).classList.add('active');
+    }
+}
+
+// ============================================================
+// STEP 1 - DOOR SELECTION
+// ============================================================
+function selectDoor(btn) {
+    document.querySelectorAll('.door-btn').forEach(b => b.classList.remove('selected'));
+    btn.classList.add('selected');
+    selectedDoor = btn.getAttribute('data-file');
+    document.getElementById('btn-door-next').disabled = false;
+}
+
+// ============================================================
+// STEP 2 - COUNT SELECTION
+// ============================================================
+function selectCount(btn) {
+    document.querySelectorAll('[data-count]').forEach(b => b.classList.remove('selected'));
+    btn.classList.add('selected');
+    selectedCount = parseInt(btn.getAttribute('data-count'));
+    document.getElementById('btn-count-next').disabled = false;
+}
+
+// ============================================================
+// STEP 3 - DIFFICULTY SELECTION
+// ============================================================
+function selectDiff(btn) {
+    document.querySelectorAll('[data-diff]').forEach(b => b.classList.remove('selected'));
+    btn.classList.add('selected');
+    selectedDiff = btn.getAttribute('data-diff');
+    document.getElementById('btn-diff-next').disabled = false;
+}
+
+// ============================================================
+// START EXAM - GENERATE QUESTIONS
+// ============================================================
+async function startExam() {
+    if (!selectedDoor || !selectedCount || !selectedDiff) return;
+
+    // Show generating panel
+    document.querySelectorAll('.panel').forEach(p => p.classList.remove('active'));
+    document.getElementById('panel-generating').classList.add('active');
+
+    // Update step indicators to step 4
+    const stepIds = ['step1-indicator','step2-indicator','step3-indicator','step4-indicator','step5-indicator'];
+    stepIds.forEach((id, i) => {
+        const el = document.getElementById(id);
+        el.classList.remove('active','done');
+        if (i < 3)      el.classList.add('done');
+        else if (i === 3) el.classList.add('active');
+    });
+    ['line1','line2','line3'].forEach(id => {
+        document.getElementById(id).classList.add('done');
+    });
+
+    try {
+        const resp = await fetch('/exam/generate', {
+            method:  'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({
+                subject_id:     SUBJECT_ID,
+                door_file:      selectedDoor,
+                question_count: selectedCount,
+                difficulty:     selectedDiff
+            })
+        });
+
+        const data = await resp.json();
+
+        if (!resp.ok || !data.success) {
+            alert('❌ ' + (data.error || 'فشل توليد الأسئلة. حاول مرة أخرى.'));
+            goToStep(3);
+            return;
+        }
+
+        questions    = data.questions;
+        currentIndex = 0;
+        score        = 0;
+        answers      = [];
+
+        loadQuestion(0);
+        goToStep(4);
+
+    } catch(e) {
+        console.error(e);
+        alert('❌ حدث خطأ في الاتصال. حاول مرة أخرى.');
+        goToStep(3);
+    }
+}
+
+// ============================================================
+// LOAD QUESTION
+// ============================================================
+function loadQuestion(index) {
+    answered = false;
+    const q  = questions[index];
+    const total = questions.length;
+
+    // Update header
+    document.getElementById('exam-progress-text').textContent =
+        `السؤال ${index + 1} من ${total}`;
+    document.getElementById('exam-score-text').textContent =
+        `✅ ${score} صحيح`;
+
+    // Progress bar
+    const pct = ((index) / total) * 100;
+    document.getElementById('progress-bar-fill').style.width = pct + '%';
+
+    // Question
+    document.getElementById('question-number').innerHTML =
+        `<i class="fas fa-circle-question"></i> السؤال ${index + 1}`;
+    document.getElementById('question-text').textContent = q.question;
+
+    // Choices
+    const letters = ['أ', 'ب', 'ج', 'د'];
+    const grid    = document.getElementById('choices-grid');
+    grid.innerHTML = '';
+
+    q.choices.forEach((choice, i) => {
+        const btn = document.createElement('button');
+        btn.className   = 'choice-btn';
+        btn.dataset.correct   = choice.is_correct;
+        btn.dataset.text      = choice.text;
+        btn.innerHTML = `
+            <div class="choice-letter">${letters[i]}</div>
+            <span>${choice.text}</span>
+        `;
+        btn.onclick = () => handleAnswer(btn, choice.is_correct, choice.text, q.correct_answer);
+        grid.appendChild(btn);
+    });
+
+    // Hide next button
+    const nextBtn = document.getElementById('next-q-btn');
+    nextBtn.classList.remove('visible');
+    if (index === total - 1) {
+        nextBtn.innerHTML = '<i class="fas fa-flag-checkered"></i> إنهاء الاختبار';
+    } else {
+        nextBtn.innerHTML = 'السؤال التالي <i class="fas fa-arrow-left"></i>';
+    }
+}
+
+// ============================================================
+// HANDLE ANSWER
+// ============================================================
+function handleAnswer(clickedBtn, isCorrect, selectedText, correctAnswer) {
+    if (answered) return;
+    answered = true;
+
+    // Disable all choices
+    document.querySelectorAll('.choice-btn').forEach(b => b.disabled = true);
+
+    if (isCorrect) {
+        // Correct answer
+        clickedBtn.classList.add('correct');
+        score++;
+        document.getElementById('exam-score-text').textContent = `✅ ${score} صحيح`;
+    } else {
+        // Wrong - mark selected as wrong
+        clickedBtn.classList.add('selected-wrong');
+
+        // Reveal the correct answer
+        document.querySelectorAll('.choice-btn').forEach(b => {
+            if (b.dataset.correct === 'true') {
+                b.classList.add('correct');
+            }
+        });
+    }
+
+    // Record answer
+    answers.push({
+        question_index:  currentIndex,
+        selected_answer: selectedText
+    });
+
+    // Show next button
+    document.getElementById('next-q-btn').classList.add('visible');
+}
+
+// ============================================================
+// NEXT QUESTION
+// ============================================================
+function nextQuestion() {
+    currentIndex++;
+
+    if (currentIndex >= questions.length) {
+        // All questions done - submit
+        submitExam();
+    } else {
+        loadQuestion(currentIndex);
+    }
+}
+
+// ============================================================
+// SUBMIT EXAM
+// ============================================================
+async function submitExam() {
+    // Show generating panel while submitting
+    document.querySelectorAll('.panel').forEach(p => p.classList.remove('active'));
+    document.getElementById('panel-generating').classList.add('active');
+    document.querySelector('.gen-title').textContent = 'جاري حساب النتيجة...';
+    document.querySelector('.gen-sub').textContent   = 'يرجى الانتظار لحظة';
+
+    try {
+        const resp = await fetch('/exam/submit', {
+            method:  'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({
+                subject_id: SUBJECT_ID,
+                answers:    answers
+            })
+        });
+
+        const data = await resp.json();
+
+        if (!resp.ok || !data.success) {
+            alert('❌ ' + (data.error || 'فشل إرسال الإجابات.'));
+            return;
+        }
+
+        showResult(data);
+
+    } catch(e) {
+        console.error(e);
+        alert('❌ حدث خطأ في الاتصال.');
+    }
+}
+
+// ============================================================
+// SHOW RESULT
+// ============================================================
+function showResult(data) {
+    // Update step indicators
+    const stepIds = ['step1-indicator','step2-indicator','step3-indicator','step4-indicator','step5-indicator'];
+    stepIds.forEach((id, i) => {
+        const el = document.getElementById(id);
+        el.classList.remove('active','done');
+        if (i < 4)      el.classList.add('done');
+        else if (i === 4) el.classList.add('active');
+    });
+    ['line1','line2','line3','line4'].forEach(id => {
+        document.getElementById(id).classList.add('done');
+    });
+
+    // Score circle
+    const circle = document.getElementById('result-circle');
+    circle.className = `result-circle ${data.grade_color}`;
+    document.getElementById('result-percentage').textContent = data.percentage + '%';
+    document.getElementById('result-grade').textContent      = data.grade_msg;
+    document.getElementById('result-score-span').textContent = data.score;
+    document.getElementById('result-total-span').textContent = data.total;
+
+    // Build detailed results
+    const list = document.getElementById('result-details-list');
+    list.innerHTML = '';
+
+    data.results.forEach((r, i) => {
+        const item = document.createElement('div');
+        item.className = `result-item ${r.is_correct ? 'correct-item' : 'wrong-item'}`;
+
+        let answersHtml = '';
+        if (r.is_correct) {
+            answersHtml = `
+                <div class="answer-tag correct-tag">
+                    <i class="fas fa-check-circle"></i>
+                    إجابتك صحيحة: ${r.selected_answer}
+                </div>`;
+        } else {
+            answersHtml = `
+                <div class="answer-tag wrong-tag">
+                    <i class="fas fa-times-circle"></i>
+                    إجابتك: ${r.selected_answer || 'لم تجب'}
+                </div>
+                <div class="answer-tag correct-tag">
+                    <i class="fas fa-check-circle"></i>
+                    الإجابة الصحيحة: ${r.correct_answer}
+                </div>`;
+        }
+
+        item.innerHTML = `
+            <div class="result-item-q">
+                <span style="color:${r.is_correct ? '#059669' : '#DC2626'}; margin-left:6px;">
+                    ${r.is_correct ? '✅' : '❌'}
+                </span>
+                ${i + 1}. ${r.question}
+            </div>
+            <div class="result-item-answers">
+                ${answersHtml}
+            </div>`;
+
+        list.appendChild(item);
+    });
+
+    // Show result panel
+    document.querySelectorAll('.panel').forEach(p => p.classList.remove('active'));
+    document.getElementById('panel-result').classList.add('active');
+
+    // Clear exam session on server
+    fetch('/exam/clear', { method: 'POST' }).catch(() => {});
+}
+
+// ============================================================
+// RETRY EXAM
+// ============================================================
+function retryExam() {
+    // Reset state
+    selectedDoor  = null;
+    selectedCount = null;
+    selectedDiff  = null;
+    questions     = [];
+    currentIndex  = 0;
+    score         = 0;
+    answers       = [];
+    answered      = false;
+
+    // Reset UI selections
+    document.querySelectorAll('.door-btn').forEach(b => b.classList.remove('selected'));
+    document.querySelectorAll('[data-count]').forEach(b => b.classList.remove('selected'));
+    document.querySelectorAll('[data-diff]').forEach(b => b.classList.remove('selected'));
+
+    // Disable next buttons
+    document.getElementById('btn-door-next').disabled  = true;
+    document.getElementById('btn-count-next').disabled = true;
+    document.getElementById('btn-diff-next').disabled  = true;
+
+    // Reset generating text
+    document.querySelector('.gen-title').textContent = 'جاري توليد الأسئلة...';
+    document.querySelector('.gen-sub').textContent   = 'يقوم الذكاء الاصطناعي بإعداد اختبارك، يرجى الانتظار';
+
+    // Go back to step 1
+    goToStep(1);
+}
+</script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/templates/forgot_password.html b/templates/forgot_password.html
new file mode 100644
index 0000000000000000000000000000000000000000..74c2a464252629b46e13cb3d13ef71bfbba86300
--- /dev/null
+++ b/templates/forgot_password.html
@@ -0,0 +1,188 @@
+<!DOCTYPE html>
+<html lang="ar" dir="rtl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>نسيت كلمة المرور - Claymorphism</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@700;800;900&family=Tajawal:wght@400;500;700&display=swap" rel="stylesheet">
+    
+    <style>
+        /* =========================================
+           1. كود التحميل الجديد (أضيف هنا)
+           ========================================= */
+        #loader-overlay {
+            position: fixed;
+            top: 0; left: 0; width: 100%; height: 100%;
+            /* نفس لون الخلفية --clay-canvas */
+            background-color: #F4F1FA;
+            z-index: 9999;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            transition: opacity 0.5s ease;
+        }
+
+        .loading-content {
+            position: relative;
+            width: 180px;
+            height: 180px;
+            animation: rotate 4s ease-in-out infinite;
+            filter: url("#gooey");
+        }
+
+        .svg {
+            width: 0;
+            height: 0;
+            position: absolute;
+        }
+
+        @keyframes rotate {
+            0% { transform: rotate(360deg); }
+            50% { transform: rotate(360deg); }
+            100% { transform: rotate(0deg); }
+        }
+
+        .loading-content .liquid {
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            background: linear-gradient(90deg, rgba(0, 30, 250, 1) 0%, rgba(177, 70, 252, 1) 100%);
+            width: 50px;
+            height: 50px;
+            border-radius: 50%;
+            --ani_dur: 4s;
+        }
+
+        .loading-content .liquid:nth-child(1) { top: 0; animation: animate1 var(--ani_dur) ease-in-out infinite; }
+        .loading-content .liquid:nth-child(2) { left: 0; animation: animate2 var(--ani_dur) ease-in-out infinite; }
+        .loading-content .liquid:nth-child(3) { left: 100%; animation: animate3 var(--ani_dur) ease-in-out infinite; }
+        .loading-content .liquid:nth-child(4) { top: 100%; animation: animate4 var(--ani_dur) ease-in-out infinite; }
+
+        @keyframes animate1 { 0% { top: 0; } 50% { top: 100%; } 100% { top: 100%; } }
+        @keyframes animate2 { 0% { left: 0; } 50% { left: 100%; } 100% { left: 100%; } }
+        @keyframes animate3 { 0% { left: 100%; } 50% { left: 0; } 100% { left: 0; } }
+        @keyframes animate4 { 0% { top: 100%; } 50% { top: 0; } 100% { top: 0; } }
+
+        /* =========================================
+           2. كود التصميم الأصلي الخاص بك (لم يتغير)
+           ========================================= */
+        /* ألوان مخصصة لصفحة الاستعادة (برتقالي/ذهبي) */
+        :root {
+            --clay-canvas: #F4F1FA;
+            --clay-foreground: #332F3A;
+            --clay-muted: #635F69;
+            --clay-primary: #F59E0B; /* Amber Orange */
+            --clay-primary-light: #FCD34D;
+            --clay-accent-orange: #EA580C;
+            --clay-input-bg: #FEF3C7;
+            --shadow-clay-card: 16px 16px 32px rgba(180, 160, 140, 0.2), -10px -10px 24px rgba(255, 255, 255, 0.9), inset 6px 6px 12px rgba(245, 158, 11, 0.03), inset -6px -6px 12px rgba(255, 255, 255, 1);
+            --shadow-clay-btn: 12px 12px 24px rgba(245, 158, 11, 0.3), -8px -8px 16px rgba(255, 255, 255, 0.4), inset 4px 4px 8px rgba(255, 255, 255, 0.4), inset -4px -4px 8px rgba(0, 0, 0, 0.1);
+            --shadow-clay-btn-hover: 16px 16px 32px rgba(245, 158, 11, 0.4), -12px -12px 24px rgba(255, 255, 255, 0.6), inset 4px 4px 8px rgba(255, 255, 255, 0.5), inset -4px -4px 8px rgba(0, 0, 0, 0.1);
+            --shadow-clay-pressed: inset 10px 10px 20px #fae8c9, inset -10px -10px 20px #ffffff;
+            --radius-card: 32px; --radius-btn: 20px; --radius-input: 16px; --font-heading: 'Cairo', sans-serif; --font-body: 'Tajawal', sans-serif;
+        }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: var(--font-body); background-color: var(--clay-canvas); color: var(--clay-foreground); min-height: 100vh; display: flex; justify-content: center; align-items: center; padding: 20px; overflow-x: hidden; position: relative; }
+        h1, h2, h3, .brand-font { font-family: var(--font-heading); }
+        .background-blobs { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; overflow: hidden; }
+        .blob { position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0.6; animation: float 10s infinite ease-in-out; }
+        .blob-1 { width: 60vh; height: 60vh; background: var(--clay-primary); top: -10%; right: -10%; opacity: 0.15; animation-delay: 0s; }
+        .blob-2 { width: 50vh; height: 50vh; background: var(--clay-accent-orange); bottom: -10%; left: -10%; opacity: 0.15; animation-delay: 2s; }
+        @keyframes float { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-30px) rotate(5deg); } }
+        .clay-card { background: rgba(255, 255, 255, 0.65); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); padding: 40px; border-radius: var(--radius-card); box-shadow: var(--shadow-clay-card); width: 100%; max-width: 480px; position: relative; z-index: 10; border: 1px solid rgba(255, 255, 255, 0.4); transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); text-align: right; }
+        .clay-card:hover { transform: translateY(-5px); }
+        
+        .clay-icon-orb { width: 90px; height: 90px; border-radius: 50%; background: linear-gradient(145deg, #FEF3C7 0%, #FCD34D 50%, #F59E0B 100%); box-shadow: 12px 12px 24px rgba(245, 158, 11, 0.3), inset 8px 8px 16px rgba(255, 255, 255, 0.8), inset -8px -8px 16px rgba(234, 88, 12, 0.2); display: flex; justify-content: center; align-items: center; margin: 0 auto 25px auto; position: relative; transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); cursor: default; }
+        .clay-icon-orb:hover { transform: scale(1.08) rotate(-5deg); }
+        .clay-icon-orb span { font-size: 44px; filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.15)); transform: rotate(-15deg); transition: transform 0.4s; display: block; line-height: 1; }
+        
+        h1 { text-align: center; color: var(--clay-foreground); margin-bottom: 15px; font-size: 28px; font-weight: 900; letter-spacing: -0.02em; }
+        .subtitle { text-align: center; color: var(--clay-muted); margin-bottom: 30px; font-size: 16px; font-weight: 500; line-height: 1.6; }
+        
+        .instructions { background: var(--clay-input-bg); padding: 24px; border-radius: var(--radius-input); margin-bottom: 30px; box-shadow: var(--shadow-clay-pressed); border: 1px solid rgba(255,255,255,0.2); }
+        .instructions h3 { color: var(--clay-accent-orange); margin-bottom: 15px; font-size: 18px; font-weight: 800; display: flex; align-items: center; gap: 8px; }
+        .instructions ol { margin-right: 20px; color: var(--clay-muted); line-height: 1.8; font-size: 15px; }
+        .instructions li { margin-bottom: 12px; padding-right: 5px; }
+        
+        button { width: 100%; padding: 18px; background: linear-gradient(135deg, var(--clay-primary-light) 0%, var(--clay-primary) 100%); color: white; border: none; border-radius: var(--radius-btn); font-size: 18px; font-weight: 800; font-family: var(--font-heading); cursor: pointer; box-shadow: var(--shadow-clay-btn); transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1); position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; gap: 10px; text-decoration: none; }
+        button:hover { transform: translateY(-3px) scale(1.01); box-shadow: var(--shadow-clay-btn-hover); }
+        button:active { transform: scale(0.94) translateY(1px); box-shadow: var(--shadow-clay-pressed); transition: transform 0.1s; }
+        
+        .back-link { text-align: center; margin-top: 25px; color: var(--clay-muted); font-size: 15px; }
+        .back-link a { color: var(--clay-primary); text-decoration: none; font-weight: 700; position: relative; z-index: 1; transition: color 0.3s; }
+        .back-link a:hover { color: var(--clay-accent-orange); }
+    </style>
+</head>
+<body>
+    <!-- =========================================
+         3. كود HTML التحميل (يظهر فوراً)
+         ========================================= -->
+    <div id="loader-overlay">
+        <div class="loading-content">
+            <div class="liquid"></div>
+            <div class="liquid"></div>
+            <div class="liquid"></div>
+            <div class="liquid"></div>
+        </div>
+        <svg class="svg">
+            <filter id="gooey">
+                <feGaussianBlur stdDeviation="10" in="SourceGraphic"></feGaussianBlur>
+                <feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 20 -10"></feColorMatrix>
+            </filter>
+        </svg>
+    </div>
+
+    <!-- =========================================
+         4. المحتوى الأصلي الخاص بك
+         ========================================= -->
+    <div class="background-blobs"><div class="blob blob-1"></div><div class="blob blob-2"></div></div>
+    <main class="clay-card">
+        <div class="clay-icon-orb"><span>🔒</span></div>
+        <h1>نسيت كلمة المرور؟</h1>
+        <p class="subtitle">لا تقلق، يمكنك استعادة حسابك بسهولة وأمان عبر بوت تيليجرام الخاص بنا.</p>
+        
+        <div class="instructions">
+            <h3>🔄 اتبع هذه الخطوات:</h3>
+            <ol>
+                <li>اضغط على الزر بالأسفل للذهاب إلى البوت</li>
+                <li>أرسل الأمر <strong>/start</strong> للبوت</li>
+                <li>سيقوم البوت بالتعرف عليك تلقائياً</li>
+                <li>أدخل كلمة المرور الجديدة وتأكيدها</li>
+                <li>عد لتسجيل الدخول بكلمتك الجديدة</li>
+            </ol>
+        </div>
+
+        <!-- الرابط محدث باسم البوت @classpassreset_bot -->
+        <a href="https://t.me/classpassreset_bot" target="_blank" style="text-decoration: none; display: block;">
+            <button type="button">
+                <span>فتح بوت استعادة الحساب 🤖</span>
+            </button>
+        </a>
+
+        <div class="back-link">
+            تذكرت كلمة المرور؟ <a href="{{ url_for('auth.login') }}">عودة لتسجيل الدخول</a>
+        </div>
+    </main>
+
+    <!-- =========================================
+         5. كود JavaScript لإخفاء التحميل
+         ========================================= -->
+    <script>
+        window.addEventListener('load', function() {
+            const loader = document.getElementById('loader-overlay');
+            
+            // مدة الظهور (1500 مللي ثانية = 1.5 ثانية)
+            setTimeout(function() {
+                loader.style.opacity = '0';
+                
+                setTimeout(function() {
+                    loader.style.display = 'none';
+                }, 500); 
+            }, 1500); 
+        });
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/templates/login.html b/templates/login.html
new file mode 100644
index 0000000000000000000000000000000000000000..8aeb0bf25d343db2d2c4de4fd24eff5e09107af7
--- /dev/null
+++ b/templates/login.html
@@ -0,0 +1,210 @@
+<!DOCTYPE html>
+<html lang="ar" dir="rtl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>تسجيل الدخول - Claymorphism</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@700;800;900&family=Tajawal:wght@400;500;700&display=swap" rel="stylesheet">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.0.1/socket.io.js"></script>
+    
+    <style>
+        /* =========================================
+           1. كود التحميل الجديد (أضيف هنا)
+           ========================================= */
+        #loader-overlay {
+            position: fixed;
+            top: 0; left: 0; width: 100%; height: 100%;
+            background-color: #F4F1FA; /* نفس لون خلفية الموقع */
+            z-index: 9999; /* ليكون فوق كل شيء */
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            transition: opacity 0.5s ease;
+        }
+
+        .loading-content {
+            position: relative;
+            width: 180px;
+            height: 180px;
+            animation: rotate 4s ease-in-out infinite;
+            filter: url("#gooey");
+        }
+
+        .svg {
+            width: 0;
+            height: 0;
+            position: absolute;
+        }
+
+        @keyframes rotate {
+            0% { transform: rotate(360deg); }
+            50% { transform: rotate(360deg); }
+            100% { transform: rotate(0deg); }
+        }
+
+        .loading-content .liquid {
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            background: linear-gradient(90deg, rgba(0, 30, 250, 1) 0%, rgba(177, 70, 252, 1) 100%);
+            width: 50px;
+            height: 50px;
+            border-radius: 50%;
+            --ani_dur: 4s;
+        }
+
+        .loading-content .liquid:nth-child(1) { top: 0; animation: animate1 var(--ani_dur) ease-in-out infinite; }
+        .loading-content .liquid:nth-child(2) { left: 0; animation: animate2 var(--ani_dur) ease-in-out infinite; }
+        .loading-content .liquid:nth-child(3) { left: 100%; animation: animate3 var(--ani_dur) ease-in-out infinite; }
+        .loading-content .liquid:nth-child(4) { top: 100%; animation: animate4 var(--ani_dur) ease-in-out infinite; }
+
+        @keyframes animate1 { 0% { top: 0; } 50% { top: 100%; } 100% { top: 100%; } }
+        @keyframes animate2 { 0% { left: 0; } 50% { left: 100%; } 100% { left: 100%; } }
+        @keyframes animate3 { 0% { left: 100%; } 50% { left: 0; } 100% { left: 0; } }
+        @keyframes animate4 { 0% { top: 100%; } 50% { top: 0; } 100% { top: 0; } }
+
+        /* =========================================
+           2. كود التصميم الأصلي الخاص بك (لم يتغير)
+           ========================================= */
+        :root {
+            --clay-canvas: #F4F1FA; --clay-foreground: #332F3A; --clay-muted: #635F69; --clay-primary: #7C3AED; --clay-primary-light: #A78BFA; --clay-accent-pink: #DB2777; --clay-accent-blue: #0EA5E9; --clay-success: #10B981; --clay-error: #EF4444; --clay-input-bg: #EFEBF5;
+            --shadow-clay-card: 16px 16px 32px rgba(160, 150, 180, 0.2), -10px -10px 24px rgba(255, 255, 255, 0.9), inset 6px 6px 12px rgba(139, 92, 246, 0.03), inset -6px -6px 12px rgba(255, 255, 255, 1);
+            --shadow-clay-btn: 12px 12px 24px rgba(139, 92, 246, 0.3), -8px -8px 16px rgba(255, 255, 255, 0.4), inset 4px 4px 8px rgba(255, 255, 255, 0.4), inset -4px -4px 8px rgba(0, 0, 0, 0.1);
+            --shadow-clay-btn-hover: 16px 16px 32px rgba(139, 92, 246, 0.4), -12px -12px 24px rgba(255, 255, 255, 0.6), inset 4px 4px 8px rgba(255, 255, 255, 0.5), inset -4px -4px 8px rgba(0, 0, 0, 0.1);
+            --shadow-clay-pressed: inset 10px 10px 20px #d9d4e3, inset -10px -10px 20px #ffffff;
+            --radius-card: 32px; --radius-btn: 20px; --radius-input: 16px; --font-heading: 'Cairo', sans-serif; --font-body: 'Tajawal', sans-serif;
+        }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: var(--font-body); background-color: var(--clay-canvas); color: var(--clay-foreground); min-height: 100vh; display: flex; justify-content: center; align-items: center; padding: 20px; overflow-x: hidden; position: relative; }
+        h1, h2, h3, .brand-font { font-family: var(--font-heading); }
+        .background-blobs { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; overflow: hidden; }
+        .blob { position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0.6; animation: float 10s infinite ease-in-out; }
+        .blob-1 { width: 60vh; height: 60vh; background: var(--clay-primary); top: -10%; right: -10%; opacity: 0.15; animation-delay: 0s; }
+        .blob-2 { width: 50vh; height: 50vh; background: var(--clay-accent-pink); bottom: -10%; left: -10%; opacity: 0.15; animation-delay: 2s; }
+        .blob-3 { width: 40vh; height: 40vh; background: var(--clay-accent-blue); top: 40%; right: 40%; opacity: 0.1; animation-delay: 4s; }
+        @keyframes float { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-30px) rotate(5deg); } }
+        .clay-card { background: rgba(255, 255, 255, 0.65); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); padding: 40px; border-radius: var(--radius-card); box-shadow: var(--shadow-clay-card); width: 100%; max-width: 440px; position: relative; z-index: 10; border: 1px solid rgba(255, 255, 255, 0.4); transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); text-align: right; }
+        .clay-card:hover { transform: translateY(-5px); }
+        h1 { text-align: center; color: var(--clay-foreground); margin-bottom: 12px; font-size: 32px; font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; }
+        .subtitle { text-align: center; color: var(--clay-muted); margin-bottom: 30px; font-size: 16px; font-weight: 500; }
+        .flash-container { margin-bottom: 24px; display: flex; flex-direction: column; gap: 10px; }
+        .flash { padding: 16px 20px; border-radius: var(--radius-input); font-size: 14px; font-weight: 500; display: flex; align-items: center; gap: 10px; animation: slideDown 0.4s ease-out; backdrop-filter: blur(10px); }
+        @keyframes slideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
+        .flash.error { background: rgba(239, 68, 68, 0.1); color: #b91c1c; border: 1px solid rgba(239, 68, 68, 0.2); box-shadow: inset 4px 4px 8px rgba(255,255,255,0.5), inset -4px -4px 8px rgba(239, 68, 68, 0.1); }
+        .flash.success { background: rgba(16, 185, 129, 0.1); color: #047857; border: 1px solid rgba(16, 185, 129, 0.2); box-shadow: inset 4px 4px 8px rgba(255,255,255,0.5), inset -4px -4px 8px rgba(16, 185, 129, 0.1); }
+        .security-info { background: var(--clay-input-bg); border-radius: var(--radius-input); padding: 16px; margin-bottom: 30px; font-size: 14px; color: var(--clay-foreground); box-shadow: var(--shadow-clay-pressed); display: flex; align-items: flex-start; gap: 12px; line-height: 1.6; border: 1px solid rgba(255,255,255,0.2); }
+        .security-icon { font-size: 18px; margin-top: 2px; }
+        .security-info strong { display: block; margin-bottom: 4px; color: var(--clay-primary); font-size: 15px; }
+        .form-group { margin-bottom: 24px; position: relative; }
+        label { display: block; margin-bottom: 10px; color: var(--clay-foreground); font-weight: 700; font-size: 15px; margin-right: 4px; }
+        input { width: 100%; padding: 18px 24px; border: none; border-radius: var(--radius-input); font-size: 16px; font-family: var(--font-body); color: var(--clay-foreground); background-color: var(--clay-input-bg); box-shadow: var(--shadow-clay-pressed); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); outline: none; text-align: right; }
+        input::placeholder { color: var(--clay-muted); font-weight: 500; font-family: var(--font-body); }
+        input:focus { background-color: #ffffff; transform: translateY(-2px); box-shadow: 8px 8px 16px rgba(160, 150, 180, 0.15), -6px -6px 12px rgba(255, 255, 255, 0.9); }
+        button { width: 100%; padding: 18px; background: linear-gradient(135deg, var(--clay-primary-light) 0%, var(--clay-primary) 100%); color: white; border: none; border-radius: var(--radius-btn); font-size: 18px; font-weight: 800; font-family: var(--font-heading); cursor: pointer; box-shadow: var(--shadow-clay-btn); transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1); position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; gap: 10px; }
+        button:hover:not(:disabled) { transform: translateY(-3px) scale(1.01); box-shadow: var(--shadow-clay-btn-hover); }
+        button:active:not(:disabled) { transform: scale(0.94) translateY(1px); box-shadow: var(--shadow-clay-pressed); transition: transform 0.1s; }
+        button:disabled { opacity: 0.7; cursor: not-allowed; filter: grayscale(0.2); }
+        .spinner { width: 20px; height: 20px; border: 3px solid rgba(255, 255, 255, 0.3); border-radius: 50%; border-top-color: white; animation: spin 0.8s linear infinite; display: none; }
+        @keyframes spin { to { transform: rotate(360deg); } }
+        .signup-link { text-align: center; margin-top: 20px; color: var(--clay-muted); font-size: 15px; }
+        .signup-link a { color: var(--clay-primary); text-decoration: none; font-weight: 700; position: relative; z-index: 1; transition: color 0.3s; }
+        .signup-link a:hover { color: var(--clay-accent-pink); }
+        .forgot-link { color: var(--clay-accent-pink); font-size: 14px; font-weight: 700; text-decoration: none; transition: color 0.3s; }
+        .forgot-link:hover { color: var(--clay-primary); text-decoration: underline; }
+        @media (max-width: 480px) { .clay-card { padding: 30px 20px; border-radius: 32px; } h1 { font-size: 28px; } }
+    </style>
+</head>
+<body>
+    <!-- =========================================
+         3. كود HTML التحميل (يظهر فوراً)
+         ========================================= -->
+    <div id="loader-overlay">
+        <div class="loading-content">
+            <div class="liquid"></div>
+            <div class="liquid"></div>
+            <div class="liquid"></div>
+            <div class="liquid"></div>
+        </div>
+        <svg class="svg">
+            <filter id="gooey">
+                <feGaussianBlur stdDeviation="10" in="SourceGraphic"></feGaussianBlur>
+                <feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 20 -10"></feColorMatrix>
+            </filter>
+        </svg>
+    </div>
+
+    <!-- =========================================
+         4. المحتوى الأصلي الخاص بك
+         ========================================= -->
+    <div class="background-blobs"><div class="blob blob-1"></div><div class="blob blob-2"></div><div class="blob blob-3"></div></div>
+    <main class="clay-card">
+        <header><h1>🔑 تسجيل الدخول</h1><p class="subtitle">أهلاً بك مجدداً!</p></header>
+        
+        <div id="flash-container" class="flash-container">
+            {% with messages = get_flashed_messages(with_categories=true) %}
+                {% if messages %}
+                    {% for category, message in messages %}
+                        <div class="flash {{ category }}">
+                            <span>{% if category == 'error' %}⚠️{% else %}✅{% endif %}</span>
+                            <span>{{ message }}</span>
+                        </div>
+                    {% endfor %}
+                {% endif %}
+            {% endwith %}
+        </div>
+
+        
+        <form method="POST" action="{{ url_for('auth.login') }}" id="loginForm">
+            <div class="form-group"><label for="username">اسم المستخدم</label><input type="text" id="username" name="username" placeholder="أدخل اسم المستخدم" required autocomplete="username"></div>
+            <div class="form-group"><label for="password">كلمة المرور</label><input type="password" id="password" name="password" placeholder="••••••••" required autocomplete="current-password"></div>
+            <button type="submit" id="loginBtn"><span class="btn-text">دخول</span><div class="spinner"></div></button>
+        </form>
+        
+        <!-- رابط نسيت كلمة المرور -->
+        <div style="text-align: center; margin-top: 15px;">
+            <a href="{{ url_for('auth.forgot_password') }}" class="forgot-link">نسيت كلمة المرور؟</a>
+        </div>
+
+        <div class="signup-link">ليس لديك حساب؟ <a href="{{ url_for('auth.signup') }}">سجل الآن</a></div>
+    </main>
+
+    <script>
+        // =========================================
+        // 5. كود JavaScript (الكود الخاص بك + كود إخفاء التحميل)
+        // =========================================
+        
+        // كودك الأصلي للفورم
+        const loginForm = document.getElementById('loginForm');
+        const loginBtn = document.getElementById('loginBtn');
+        const btnText = loginBtn.querySelector('.btn-text');
+        const spinner = loginBtn.querySelector('.spinner');
+
+        loginForm.addEventListener('submit', function() {
+            loginBtn.disabled = true;
+            btnText.textContent = 'جاري التحقق...';
+            spinner.style.display = 'block';
+        });
+
+        const styleSheet = document.createElement("style"); 
+        styleSheet.innerText = `@keyframes shake { 0%,100%{transform:translateX(0)} 25%{transform:translateX(-5px)} 75%{transform:translateX(5px)} }`; 
+        document.head.appendChild(styleSheet);
+
+        // كود إخفاء التحميل (أضيف هنا)
+        window.addEventListener('load', function() {
+            const loader = document.getElementById('loader-overlay');
+            
+            // تأخير بسيط (500ms) لضمان ظهور الأنيميشن قبل الاختفاء
+            setTimeout(function() {
+                loader.style.opacity = '0';
+                
+                setTimeout(function() {
+                    loader.style.display = 'none';
+                }, 500); // نفس مدة الـ transition في CSS
+            }, 3000);
+        });
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/templates/market.html b/templates/market.html
new file mode 100644
index 0000000000000000000000000000000000000000..ecde5cc077a4e20514de616c40a64d7d6800cadf
--- /dev/null
+++ b/templates/market.html
@@ -0,0 +1,639 @@
+<!DOCTYPE html>
+<html lang="ar" dir="rtl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>متجر المواد</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@700;800;900&family=Tajawal:wght@400;500;700&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <style>
+        /* =========================================
+           1. كود شاشة التحميل (الكتاب المتحرك)
+           ========================================= */
+        #loader-overlay {
+            position: fixed;
+            top: 0; left: 0; width: 100%; height: 100%;
+            /* نفس تدرج الخلفية الموجود في الـ Body للتمويه السلس */
+            background: linear-gradient(135deg, #F4F1FA 0%, #E8E3F3 100%);
+            z-index: 9999;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            transition: opacity 0.5s ease;
+        }
+
+        /* --- كود الكتاب الأصلي من Uiverse --- */
+        .book,
+        .book__pg-shadow,
+        .book__pg {
+            animation: cover 5s ease-in-out infinite;
+        }
+        .book {
+            background-color: hsl(268, 90%, 65%);
+            border-radius: 0.25em;
+            box-shadow:
+                0 0.25em 0.5em hsla(0, 0%, 0%, 0.3),
+                0 0 0 0.25em hsl(278, 100%, 57%) inset;
+            padding: 0.25em;
+            perspective: 37.5em;
+            position: relative;
+            width: 8em;
+            height: 6em;
+            transform: translate3d(0, 0, 0);
+            transform-style: preserve-3d;
+        }
+        .book__pg-shadow,
+        .book__pg {
+            position: absolute;
+            left: 0.25em;
+            width: calc(50% - 0.25em);
+        }
+        .book__pg-shadow {
+            animation-name: shadow;
+            background-image: linear-gradient(
+                -45deg,
+                hsla(0, 0%, 0%, 0) 50%,
+                hsla(0, 0%, 0%, 0.3) 50%
+            );
+            filter: blur(0.25em);
+            top: calc(100% - 0.25em);
+            height: 3.75em;
+            transform: scaleY(0);
+            transform-origin: 100% 0%;
+        }
+        .book__pg {
+            animation-name: pg1;
+            background-color: hsl(223, 10%, 100%);
+            background-image: linear-gradient(
+                90deg,
+                hsla(223, 10%, 90%, 0) 87.5%,
+                hsl(223, 10%, 90%)
+            );
+            height: calc(100% - 0.5em);
+            transform-origin: 100% 50%;
+        }
+        .book__pg--2,
+        .book__pg--3,
+        .book__pg--4 {
+            background-image: repeating-linear-gradient(
+                    hsl(223, 10%, 10%) 0 0.125em,
+                    hsla(223, 10%, 10%, 0) 0.125em 0.5em
+                ),
+                linear-gradient(90deg, hsla(223, 10%, 90%, 0) 87.5%, hsl(223, 10%, 90%));
+            background-repeat: no-repeat;
+            background-position: center;
+            background-size:
+                2.5em 4.125em,
+                100% 100%;
+        }
+        .book__pg--2 { animation-name: pg2; }
+        .book__pg--3 { animation-name: pg3; }
+        .book__pg--4 { animation-name: pg4; }
+        .book__pg--5 { animation-name: pg5; }
+
+        /* Animations */
+        @keyframes cover {
+            from, 5%, 45%, 55%, 95%, to {
+                animation-timing-function: ease-out;
+                background-color: hsl(278, 84%, 67%);
+            }
+            10%, 40%, 60%, 90% {
+                animation-timing-function: ease-in;
+                background-color: hsl(271, 90%, 45%);
+            }
+        }
+        @keyframes shadow {
+            from, 10.01%, 20.01%, 30.01%, 40.01% {
+                animation-timing-function: ease-in;
+                transform: translate3d(0, 0, 1px) scaleY(0) rotateY(0);
+            }
+            5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
+                animation-timing-function: ease-out;
+                transform: translate3d(0, 0, 1px) scaleY(0.2) rotateY(90deg);
+            }
+            10%, 20%, 30%, 40%, 50%, to {
+                animation-timing-function: ease-out;
+                transform: translate3d(0, 0, 1px) scaleY(0) rotateY(180deg);
+            }
+            50.01%, 60.01%, 70.01%, 80.01%, 90.01% {
+                animation-timing-function: ease-in;
+                transform: translate3d(0, 0, 1px) scaleY(0) rotateY(180deg);
+            }
+            60%, 70%, 80%, 90%, to {
+                animation-timing-function: ease-out;
+                transform: translate3d(0, 0, 1px) scaleY(0) rotateY(0);
+            }
+        }
+        @keyframes pg1 {
+            from, to {
+                animation-timing-function: ease-in-out;
+                background-color: hsl(223, 10%, 100%);
+                transform: translate3d(0, 0, 1px) rotateY(0.4deg);
+            }
+            10%, 15% {
+                animation-timing-function: ease-out;
+                background-color: hsl(223, 10%, 100%);
+                transform: translate3d(0, 0, 1px) rotateY(180deg);
+            }
+            20%, 80% {
+                animation-timing-function: ease-in;
+                background-color: hsl(223, 10%, 45%);
+                transform: translate3d(0, 0, 1px) rotateY(180deg);
+            }
+            85%, 90% {
+                animation-timing-function: ease-in-out;
+                background-color: hsl(223, 10%, 100%);
+                transform: translate3d(0, 0, 1px) rotateY(180deg);
+            }
+        }
+        @keyframes pg2 {
+            from, to {
+                animation-timing-function: ease-in;
+                background-color: hsl(223, 10%, 45%);
+                transform: translate3d(0, 0, 1px) rotateY(0.3deg);
+            }
+            5%, 10% {
+                animation-timing-function: ease-in-out;
+                background-color: hsl(223, 10%, 100%);
+                transform: translate3d(0, 0, 1px) rotateY(0.3deg);
+            }
+            20%, 25% {
+                animation-timing-function: ease-out;
+                background-color: hsl(223, 10%, 100%);
+                transform: translate3d(0, 0, 1px) rotateY(179.9deg);
+            }
+            30%, 70% {
+                animation-timing-function: ease-in;
+                background-color: hsl(223, 10%, 45%);
+                transform: translate3d(0, 0, 1px) rotateY(179.9deg);
+            }
+            75%, 80% {
+                animation-timing-function: ease-in-out;
+                background-color: hsl(223, 10%, 100%);
+                transform: translate3d(0, 0, 1px) rotateY(179.9deg);
+            }
+            90%, 95% {
+                animation-timing-function: ease-out;
+                background-color: hsl(223, 10%, 100%);
+                transform: translate3d(0, 0, 1px) rotateY(0.3deg);
+            }
+        }
+        @keyframes pg3 {
+            from, 10%, 90%, to {
+                animation-timing-function: ease-in;
+                background-color: hsl(223, 10%, 45%);
+                transform: translate3d(0, 0, 1px) rotateY(0.2deg);
+            }
+            15%, 20% {
+                animation-timing-function: ease-in-out;
+                background-color: hsl(223, 10%, 100%);
+                transform: translate3d(0, 0, 1px) rotateY(0.2deg);
+            }
+            30%, 35% {
+                animation-timing-function: ease-out;
+                background-color: hsl(223, 10%, 100%);
+                transform: translate3d(0, 0, 1px) rotateY(179.8deg);
+            }
+            40%, 60% {
+                animation-timing-function: ease-in;
+                background-color: hsl(223, 10%, 45%);
+                transform: translate3d(0, 0, 1px) rotateY(179.8deg);
+            }
+            65%, 70% {
+                animation-timing-function: ease-in-out;
+                background-color: hsl(223, 10%, 100%);
+                transform: translate3d(0, 0, 1px) rotateY(179.8deg);
+            }
+            80%, 85% {
+                animation-timing-function: ease-out;
+                background-color: hsl(223, 10%, 100%);
+                transform: translate3d(0, 0, 1px) rotateY(0.2deg);
+            }
+        }
+        @keyframes pg4 {
+            from, 20%, 80%, to {
+                animation-timing-function: ease-in;
+                background-color: hsl(223, 10%, 45%);
+                transform: translate3d(0, 0, 1px) rotateY(0.1deg);
+            }
+            25%, 30% {
+                animation-timing-function: ease-in-out;
+                background-color: hsl(223, 10%, 100%);
+                transform: translate3d(0, 0, 1px) rotateY(0.1deg);
+            }
+            40%, 45% {
+                animation-timing-function: ease-out;
+                background-color: hsl(223, 10%, 100%);
+                transform: translate3d(0, 0, 1px) rotateY(179.7deg);
+            }
+            50% {
+                animation-timing-function: ease-in;
+                background-color: hsl(223, 10%, 45%);
+                transform: translate3d(0, 0, 1px) rotateY(179.7deg);
+            }
+            55%, 60% {
+                animation-timing-function: ease-in-out;
+                background-color: hsl(223, 10%, 100%);
+                transform: translate3d(0, 0, 1px) rotateY(179.7deg);
+            }
+            70%, 75% {
+                animation-timing-function: ease-out;
+                background-color: hsl(223, 10%, 100%);
+                transform: translate3d(0, 0, 1px) rotateY(0.1deg);
+            }
+        }
+        @keyframes pg5 {
+            from, 30%, 70%, to {
+                animation-timing-function: ease-in;
+                background-color: hsl(223, 10%, 45%);
+                transform: translate3d(0, 0, 1px) rotateY(0);
+            }
+            35%, 40% {
+                animation-timing-function: ease-in-out;
+                background-color: hsl(223, 10%, 100%);
+                transform: translate3d(0, 0, 1px) rotateY(0deg);
+            }
+            50% {
+                animation-timing-function: ease-in-out;
+                background-color: hsl(223, 10%, 100%);
+                transform: translate3d(0, 0, 1px) rotateY(179.6deg);
+            }
+            60%, 65% {
+                animation-timing-function: ease-out;
+                background-color: hsl(223, 10%, 100%);
+                transform: translate3d(0, 0, 1px) rotateY(0);
+            }
+        }
+
+        /* =========================================
+           2. كود التصميم الأصلي للمتجر (لم يتغير)
+           ========================================= */
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body {
+            font-family: 'Tajawal', sans-serif;
+            background: linear-gradient(135deg, #F4F1FA 0%, #E8E3F3 100%);
+            min-height: 100vh;
+            padding: 20px;
+            color: #332F3A;
+        }
+
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+        }
+
+        /* Header */
+        .header {
+            background: rgba(255, 255, 255, 0.7);
+            backdrop-filter: blur(20px);
+            padding: 25px 30px;
+            border-radius: 24px;
+            box-shadow: 12px 12px 24px rgba(160, 150, 180, 0.15),
+                        -8px -8px 16px rgba(255, 255, 255, 0.9);
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 30px;
+            flex-wrap: wrap;
+            gap: 15px;
+        }
+
+        .page-title {
+            font-family: 'Cairo', sans-serif;
+            font-size: 28px;
+            color: #7C3AED;
+            font-weight: 800;
+            display: flex;
+            align-items: center;
+            gap: 12px;
+        }
+
+        .balance-display {
+            background: linear-gradient(135deg, #A78BFA, #7C3AED);
+            color: white;
+            padding: 12px 24px;
+            border-radius: 16px;
+            font-family: 'Cairo', sans-serif;
+            font-weight: 700;
+            font-size: 18px;
+            box-shadow: 5px 5px 15px rgba(124, 58, 237, 0.3);
+        }
+
+        .back-btn {
+            background: rgba(255, 255, 255, 0.9);
+            color: #7C3AED;
+            padding: 12px 24px;
+            border-radius: 16px;
+            text-decoration: none;
+            font-weight: 700;
+            font-family: 'Cairo', sans-serif;
+            box-shadow: 5px 5px 10px rgba(160, 150, 180, 0.2),
+                        -3px -3px 8px rgba(255, 255, 255, 0.9);
+            transition: all 0.3s;
+            display: inline-flex;
+            align-items: center;
+            gap: 8px;
+        }
+
+        .back-btn:hover {
+            transform: scale(1.05);
+        }
+
+        /* Subjects Grid */
+        .subjects-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
+            gap: 25px;
+            margin-top: 30px;
+        }
+
+        .subject-card {
+            background: rgba(255, 255, 255, 0.7);
+            backdrop-filter: blur(20px);
+            padding: 30px 20px;
+            border-radius: 24px;
+            box-shadow: 10px 10px 20px rgba(160, 150, 180, 0.15),
+                        -6px -6px 12px rgba(255, 255, 255, 0.9);
+            text-align: center;
+            transition: all 0.3s;
+            position: relative;
+            overflow: hidden;
+        }
+
+        .subject-card:hover {
+            transform: translateY(-8px);
+            box-shadow: 14px 14px 28px rgba(160, 150, 180, 0.2),
+                        -8px -8px 16px rgba(255, 255, 255, 0.95);
+        }
+
+        .subject-icon {
+            font-size: 56px;
+            color: #7C3AED;
+            margin-bottom: 15px;
+            transition: all 0.3s;
+        }
+
+        .subject-card:hover .subject-icon {
+            transform: scale(1.1);
+        }
+
+        .subject-name {
+            font-family: 'Cairo', sans-serif;
+            font-size: 15px;
+            font-weight: 700;
+            color: #332F3A;
+            margin-bottom: 15px;
+            line-height: 1.5;
+            min-height: 45px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+
+        .subject-price {
+            background: linear-gradient(135deg, #10B981, #059669);
+            color: white;
+            padding: 8px 16px;
+            border-radius: 12px;
+            font-family: 'Cairo', sans-serif;
+            font-weight: 700;
+            font-size: 16px;
+            margin-bottom: 15px;
+            display: inline-block;
+        }
+
+        .buy-btn {
+            background: linear-gradient(135deg, #A78BFA, #7C3AED);
+            color: white;
+            border: none;
+            padding: 12px 28px;
+            border-radius: 14px;
+            font-family: 'Cairo', sans-serif;
+            font-weight: 700;
+            font-size: 15px;
+            cursor: pointer;
+            transition: all 0.3s;
+            box-shadow: 5px 5px 12px rgba(124, 58, 237, 0.3);
+            width: 100%;
+        }
+
+        .buy-btn:hover {
+            transform: scale(1.05);
+            box-shadow: 7px 7px 16px rgba(124, 58, 237, 0.4);
+        }
+
+        .buy-btn:active {
+            transform: scale(0.98);
+        }
+
+        /* Empty State */
+        .empty-state {
+            background: rgba(255, 255, 255, 0.7);
+            backdrop-filter: blur(20px);
+            padding: 60px 40px;
+            border-radius: 24px;
+            box-shadow: 10px 10px 20px rgba(160, 150, 180, 0.15),
+                        -6px -6px 12px rgba(255, 255, 255, 0.9);
+            text-align: center;
+            margin-top: 40px;
+        }
+
+        .empty-icon {
+            font-size: 80px;
+            color: #A78BFA;
+            margin-bottom: 20px;
+        }
+
+        .empty-text {
+            font-family: 'Cairo', sans-serif;
+            font-size: 22px;
+            color: #7C3AED;
+            font-weight: 700;
+            margin-bottom: 10px;
+        }
+
+        .empty-subtext {
+            color: #9CA3AF;
+            font-size: 16px;
+        }
+
+        /* Alert Messages */
+        .alert {
+            position: fixed;
+            top: 20px;
+            left: 50%;
+            transform: translateX(-50%);
+            padding: 16px 28px;
+            border-radius: 16px;
+            font-family: 'Cairo', sans-serif;
+            font-weight: 700;
+            box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.15);
+            z-index: 1000;
+            animation: slideDown 0.4s ease;
+            max-width: 90%;
+        }
+
+        .alert-success {
+            background: linear-gradient(135deg, #10B981, #059669);
+            color: white;
+        }
+
+        .alert-error {
+            background: linear-gradient(135deg, #EF4444, #DC2626);
+            color: white;
+        }
+
+        @keyframes slideDown {
+            from {
+                transform: translateX(-50%) translateY(-100px);
+                opacity: 0;
+            }
+            to {
+                transform: translateX(-50%) translateY(0);
+                opacity: 1;
+            }
+        }
+
+        @media (max-width: 768px) {
+            .subjects-grid {
+                grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
+                gap: 18px;
+            }
+
+            .header {
+                flex-direction: column;
+                text-align: center;
+            }
+
+            .page-title {
+                font-size: 22px;
+            }
+        }
+    </style>
+</head>
+<body>
+    <!-- =========================================
+         3. كود HTML شاشة التحميل (الكتاب)
+         ========================================= -->
+    <div id="loader-overlay">
+        <div class="book">
+            <div class="book__pg-shadow"></div>
+            <div class="book__pg"></div>
+            <div class="book__pg book__pg--2"></div>
+            <div class="book__pg book__pg--3"></div>
+            <div class="book__pg book__pg--4"></div>
+            <div class="book__pg book__pg--5"></div>
+        </div>
+    </div>
+
+    <!-- =========================================
+         4. المحتوى الأصلي للمتجر
+         ========================================= -->
+    <div class="container">
+        <!-- Header -->
+        <div class="header">
+            <div class="page-title">
+                <i class="fas fa-store"></i>
+                متجر المواد الدراسية
+            </div>
+            <div style="display: flex; align-items: center; gap: 15px; flex-wrap: wrap;">
+                <div class="balance-display">
+                    <i class="fas fa-coins"></i> {{ balance }} دل
+                </div>
+                <a href="{{ url_for('dashboard') }}" class="back-btn">
+                    <i class="fas fa-arrow-right"></i>
+                    العودة
+                </a>
+            </div>
+        </div>
+
+        <!-- Subjects Grid -->
+        {% if available_subjects %}
+        <div class="subjects-grid">
+            {% for subject in available_subjects %}
+            <div class="subject-card">
+                <div class="subject-icon">
+                    <i class="fas fa-{{ subject.icon }}"></i>
+                </div>
+                <div class="subject-name">{{ subject.name }}</div>
+                <div class="subject-price">
+                    <i class="fas fa-tag"></i> {{ subject.price }} دل
+                </div>
+                <button class="buy-btn" onclick="buySubject('{{ subject.id }}', '{{ subject.name }}', {{ subject.price }})">
+                    <i class="fas fa-shopping-cart"></i> شراء الآن
+                </button>
+            </div>
+            {% endfor %}
+        </div>
+        {% else %}
+        <div class="empty-state">
+            <div class="empty-icon">
+                <i class="fas fa-check-circle"></i>
+            </div>
+            <div class="empty-text">رائع! لديك جميع المواد 🎉</div>
+            <div class="empty-subtext">لقد قمت بشراء جميع المواد المتاحة</div>
+        </div>
+        {% endif %}
+    </div>
+
+    <script>
+        function showAlert(message, type) {
+            const alert = document.createElement('div');
+            alert.className = `alert alert-${type}`;
+            alert.innerHTML = `<i class="fas fa-${type === 'success' ? 'check-circle' : 'exclamation-circle'}"></i> ${message}`;
+            document.body.appendChild(alert);
+
+            setTimeout(() => {
+                alert.style.animation = 'slideDown 0.4s ease reverse';
+                setTimeout(() => alert.remove(), 400);
+            }, 3000);
+        }
+
+        function buySubject(subjectId, subjectName, price) {
+            if (confirm(`هل تريد شراء ${subjectName} مقابل ${price} دل؟`)) {
+                fetch('{{ url_for("market.buy_subject") }}', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify({
+                        subject_id: subjectId
+                    })
+                })
+                .then(response => response.json())
+                .then(data => {
+                    if (data.success) {
+                        showAlert(data.message, 'success');
+                        setTimeout(() => {
+                            window.location.reload();
+                        }, 1500);
+                    } else {
+                        showAlert(data.message, 'error');
+                    }
+                })
+                .catch(error => {
+                    showAlert('حدث خطأ في الاتصال', 'error');
+                });
+            }
+        }
+
+        // =========================================
+        // 5. كود JavaScript لإخفاء التحميل
+        // =========================================
+        window.addEventListener('load', function() {
+            const loader = document.getElementById('loader-overlay');
+            
+            // مدة الظهور (1500 مللي ثانية = 1.5 ثانية)
+            setTimeout(function() {
+                loader.style.opacity = '0';
+                
+                setTimeout(function() {
+                    loader.style.display = 'none';
+                }, 500); 
+            }, 1500); 
+        });
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/templates/signup.html b/templates/signup.html
new file mode 100644
index 0000000000000000000000000000000000000000..9c0ea6df9ef6543010069fe2bde39bd5054c0ec1
--- /dev/null
+++ b/templates/signup.html
@@ -0,0 +1,876 @@
+<!DOCTYPE html>
+<html lang="ar" dir="rtl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>إنشاء حساب - Claymorphism</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@700;800;900&family=Tajawal:wght@400;500;700&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
+    <style>
+        /* =========================================
+           1. كود التحميل الجديد (أضيف هنا)
+           ========================================= */
+        #loader-overlay {
+            position: fixed;
+            top: 0; left: 0; width: 100%; height: 100%;
+            background-color: #F4F1FA; /* نفس لون الخلفية المتغير --clay-canvas */
+            z-index: 9999;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            transition: opacity 0.5s ease;
+        }
+
+        .loading-content {
+            position: relative;
+            width: 180px;
+            height: 180px;
+            animation: rotate 4s ease-in-out infinite;
+            filter: url("#gooey");
+        }
+
+        .svg {
+            width: 0;
+            height: 0;
+            position: absolute;
+        }
+
+        @keyframes rotate {
+            0% { transform: rotate(360deg); }
+            50% { transform: rotate(360deg); }
+            100% { transform: rotate(0deg); }
+        }
+
+        .loading-content .liquid {
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            background: linear-gradient(90deg, rgba(0, 30, 250, 1) 0%, rgba(177, 70, 252, 1) 100%);
+            width: 50px;
+            height: 50px;
+            border-radius: 50%;
+            --ani_dur: 4s;
+        }
+
+        .loading-content .liquid:nth-child(1) { top: 0; animation: animate1 var(--ani_dur) ease-in-out infinite; }
+        .loading-content .liquid:nth-child(2) { left: 0; animation: animate2 var(--ani_dur) ease-in-out infinite; }
+        .loading-content .liquid:nth-child(3) { left: 100%; animation: animate3 var(--ani_dur) ease-in-out infinite; }
+        .loading-content .liquid:nth-child(4) { top: 100%; animation: animate4 var(--ani_dur) ease-in-out infinite; }
+
+        @keyframes animate1 { 0% { top: 0; } 50% { top: 100%; } 100% { top: 100%; } }
+        @keyframes animate2 { 0% { left: 0; } 50% { left: 100%; } 100% { left: 100%; } }
+        @keyframes animate3 { 0% { left: 100%; } 50% { left: 0; } 100% { left: 0; } }
+        @keyframes animate4 { 0% { top: 100%; } 50% { top: 0; } 100% { top: 0; } }
+
+        /* =========================================
+           2. كود التصميم الأصلي الخاص بك (لم يتغير)
+           ========================================= */
+        :root {
+            --clay-canvas: #F4F1FA;
+            --clay-foreground: #332F3A;
+            --clay-muted: #635F69;
+            --clay-primary: #7C3AED;
+            --clay-primary-light: #A78BFA;
+            --clay-accent-pink: #DB2777;
+            --clay-accent-blue: #0EA5E9;
+            --clay-success: #10B981;
+            --clay-error: #EF4444;
+            --clay-input-bg: #EFEBF5;
+            --shadow-clay-card: 16px 16px 32px rgba(160, 150, 180, 0.2), -10px -10px 24px rgba(255, 255, 255, 0.9), inset 6px 6px 12px rgba(139, 92, 246, 0.03), inset -6px -6px 12px rgba(255, 255, 255, 1);
+            --shadow-clay-btn: 12px 12px 24px rgba(139, 92, 246, 0.3), -8px -8px 16px rgba(255, 255, 255, 0.4), inset 4px 4px 8px rgba(255, 255, 255, 0.4), inset -4px -4px 8px rgba(0, 0, 0, 0.1);
+            --shadow-clay-btn-hover: 16px 16px 32px rgba(139, 92, 246, 0.4), -12px -12px 24px rgba(255, 255, 255, 0.6), inset 4px 4px 8px rgba(255, 255, 255, 0.5), inset -4px -4px 8px rgba(0, 0, 0, 0.1);
+            --shadow-clay-pressed: inset 10px 10px 20px #d9d4e3, inset -10px -10px 20px #ffffff;
+            --radius-card: 32px;
+            --radius-btn: 20px;
+            --radius-input: 16px;
+            --font-heading: 'Cairo', sans-serif;
+            --font-body: 'Tajawal', sans-serif;
+        }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body {
+            font-family: var(--font-body);
+            background-color: var(--clay-canvas);
+            color: var(--clay-foreground);
+            min-height: 100vh;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            padding: 20px;
+            overflow-x: hidden;
+            position: relative;
+        }
+        h1, h2, h3, .brand-font { font-family: var(--font-heading); }
+
+        .background-blobs {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            z-index: -1;
+            pointer-events: none;
+            overflow: hidden;
+        }
+        .blob {
+            position: absolute;
+            border-radius: 50%;
+            filter: blur(80px);
+            opacity: 0.6;
+            animation: float 10s infinite ease-in-out;
+        }
+        .blob-1 {
+            width: 60vh;
+            height: 60vh;
+            background: var(--clay-primary);
+            top: -10%;
+            right: -10%;
+            opacity: 0.15;
+            animation-delay: 0s;
+        }
+        .blob-2 {
+            width: 50vh;
+            height: 50vh;
+            background: var(--clay-accent-pink);
+            bottom: -10%;
+            left: -10%;
+            opacity: 0.15;
+            animation-delay: 2s;
+        }
+        .blob-3 {
+            width: 40vh;
+            height: 40vh;
+            background: var(--clay-accent-blue);
+            top: 40%;
+            right: 40%;
+            opacity: 0.1;
+            animation-delay: 4s;
+        }
+        @keyframes float {
+            0%, 100% { transform: translateY(0) rotate(0deg); }
+            50% { transform: translateY(-30px) rotate(5deg); }
+        }
+
+        .clay-card {
+            background: rgba(255, 255, 255, 0.65);
+            backdrop-filter: blur(20px);
+            -webkit-backdrop-filter: blur(20px);
+            padding: 40px;
+            border-radius: var(--radius-card);
+            box-shadow: var(--shadow-clay-card);
+            width: 100%;
+            max-width: 440px;
+            position: relative;
+            z-index: 10;
+            border: 1px solid rgba(255, 255, 255, 0.4);
+            transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
+            text-align: right;
+            min-height: 500px;
+        }
+
+        .clay-card:hover {
+            transform: translateY(-5px);
+        }
+
+        h1 {
+            text-align: center;
+            color: var(--clay-foreground);
+            margin-bottom: 12px;
+            font-size: 32px;
+            font-weight: 900;
+            letter-spacing: -0.02em;
+            line-height: 1.2;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            gap: 12px;
+        }
+
+        .subtitle {
+            text-align: center;
+            color: var(--clay-muted);
+            margin-bottom: 30px;
+            font-size: 16px;
+            font-weight: 500;
+        }
+
+        .flash-container {
+            margin-bottom: 24px;
+            display: flex;
+            flex-direction: column;
+            gap: 10px;
+        }
+
+        .flash {
+            padding: 16px 20px;
+            border-radius: var(--radius-input);
+            font-size: 14px;
+            font-weight: 500;
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            animation: slideDown 0.4s ease-out;
+            backdrop-filter: blur(10px);
+        }
+
+        @keyframes slideDown {
+            from { opacity: 0; transform: translateY(-10px); }
+            to { opacity: 1; transform: translateY(0); }
+        }
+
+        .flash.error {
+            background: rgba(239, 68, 68, 0.1);
+            color: #b91c1c;
+            border: 1px solid rgba(239, 68, 68, 0.2);
+            box-shadow: inset 4px 4px 8px rgba(255,255,255,0.5), inset -4px -4px 8px rgba(239, 68, 68, 0.1);
+        }
+
+        .flash.success {
+            background: rgba(16, 185, 129, 0.1);
+            color: #047857;
+            border: 1px solid rgba(16, 185, 129, 0.2);
+            box-shadow: inset 4px 4px 8px rgba(255,255,255,0.5), inset -4px -4px 8px rgba(16, 185, 129, 0.1);
+        }
+
+        /* Step Container */
+        .step-container {
+            position: relative;
+            width: 100%;
+            overflow: hidden;
+        }
+
+        .step {
+            width: 100%;
+            transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
+        }
+
+        .step.hidden {
+            position: absolute;
+            opacity: 0;
+            pointer-events: none;
+            transform: translateX(100%);
+        }
+
+        .step.slide-out-left {
+            transform: translateX(-100%);
+            opacity: 0;
+        }
+
+        .step.slide-in-right {
+            transform: translateX(0);
+            opacity: 1;
+        }
+
+        .step.slide-out-right {
+            transform: translateX(100%);
+            opacity: 0;
+        }
+
+        .step.slide-in-left {
+            transform: translateX(0);
+            opacity: 1;
+        }
+
+        /* Progress Indicator */
+        .progress-indicator {
+            display: flex;
+            justify-content: center;
+            gap: 10px;
+            margin-bottom: 30px;
+        }
+
+        .progress-dot {
+            width: 12px;
+            height: 12px;
+            border-radius: 50%;
+            background: var(--clay-input-bg);
+            box-shadow: var(--shadow-clay-pressed);
+            transition: all 0.3s ease;
+        }
+
+        .progress-dot.active {
+            background: linear-gradient(135deg, var(--clay-primary-light) 0%, var(--clay-primary) 100%);
+            box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.2);
+            transform: scale(1.3);
+        }
+
+        /* Student Type Selection Styles */
+        .student-type-container {
+            margin-bottom: 25px;
+        }
+
+        .student-type-label {
+            display: block;
+            margin-bottom: 20px;
+            color: var(--clay-foreground);
+            font-weight: 700;
+            font-size: 18px;
+            text-align: center;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            gap: 10px;
+        }
+
+        .student-type-options {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 15px;
+        }
+
+        .student-type-option {
+            position: relative;
+        }
+
+        .student-type-option input[type="radio"] {
+            position: absolute;
+            opacity: 0;
+            width: 0;
+            height: 0;
+        }
+
+        .student-type-card {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            padding: 30px 15px;
+            border-radius: var(--radius-input);
+            background-color: var(--clay-input-bg);
+            box-shadow: var(--shadow-clay-pressed);
+            cursor: pointer;
+            transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
+            border: 2px solid transparent;
+            min-height: 160px;
+        }
+
+        .student-type-card:hover {
+            transform: translateY(-5px);
+            box-shadow: 8px 8px 16px rgba(160, 150, 180, 0.15), -6px -6px 12px rgba(255, 255, 255, 0.9);
+        }
+
+        .student-type-option input[type="radio"]:checked + .student-type-card {
+            background: linear-gradient(135deg, rgba(167, 139, 250, 0.2) 0%, rgba(124, 58, 237, 0.15) 100%);
+            border: 2px solid var(--clay-primary);
+            box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.1), var(--shadow-clay-btn);
+            transform: scale(1.05);
+        }
+
+        .student-type-icon {
+            font-size: 56px;
+            margin-bottom: 15px;
+            animation: bounceIn 0.6s ease-out;
+            color: var(--clay-primary);
+        }
+
+        .student-type-option input[type="radio"]:checked + .student-type-card .student-type-icon {
+            animation: pulse 0.6s ease-in-out;
+        }
+
+        @keyframes bounceIn {
+            0% { transform: scale(0); opacity: 0; }
+            50% { transform: scale(1.1); }
+            100% { transform: scale(1); opacity: 1; }
+        }
+
+        @keyframes pulse {
+            0%, 100% { transform: scale(1); }
+            50% { transform: scale(1.2); }
+        }
+
+        .student-type-text {
+            font-size: 20px;
+            font-weight: 700;
+            color: var(--clay-foreground);
+            font-family: var(--font-heading);
+        }
+
+        .student-type-option input[type="radio"]:checked + .student-type-card .student-type-text {
+            color: var(--clay-primary);
+        }
+
+        .student-type-desc {
+            font-size: 13px;
+            color: var(--clay-muted);
+            margin-top: 8px;
+            text-align: center;
+            font-weight: 500;
+        }
+
+        .form-group {
+            margin-bottom: 20px;
+            position: relative;
+        }
+
+        label {
+            display: block;
+            margin-bottom: 10px;
+            color: var(--clay-foreground);
+            font-weight: 700;
+            font-size: 15px;
+            margin-right: 4px;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+
+        input {
+            width: 100%;
+            padding: 16px 20px;
+            border: none;
+            border-radius: var(--radius-input);
+            font-size: 16px;
+            font-family: var(--font-body);
+            color: var(--clay-foreground);
+            background-color: var(--clay-input-bg);
+            box-shadow: var(--shadow-clay-pressed);
+            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
+            outline: none;
+            text-align: right;
+        }
+
+        input::placeholder {
+            color: var(--clay-muted);
+            font-weight: 500;
+            font-family: var(--font-body);
+        }
+
+        input:focus {
+            background-color: #ffffff;
+            transform: translateY(-2px);
+            box-shadow: 8px 8px 16px rgba(160, 150, 180, 0.15), -6px -6px 12px rgba(255, 255, 255, 0.9);
+        }
+
+        button {
+            width: 100%;
+            padding: 18px;
+            background: linear-gradient(135deg, var(--clay-primary-light) 0%, var(--clay-primary) 100%);
+            color: white;
+            border: none;
+            border-radius: var(--radius-btn);
+            font-size: 18px;
+            font-weight: 800;
+            font-family: var(--font-heading);
+            cursor: pointer;
+            box-shadow: var(--shadow-clay-btn);
+            transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
+            position: relative;
+            overflow: hidden;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            gap: 10px;
+            margin-top: 10px;
+        }
+
+        button:hover:not(:disabled) {
+            transform: translateY(-3px) scale(1.01);
+            box-shadow: var(--shadow-clay-btn-hover);
+        }
+
+        button:active:not(:disabled) {
+            transform: scale(0.94) translateY(1px);
+            box-shadow: var(--shadow-clay-pressed);
+            transition: transform 0.1s;
+        }
+
+        button:disabled {
+            opacity: 0.7;
+            cursor: not-allowed;
+            filter: grayscale(0.2);
+        }
+
+        .btn-secondary {
+            background: linear-gradient(135deg, #9CA3AF 0%, #6B7280 100%);
+            margin-top: 10px;
+        }
+
+        .btn-secondary:hover:not(:disabled) {
+            box-shadow: 12px 12px 24px rgba(107, 114, 128, 0.3), -8px -8px 16px rgba(255, 255, 255, 0.4);
+        }
+
+        .spinner {
+            width: 20px;
+            height: 20px;
+            border: 3px solid rgba(255, 255, 255, 0.3);
+            border-radius: 50%;
+            border-top-color: white;
+            animation: spin 0.8s linear infinite;
+            display: none;
+        }
+
+        @keyframes spin {
+            to { transform: rotate(360deg); }
+        }
+
+        .login-link {
+            text-align: center;
+            margin-top: 25px;
+            color: var(--clay-muted);
+            font-size: 15px;
+        }
+
+        .login-link a {
+            color: var(--clay-primary);
+            text-decoration: none;
+            font-weight: 700;
+            position: relative;
+            z-index: 1;
+            transition: color 0.3s;
+        }
+
+        .login-link a:hover {
+            color: var(--clay-accent-pink);
+        }
+
+        /* Animation for form sections */
+        .form-section {
+            animation: fadeInUp 0.5s ease-out;
+        }
+
+        @keyframes fadeInUp {
+            from { opacity: 0; transform: translateY(20px); }
+            to { opacity: 1; transform: translateY(0); }
+        }
+
+        @media (max-width: 480px) {
+            .clay-card {
+                padding: 30px 20px;
+            }
+            h1 {
+                font-size: 28px;
+            }
+            .student-type-options {
+                gap: 10px;
+            }
+            .student-type-card {
+                padding: 20px 10px;
+                min-height: 140px;
+            }
+            .student-type-icon {
+                font-size: 48px;
+            }
+            .student-type-text {
+                font-size: 18px;
+            }
+        }
+    </style>
+</head>
+<body>
+
+    <!-- =========================================
+         3. كود HTML التحميل (يظهر فوراً)
+         ========================================= -->
+    <div id="loader-overlay">
+        <div class="loading-content">
+            <div class="liquid"></div>
+            <div class="liquid"></div>
+            <div class="liquid"></div>
+            <div class="liquid"></div>
+        </div>
+        <svg class="svg">
+            <filter id="gooey">
+                <feGaussianBlur stdDeviation="10" in="SourceGraphic"></feGaussianBlur>
+                <feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 20 -10"></feColorMatrix>
+            </filter>
+        </svg>
+    </div>
+
+    <!-- =========================================
+         4. المحتوى الأصلي الخاص بك
+         ========================================= -->
+    <div class="background-blobs">
+        <div class="blob blob-1"></div>
+        <div class="blob blob-2"></div>
+        <div class="blob blob-3"></div>
+    </div>
+
+    <main class="clay-card">
+        <header>
+            <h1>
+                <i class="fas fa-user-plus"></i>
+                إنشاء حساب
+            </h1>
+            <p class="subtitle">انضم إلينا وابدأ رحلتك!</p>
+        </header>
+
+        <!-- Progress Indicator -->
+        <div class="progress-indicator">
+            <div class="progress-dot active" id="dot1"></div>
+            <div class="progress-dot" id="dot2"></div>
+        </div>
+
+        <div id="flash-container" class="flash-container">
+            {% with messages = get_flashed_messages(with_categories=true) %}
+                {% if messages %}
+                    {% for category, message in messages %}
+                        <div class="flash {{ category }}">
+                            <i class="fas fa-{% if category == 'error' %}exclamation-triangle{% else %}check-circle{% endif %}"></i>
+                            <span>{{ message }}</span>
+                        </div>
+                    {% endfor %}
+                {% endif %}
+            {% endwith %}
+        </div>
+
+        <form method="POST" action="{{ url_for('auth.signup') }}" id="signupForm">
+            <div class="step-container">
+                <!-- Step 1: Account Information -->
+                <div class="step" id="step1">
+                    <div class="form-section">
+                        <div class="form-group">
+                            <label for="username">
+                                <i class="fas fa-user"></i>
+                                اسم المستخدم
+                            </label>
+                            <input type="text" id="username" name="username" placeholder="اختر اسماً مستخدماً مميزاً" required autocomplete="username">
+                        </div>
+
+                        <div class="form-group">
+                            <label for="password">
+                                <i class="fas fa-lock"></i>
+                                كلمة المرور
+                            </label>
+                            <input type="password" id="password" name="password" placeholder="••••••••" required autocomplete="new-password">
+                        </div>
+
+                        <div class="form-group">
+                            <label for="confirm_password">
+                                <i class="fas fa-lock-open"></i>
+                                تأكيد كلمة المرور
+                            </label>
+                            <input type="password" id="confirm_password" name="confirm_password" placeholder="أعد كتابة كلمة المرور" required autocomplete="new-password">
+                        </div>
+                    </div>
+
+                    <button type="button" id="nextBtn">
+                        <span class="btn-text">التالي</span>
+                        <i class="fas fa-arrow-left"></i>
+                    </button>
+                </div>
+
+                <!-- Step 2: Student Type Selection -->
+                <div class="step hidden" id="step2">
+                    <div class="student-type-container form-section">
+                        <label class="student-type-label">
+                            <i class="fas fa-graduation-cap"></i>
+                            اختر نوع دراستك
+                        </label>
+                        <div class="student-type-options">
+                            <div class="student-type-option">
+                                <input type="radio" id="adabi" name="student_type" value="أدبي" required>
+                                <label for="adabi" class="student-type-card">
+                                    <div class="student-type-icon">
+                                        <i class="fas fa-book-open"></i>
+                                    </div>
+                                    <div class="student-type-text">أدبي</div>
+                                    <div class="student-type-desc">العلوم الإنسانية</div>
+                                </label>
+                            </div>
+                            <div class="student-type-option">
+                                <input type="radio" id="elmy" name="student_type" value="علمي" required>
+                                <label for="elmy" class="student-type-card">
+                                    <div class="student-type-icon">
+                                        <i class="fas fa-flask"></i>
+                                    </div>
+                                    <div class="student-type-text">علمي</div>
+                                    <div class="student-type-desc">العلوم التطبيقية</div>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+
+                    <button type="submit" id="signupBtn">
+                        <span class="btn-text">إنشاء الحساب</span>
+                        <i class="fas fa-check"></i>
+                        <div class="spinner"></div>
+                    </button>
+
+                    <button type="button" id="backBtn" class="btn-secondary">
+                        <i class="fas fa-arrow-right"></i>
+                        <span>رجوع</span>
+                    </button>
+                </div>
+            </div>
+        </form>
+
+        <div class="login-link">
+            لديك حساب بالفعل؟
+            <a href="{{ url_for('auth.login') }}">
+                <i class="fas fa-sign-in-alt"></i>
+                تسجيل الدخول
+            </a>
+        </div>
+    </main>
+
+    <script>
+        // =========================================
+        // 5. كود JavaScript (كودك الأصلي + كود إخفاء التحميل)
+        // =========================================
+        
+        const step1 = document.getElementById('step1');
+        const step2 = document.getElementById('step2');
+        const nextBtn = document.getElementById('nextBtn');
+        const backBtn = document.getElementById('backBtn');
+        const signupBtn = document.getElementById('signupBtn');
+        const signupForm = document.getElementById('signupForm');
+        const dot1 = document.getElementById('dot1');
+        const dot2 = document.getElementById('dot2');
+        const btnText = signupBtn.querySelector('.btn-text');
+        const spinner = signupBtn.querySelector('.spinner');
+
+        // Validation function
+        function validateStep1() {
+            const username = document.getElementById('username').value.trim();
+            const password = document.getElementById('password').value;
+            const confirmPassword = document.getElementById('confirm_password').value;
+
+            if (!username) {
+                showFlashMessage('error', 'يرجى إدخال اسم المستخدم');
+                return false;
+            }
+
+            if (username.length < 3) {
+                showFlashMessage('error', 'اسم المستخدم يجب أن يكون 3 أحرف على الأقل');
+                return false;
+            }
+
+            if (!password) {
+                showFlashMessage('error', 'يرجى إدخال كلمة المرور');
+                return false;
+            }
+
+            if (password.length < 6) {
+                showFlashMessage('error', 'كلمة المرور يجب أن تكون 6 أحرف على الأقل');
+                return false;
+            }
+
+            if (password !== confirmPassword) {
+                showFlashMessage('error', 'كلمات المرور غير متطابقة');
+                return false;
+            }
+
+            return true;
+        }
+
+        // Show flash message
+        function showFlashMessage(type, message) {
+            const flashContainer = document.getElementById('flash-container');
+            const flash = document.createElement('div');
+            flash.className = `flash ${type}`;
+            flash.innerHTML = `
+                <i class="fas fa-${type === 'error' ? 'exclamation-triangle' : 'check-circle'}"></i>
+                <span>${message}</span>
+            `;
+            flashContainer.innerHTML = '';
+            flashContainer.appendChild(flash);
+
+            setTimeout(() => {
+                flash.style.animation = 'slideDown 0.4s ease-out reverse';
+                setTimeout(() => flash.remove(), 400);
+            }, 3000);
+        }
+
+        // Next button click
+        nextBtn.addEventListener('click', function() {
+            if (validateStep1()) {
+                // Animate step 1 out
+                step1.classList.add('slide-out-left');
+                dot1.classList.remove('active');
+
+                setTimeout(() => {
+                    step1.classList.add('hidden');
+                    step1.classList.remove('slide-out-left');
+
+                    // Animate step 2 in
+                    step2.classList.remove('hidden');
+                    step2.classList.add('slide-in-right');
+                    dot2.classList.add('active');
+
+                    setTimeout(() => {
+                        step2.classList.remove('slide-in-right');
+                    }, 600);
+                }, 600);
+            }
+        });
+
+        // Back button click
+        backBtn.addEventListener('click', function() {
+            // Animate step 2 out
+            step2.classList.add('slide-out-right');
+            dot2.classList.remove('active');
+
+            setTimeout(() => {
+                step2.classList.add('hidden');
+                step2.classList.remove('slide-out-right');
+
+                // Animate step 1 in
+                step1.classList.remove('hidden');
+                step1.classList.add('slide-in-left');
+                dot1.classList.add('active');
+
+                setTimeout(() => {
+                    step1.classList.remove('slide-in-left');
+                }, 600);
+            }, 600);
+        });
+
+        // Form submission
+        signupForm.addEventListener('submit', function(e) {
+            const studentType = document.querySelector('input[name="student_type"]:checked');
+
+            if (!studentType) {
+                e.preventDefault();
+                showFlashMessage('error', 'يرجى اختيار نوع الدراسة (أدبي أو علمي)');
+                return false;
+            }
+
+            signupBtn.disabled = true;
+            btnText.textContent = 'جاري الإنشاء...';
+            spinner.style.display = 'block';
+            signupBtn.querySelector('.fa-check').style.display = 'none';
+        });
+
+        // Add ripple effect on card selection
+        const studentCards = document.querySelectorAll('.student-type-card');
+        studentCards.forEach(card => {
+            card.addEventListener('click', function() {
+                // Add click animation
+                this.style.transform = 'scale(0.95)';
+                setTimeout(() => {
+                    this.style.transform = '';
+                }, 200);
+            });
+        });
+
+        // Keyboard navigation
+        document.addEventListener('keydown', function(e) {
+            if (e.key === 'Enter' && !step1.classList.contains('hidden')) {
+                e.preventDefault();
+                nextBtn.click();
+            }
+        });
+
+        // Auto-focus on first input
+        document.getElementById('username').focus();
+
+        // =========================================
+        // كود إخفاء التحميل (أضيف هنا)
+        // =========================================
+        window.addEventListener('load', function() {
+            const loader = document.getElementById('loader-overlay');
+            
+            // تأخير بسيط (500ms) لضمان ظهور الأنيميشن قبل الاختفاء
+            setTimeout(function() {
+                loader.style.opacity = '0';
+                
+                setTimeout(function() {
+                    loader.style.display = 'none';
+                }, 500); // نفس مدة الـ transition في CSS
+            }, 3000);
+        });
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/templates/subjects.html b/templates/subjects.html
new file mode 100644
index 0000000000000000000000000000000000000000..104290f839e0298390514ff414fdb2a40262adad
--- /dev/null
+++ b/templates/subjects.html
@@ -0,0 +1,618 @@
+<!DOCTYPE html>
+<html lang="ar" dir="rtl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>AI Board - اختر المادة</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: 'Tajawal', sans-serif;
+            background: #0a0a1a;
+            min-height: 100vh;
+            overflow-x: hidden;
+            color: #fff;
+        }
+
+        /* ═══ Animated Background ═══ */
+        .bg-animation {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            z-index: 0;
+            overflow: hidden;
+        }
+
+        .bg-animation .particle {
+            position: absolute;
+            border-radius: 50%;
+            opacity: 0.15;
+            animation: floatParticle linear infinite;
+        }
+
+        @keyframes floatParticle {
+            0% { transform: translateY(100vh) rotate(0deg); opacity: 0; }
+            10% { opacity: 0.15; }
+            90% { opacity: 0.15; }
+            100% { transform: translateY(-100px) rotate(720deg); opacity: 0; }
+        }
+
+        /* ═══ Main Container ═══ */
+        .main-container {
+            position: relative;
+            z-index: 1;
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 30px 20px 60px;
+        }
+
+        /* ═══ Header ═══ */
+        .header {
+            text-align: center;
+            margin-bottom: 50px;
+            padding-top: 20px;
+        }
+
+        .header-logo {
+            width: 80px;
+            height: 80px;
+            background: linear-gradient(135deg, #667eea, #764ba2);
+            border-radius: 24px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin: 0 auto 20px;
+            font-size: 36px;
+            box-shadow: 0 10px 40px rgba(102, 126, 234, 0.4);
+            animation: logoPulse 3s ease-in-out infinite;
+        }
+
+        @keyframes logoPulse {
+            0%, 100% { transform: scale(1); box-shadow: 0 10px 40px rgba(102, 126, 234, 0.4); }
+            50% { transform: scale(1.05); box-shadow: 0 15px 50px rgba(102, 126, 234, 0.6); }
+        }
+
+        .header h1 {
+            font-size: 2.5rem;
+            font-weight: 900;
+            background: linear-gradient(135deg, #667eea, #764ba2, #f093fb);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+            margin-bottom: 10px;
+        }
+
+        .header p {
+            font-size: 1.1rem;
+            color: rgba(255, 255, 255, 0.6);
+            font-weight: 300;
+        }
+
+        /* ═══ Track Tabs ═══ */
+        .track-tabs {
+            display: flex;
+            justify-content: center;
+            gap: 15px;
+            margin-bottom: 40px;
+        }
+
+        .track-tab {
+            padding: 14px 40px;
+            border-radius: 16px;
+            border: 2px solid rgba(255, 255, 255, 0.1);
+            background: rgba(255, 255, 255, 0.05);
+            color: rgba(255, 255, 255, 0.6);
+            font-family: 'Tajawal', sans-serif;
+            font-size: 1.1rem;
+            font-weight: 700;
+            cursor: pointer;
+            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+            backdrop-filter: blur(10px);
+            position: relative;
+            overflow: hidden;
+        }
+
+        .track-tab::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: -100%;
+            width: 100%;
+            height: 100%;
+            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
+            transition: left 0.5s;
+        }
+
+        .track-tab:hover::before {
+            left: 100%;
+        }
+
+        .track-tab:hover {
+            border-color: rgba(102, 126, 234, 0.5);
+            color: #fff;
+            transform: translateY(-2px);
+        }
+
+        .track-tab.active {
+            background: linear-gradient(135deg, #667eea, #764ba2);
+            border-color: transparent;
+            color: #fff;
+            box-shadow: 0 8px 30px rgba(102, 126, 234, 0.4);
+            transform: translateY(-2px);
+        }
+
+        .track-tab .tab-icon {
+            margin-left: 8px;
+            font-size: 1.2rem;
+        }
+
+        /* ═══ Subjects Grid ═══ */
+        .subjects-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
+            gap: 20px;
+            animation: fadeInUp 0.6s ease-out;
+        }
+
+        @keyframes fadeInUp {
+            from { opacity: 0; transform: translateY(30px); }
+            to { opacity: 1; transform: translateY(0); }
+        }
+
+        /* ═══ Subject Card ═══ */
+        .subject-card {
+            position: relative;
+            background: rgba(255, 255, 255, 0.04);
+            border: 1px solid rgba(255, 255, 255, 0.08);
+            border-radius: 20px;
+            padding: 30px 20px;
+            text-align: center;
+            cursor: pointer;
+            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+            backdrop-filter: blur(10px);
+            overflow: hidden;
+            text-decoration: none;
+            color: inherit;
+            display: block;
+        }
+
+        .subject-card::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 3px;
+            background: linear-gradient(90deg, var(--card-color, #667eea), var(--card-color2, #764ba2));
+            opacity: 0;
+            transition: opacity 0.3s;
+        }
+
+        .subject-card:hover::before {
+            opacity: 1;
+        }
+
+        .subject-card::after {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: radial-gradient(circle at center, var(--card-glow, rgba(102,126,234,0.08)), transparent 70%);
+            opacity: 0;
+            transition: opacity 0.4s;
+            pointer-events: none;
+        }
+
+        .subject-card:hover::after {
+            opacity: 1;
+        }
+
+        .subject-card:hover {
+            transform: translateY(-8px) scale(1.02);
+            border-color: rgba(102, 126, 234, 0.3);
+            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3),
+                        0 0 40px var(--card-glow, rgba(102,126,234,0.1));
+        }
+
+        .subject-card:active {
+            transform: translateY(-4px) scale(1.01);
+        }
+
+        .card-icon-wrapper {
+            width: 70px;
+            height: 70px;
+            border-radius: 20px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin: 0 auto 18px;
+            font-size: 28px;
+            background: linear-gradient(135deg, var(--card-color, #667eea), var(--card-color2, #764ba2));
+            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
+            transition: all 0.4s;
+        }
+
+        .subject-card:hover .card-icon-wrapper {
+            transform: scale(1.1) rotate(-5deg);
+            box-shadow: 0 12px 35px rgba(0, 0, 0, 0.3);
+        }
+
+        .card-name {
+            font-size: 1.05rem;
+            font-weight: 700;
+            color: rgba(255, 255, 255, 0.9);
+            margin-bottom: 10px;
+            line-height: 1.5;
+        }
+
+        .card-badge {
+            display: inline-block;
+            padding: 4px 14px;
+            border-radius: 20px;
+            font-size: 0.75rem;
+            font-weight: 700;
+        }
+
+        .card-badge.free {
+            background: linear-gradient(135deg, #00c853, #00e676);
+            color: #003d00;
+        }
+
+        .card-badge.paid {
+            background: rgba(255, 255, 255, 0.1);
+            color: rgba(255, 255, 255, 0.5);
+            border: 1px solid rgba(255, 255, 255, 0.1);
+        }
+
+        /* ═══ Card Color Themes ═══ */
+        .subject-card[data-icon="book-quran"] { --card-color: #00bfa5; --card-color2: #1de9b6; --card-glow: rgba(0,191,165,0.1); }
+        .subject-card[data-icon="language"] { --card-color: #2979ff; --card-color2: #448aff; --card-glow: rgba(41,121,255,0.1); }
+        .subject-card[data-icon="calculator"] { --card-color: #ff6d00; --card-color2: #ff9100; --card-glow: rgba(255,109,0,0.1); }
+        .subject-card[data-icon="laptop"] { --card-color: #6200ea; --card-color2: #7c4dff; --card-glow: rgba(98,0,234,0.1); }
+        .subject-card[data-icon="chart-bar"] { --card-color: #00b8d4; --card-color2: #18ffff; --card-glow: rgba(0,184,212,0.1); }
+        .subject-card[data-icon="flask"] { --card-color: #d500f9; --card-color2: #e040fb; --card-glow: rgba(213,0,249,0.1); }
+        .subject-card[data-icon="bolt"] { --card-color: #ffd600; --card-color2: #ffea00; --card-glow: rgba(255,214,0,0.1); }
+        .subject-card[data-icon="gear"] { --card-color: #546e7a; --card-color2: #78909c; --card-glow: rgba(84,110,122,0.1); }
+        .subject-card[data-icon="dna"] { --card-color: #00c853; --card-color2: #69f0ae; --card-glow: rgba(0,200,83,0.1); }
+        .subject-card[data-icon="book"] { --card-color: #8d6e63; --card-color2: #a1887f; --card-glow: rgba(141,110,99,0.1); }
+        .subject-card[data-icon="pen"] { --card-color: #f4511e; --card-color2: #ff6e40; --card-glow: rgba(244,81,30,0.1); }
+        .subject-card[data-icon="book-open"] { --card-color: #c62828; --card-color2: #ef5350; --card-glow: rgba(198,40,40,0.1); }
+        .subject-card[data-icon="brain"] { --card-color: #ad1457; --card-color2: #ec407a; --card-glow: rgba(173,20,87,0.1); }
+        .subject-card[data-icon="pen-fancy"] { --card-color: #4e342e; --card-color2: #795548; --card-glow: rgba(78,52,46,0.1); }
+        .subject-card[data-icon="spell-check"] { --card-color: #1565c0; --card-color2: #42a5f5; --card-glow: rgba(21,101,192,0.1); }
+        .subject-card[data-icon="comments"] { --card-color: #00838f; --card-color2: #26c6da; --card-glow: rgba(0,131,143,0.1); }
+        .subject-card[data-icon="landmark"] { --card-color: #bf360c; --card-color2: #ff6e40; --card-glow: rgba(191,54,12,0.1); }
+        .subject-card[data-icon="globe"] { --card-color: #2e7d32; --card-color2: #66bb6a; --card-glow: rgba(46,125,50,0.1); }
+        .subject-card[data-icon="head-side-virus"] { --card-color: #6a1b9a; --card-color2: #ab47bc; --card-glow: rgba(106,27,154,0.1); }
+        .subject-card[data-icon="flag"] { --card-color: #e65100; --card-color2: #ff9800; --card-glow: rgba(230,81,0,0.1); }
+
+        /* ═══ Track Section ═══ */
+        .track-section {
+            display: none;
+        }
+
+        .track-section.active {
+            display: block;
+        }
+
+        .track-section-title {
+            font-size: 1.3rem;
+            font-weight: 700;
+            color: rgba(255, 255, 255, 0.4);
+            margin-bottom: 25px;
+            padding-right: 10px;
+            display: flex;
+            align-items: center;
+            gap: 10px;
+        }
+
+        .track-section-title::after {
+            content: '';
+            flex: 1;
+            height: 1px;
+            background: linear-gradient(90deg, rgba(255,255,255,0.1), transparent);
+        }
+
+        /* ═══ Footer ═══ */
+        .footer {
+            text-align: center;
+            margin-top: 60px;
+            padding: 20px;
+            color: rgba(255, 255, 255, 0.3);
+            font-size: 0.85rem;
+        }
+
+        .footer a {
+            color: rgba(102, 126, 234, 0.7);
+            text-decoration: none;
+        }
+
+        .footer a:hover {
+            color: #667eea;
+        }
+
+        /* ═══ Loading Overlay ═══ */
+        .loading-overlay {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: rgba(10, 10, 26, 0.9);
+            z-index: 9999;
+            display: none;
+            align-items: center;
+            justify-content: center;
+            flex-direction: column;
+            gap: 20px;
+            backdrop-filter: blur(10px);
+        }
+
+        .loading-overlay.show {
+            display: flex;
+        }
+
+        .loading-spinner {
+            width: 50px;
+            height: 50px;
+            border: 3px solid rgba(255, 255, 255, 0.1);
+            border-top-color: #667eea;
+            border-radius: 50%;
+            animation: spin 0.8s linear infinite;
+        }
+
+        @keyframes spin {
+            to { transform: rotate(360deg); }
+        }
+
+        .loading-text {
+            color: rgba(255, 255, 255, 0.7);
+            font-size: 1.1rem;
+            font-weight: 500;
+        }
+
+        /* ═══ Responsive ═══ */
+        @media (max-width: 768px) {
+            .header h1 {
+                font-size: 1.8rem;
+            }
+
+            .track-tabs {
+                flex-direction: column;
+                align-items: center;
+                gap: 10px;
+            }
+
+            .track-tab {
+                width: 80%;
+                text-align: center;
+            }
+
+            .subjects-grid {
+                grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
+                gap: 12px;
+            }
+
+            .subject-card {
+                padding: 22px 14px;
+            }
+
+            .card-icon-wrapper {
+                width: 56px;
+                height: 56px;
+                font-size: 22px;
+            }
+
+            .card-name {
+                font-size: 0.92rem;
+            }
+        }
+
+        @media (max-width: 480px) {
+            .subjects-grid {
+                grid-template-columns: repeat(2, 1fr);
+                gap: 10px;
+            }
+
+            .main-container {
+                padding: 20px 12px 40px;
+            }
+
+            .header {
+                margin-bottom: 30px;
+            }
+
+            .header-logo {
+                width: 60px;
+                height: 60px;
+                font-size: 28px;
+            }
+
+            .header h1 {
+                font-size: 1.5rem;
+            }
+        }
+    </style>
+</head>
+<body>
+
+    <!-- Animated Background -->
+    <div class="bg-animation" id="bgAnimation"></div>
+
+    <!-- Loading Overlay -->
+    <div class="loading-overlay" id="loadingOverlay">
+        <div class="loading-spinner"></div>
+        <div class="loading-text">جاري تحميل المادة...</div>
+    </div>
+
+    <!-- Main Container -->
+    <div class="main-container">
+
+        <!-- Header -->
+        <div class="header">
+            <div class="header-logo">🎓</div>
+            <h1>السبورة الذكية</h1>
+            <p>اختر المادة وابدأ التعلم مع مدرستك الذكية</p>
+        </div>
+
+        <!-- Track Tabs -->
+        <div class="track-tabs">
+            <button class="track-tab active" data-track="علمي" onclick="switchTrack('علمي', this)">
+                <i class="fas fa-flask tab-icon"></i>
+                العلمي
+            </button>
+            <button class="track-tab" data-track="أدبي" onclick="switchTrack('أدبي', this)">
+                <i class="fas fa-book tab-icon"></i>
+                الأدبي
+            </button>
+        </div>
+
+        <!-- علمي Track -->
+        <div class="track-section active" id="track-علمي">
+            <div class="track-section-title">
+                <i class="fas fa-flask"></i>
+                المواد العلمية
+            </div>
+            <div class="subjects-grid">
+                {% for subj in subjects['علمي'] %}
+                <a href="/board/{{ subj.id }}"
+                   class="subject-card"
+                   data-icon="{{ subj.icon }}"
+                   onclick="showLoading(event, '{{ subj.name }}')">
+                    <div class="card-icon-wrapper">
+                        <i class="fas fa-{{ subj.icon }}"></i>
+                    </div>
+                    <div class="card-name">{{ subj.name }}</div>
+                    {% if subj.get('free', False) %}
+                    <span class="card-badge free">مجاني</span>
+                    {% else %}
+                    <span class="card-badge paid">{{ subj.price }} د.ل</span>
+                    {% endif %}
+                </a>
+                {% endfor %}
+            </div>
+        </div>
+
+        <!-- أدبي Track -->
+        <div class="track-section" id="track-أدبي">
+            <div class="track-section-title">
+                <i class="fas fa-book"></i>
+                المواد الأدبية
+            </div>
+            <div class="subjects-grid">
+                {% for subj in subjects['أدبي'] %}
+                <a href="/board/{{ subj.id }}"
+                   class="subject-card"
+                   data-icon="{{ subj.icon }}"
+                   onclick="showLoading(event, '{{ subj.name }}')">
+                    <div class="card-icon-wrapper">
+                        <i class="fas fa-{{ subj.icon }}"></i>
+                    </div>
+                    <div class="card-name">{{ subj.name }}</div>
+                    {% if subj.get('free', False) %}
+                    <span class="card-badge free">مجاني</span>
+                    {% else %}
+                    <span class="card-badge paid">{{ subj.price }} د.ل</span>
+                    {% endif %}
+                </a>
+                {% endfor %}
+            </div>
+        </div>
+
+        <!-- Footer -->
+        <div class="footer">
+            <p>🎓 السبورة الذكية - منصة تعليمية تفاعلية</p>
+        </div>
+
+    </div>
+
+    <script>
+        // ═══ Background Particles ═══
+        function createParticles() {
+            const bg = document.getElementById('bgAnimation');
+            const colors = ['#667eea', '#764ba2', '#f093fb', '#00bfa5', '#ff6d00', '#d500f9'];
+
+            for (let i = 0; i < 30; i++) {
+                const particle = document.createElement('div');
+                particle.classList.add('particle');
+
+                const size = Math.random() * 6 + 2;
+                const color = colors[Math.floor(Math.random() * colors.length)];
+                const left = Math.random() * 100;
+                const duration = Math.random() * 20 + 15;
+                const delay = Math.random() * 20;
+
+                particle.style.cssText = `
+                    width: ${size}px;
+                    height: ${size}px;
+                    background: ${color};
+                    left: ${left}%;
+                    animation-duration: ${duration}s;
+                    animation-delay: -${delay}s;
+                `;
+
+                bg.appendChild(particle);
+            }
+        }
+
+        createParticles();
+
+        // ═══ Track Switching ═══
+        function switchTrack(trackName, btn) {
+            // Update tabs
+            document.querySelectorAll('.track-tab').forEach(t => t.classList.remove('active'));
+            btn.classList.add('active');
+
+            // Update sections
+            document.querySelectorAll('.track-section').forEach(s => s.classList.remove('active'));
+            const section = document.getElementById('track-' + trackName);
+            if (section) {
+                section.classList.add('active');
+                // Re-trigger animation
+                const grid = section.querySelector('.subjects-grid');
+                if (grid) {
+                    grid.style.animation = 'none';
+                    grid.offsetHeight; // force reflow
+                    grid.style.animation = 'fadeInUp 0.6s ease-out';
+                }
+            }
+        }
+
+        // ═══ Loading Overlay ═══
+        function showLoading(event, subjectName) {
+            const overlay = document.getElementById('loadingOverlay');
+            const loadingText = overlay.querySelector('.loading-text');
+            loadingText.textContent = 'جاري تحميل ' + subjectName + '...';
+            overlay.classList.add('show');
+
+            // Don't prevent default - let the link navigate
+            // The overlay shows during page transition
+        }
+
+        // ═══ Card Hover Sound Effect (optional visual feedback) ═══
+        document.querySelectorAll('.subject-card').forEach(card => {
+            card.addEventListener('mouseenter', function() {
+                this.style.transition = 'all 0.4s cubic-bezier(0.4, 0, 0.2, 1)';
+            });
+        });
+
+        // ═══ Hide loading on back navigation ═══
+        window.addEventListener('pageshow', function(event) {
+            document.getElementById('loadingOverlay').classList.remove('show');
+        });
+    </script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/templates/verification.html b/templates/verification.html
new file mode 100644
index 0000000000000000000000000000000000000000..980e549c3b5b2fbf72960293f2784c0bdcdcf833
--- /dev/null
+++ b/templates/verification.html
@@ -0,0 +1,219 @@
+<!DOCTYPE html>
+<html lang="ar" dir="rtl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>التحقق عبر تيليجرام - Claymorphism</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@700;800;900&family=Tajawal:wght@400;500;700&family=Ubuntu+Mono:wght@500&display=swap" rel="stylesheet">
+    <style>
+        /* =========================================
+           1. كود التحميل الجديد (أضيف هنا)
+           ========================================= */
+        #loader-overlay {
+            position: fixed;
+            top: 0; left: 0; width: 100%; height: 100%;
+            /* نفس لون الخلفية --clay-canvas */
+            background-color: #F4F1FA;
+            z-index: 9999;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            transition: opacity 0.5s ease;
+        }
+
+        .loading-content {
+            position: relative;
+            width: 180px;
+            height: 180px;
+            animation: rotate 4s ease-in-out infinite;
+            filter: url("#gooey");
+        }
+
+        .svg {
+            width: 0;
+            height: 0;
+            position: absolute;
+        }
+
+        @keyframes rotate {
+            0% { transform: rotate(360deg); }
+            50% { transform: rotate(360deg); }
+            100% { transform: rotate(0deg); }
+        }
+
+        .loading-content .liquid {
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            background: linear-gradient(90deg, rgba(0, 30, 250, 1) 0%, rgba(177, 70, 252, 1) 100%);
+            width: 50px;
+            height: 50px;
+            border-radius: 50%;
+            --ani_dur: 4s;
+        }
+
+        .loading-content .liquid:nth-child(1) { top: 0; animation: animate1 var(--ani_dur) ease-in-out infinite; }
+        .loading-content .liquid:nth-child(2) { left: 0; animation: animate2 var(--ani_dur) ease-in-out infinite; }
+        .loading-content .liquid:nth-child(3) { left: 100%; animation: animate3 var(--ani_dur) ease-in-out infinite; }
+        .loading-content .liquid:nth-child(4) { top: 100%; animation: animate4 var(--ani_dur) ease-in-out infinite; }
+
+        @keyframes animate1 { 0% { top: 0; } 50% { top: 100%; } 100% { top: 100%; } }
+        @keyframes animate2 { 0% { left: 0; } 50% { left: 100%; } 100% { left: 100%; } }
+        @keyframes animate3 { 0% { left: 100%; } 50% { left: 0; } 100% { left: 0; } }
+        @keyframes animate4 { 0% { top: 100%; } 50% { top: 0; } 100% { top: 0; } }
+
+        /* =========================================
+           2. كود التصميم الأصلي الخاص بك (لم يتغير)
+           ========================================= */
+        :root { --clay-canvas: #F4F1FA; --clay-foreground: #332F3A; --clay-muted: #635F69; --clay-primary: #7C3AED; --clay-primary-light: #A78BFA; --clay-accent-pink: #DB2777; --clay-accent-blue: #0EA5E9; --clay-success: #10B981; --clay-error: #EF4444; --clay-input-bg: #EFEBF5; --shadow-clay-card: 16px 16px 32px rgba(160, 150, 180, 0.2), -10px -10px 24px rgba(255, 255, 255, 0.9), inset 6px 6px 12px rgba(139, 92, 246, 0.03), inset -6px -6px 12px rgba(255, 255, 255, 1); --shadow-clay-btn: 12px 12px 24px rgba(139, 92, 246, 0.3), -8px -8px 16px rgba(255, 255, 255, 0.4), inset 4px 4px 8px rgba(255, 255, 255, 0.4), inset -4px -4px 8px rgba(0, 0, 0, 0.1); --shadow-clay-btn-hover: 16px 16px 32px rgba(139, 92, 246, 0.4), -12px -12px 24px rgba(255, 255, 255, 0.6), inset 4px 4px 8px rgba(255, 255, 255, 0.5), inset -4px -4px 8px rgba(0, 0, 0, 0.1); --shadow-clay-pressed: inset 10px 10px 20px #d9d4e3, inset -10px -10px 20px #ffffff; --radius-card: 32px; --radius-btn: 20px; --radius-input: 16px; --radius-badge: 50px; --font-heading: 'Cairo', sans-serif; --font-body: 'Tajawal', sans-serif; --font-mono: 'Ubuntu Mono', monospace; }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: var(--font-body); background-color: var(--clay-canvas); color: var(--clay-foreground); min-height: 100vh; display: flex; justify-content: center; align-items: center; padding: 20px; overflow-x: hidden; position: relative; }
+        h1, h2, h3, .brand-font { font-family: var(--font-heading); }
+        .background-blobs { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; overflow: hidden; }
+        .blob { position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0.6; animation: float 10s infinite ease-in-out; }
+        .blob-1 { width: 60vh; height: 60vh; background: var(--clay-primary); top: -10%; right: -10%; opacity: 0.15; animation-delay: 0s; }
+        .blob-2 { width: 50vh; height: 50vh; background: var(--clay-accent-pink); bottom: -10%; left: -10%; opacity: 0.15; animation-delay: 2s; }
+        .blob-3 { width: 40vh; height: 40vh; background: var(--clay-accent-blue); top: 40%; right: 40%; opacity: 0.1; animation-delay: 4s; }
+        @keyframes float { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-30px) rotate(5deg); } }
+        .clay-card { background: rgba(255, 255, 255, 0.65); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); padding: 40px; border-radius: var(--radius-card); box-shadow: var(--shadow-clay-card); width: 100%; max-width: 480px; position: relative; z-index: 10; border: 1px solid rgba(255, 255, 255, 0.4); transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); text-align: right; }
+        .clay-card:hover { transform: translateY(-5px); }
+        .clay-icon-orb { width: 90px; height: 90px; border-radius: 50%; background: linear-gradient(145deg, #E0F2FE 0%, #7DD3FC 50%, #0EA5E9 100%); box-shadow: 12px 12px 24px rgba(14, 165, 233, 0.3), inset 8px 8px 16px rgba(255, 255, 255, 0.8), inset -8px -8px 16px rgba(2, 132, 199, 0.2); display: flex; justify-content: center; align-items: center; margin: 0 auto 25px auto; position: relative; transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); cursor: default; }
+        .clay-icon-orb:hover { transform: scale(1.08) rotate(-5deg); }
+        .clay-icon-orb span { font-size: 44px; filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.15)); transform: rotate(-15deg); transition: transform 0.4s; display: block; line-height: 1; }
+        .clay-icon-orb:hover span { transform: rotate(0deg) scale(1.1); }
+        h1 { text-align: center; color: var(--clay-foreground); margin-bottom: 25px; font-size: 28px; font-weight: 900; letter-spacing: -0.02em; }
+        .instructions { background: var(--clay-input-bg); padding: 24px; border-radius: var(--radius-input); margin-bottom: 30px; box-shadow: var(--shadow-clay-pressed); border: 1px solid rgba(255,255,255,0.2); }
+        .instructions h3 { color: var(--clay-accent-blue); margin-bottom: 15px; font-size: 18px; font-weight: 800; display: flex; align-items: center; gap: 8px; }
+        .instructions ol { margin-right: 20px; color: var(--clay-muted); line-height: 1.8; font-size: 15px; }
+        .instructions li { margin-bottom: 12px; padding-right: 5px; }
+        
+        /* تم تعديل هذا الجزء لجعله رابطاً */
+        .bot-username { 
+            background: linear-gradient(135deg, #0EA5E9 0%, #0284C7 100%); 
+            color: white; 
+            padding: 6px 16px; 
+            border-radius: var(--radius-badge); 
+            display: inline-flex; 
+            align-items: center; 
+            font-weight: 700; 
+            font-family: var(--font-mono); 
+            margin: 5px 0; 
+            font-size: 15px; 
+            box-shadow: 4px 4px 8px rgba(14, 165, 233, 0.3), -2px -2px 6px rgba(255, 255, 255, 0.5); 
+            cursor: pointer; 
+            transition: transform 0.2s, box-shadow 0.2s;
+            text-decoration: none; /* إزالة الخط السفلي */
+            position: relative;
+        }
+        .bot-username:hover { 
+            transform: scale(1.05); 
+            box-shadow: 6px 6px 12px rgba(14, 165, 233, 0.4), -3px -3px 8px rgba(255, 255, 255, 0.6);
+        }
+        .bot-username:active {
+            transform: scale(0.95);
+        }
+
+        .form-group { margin-bottom: 25px; position: relative; }
+        label { display: block; margin-bottom: 10px; color: var(--clay-foreground); font-weight: 700; font-size: 15px; margin-right: 4px; }
+        input[type="text"] { width: 100%; padding: 18px; border: none; border-radius: var(--radius-input); font-size: 24px; font-family: var(--font-mono); color: var(--clay-foreground); background-color: var(--clay-input-bg); box-shadow: var(--shadow-clay-pressed); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); outline: none; text-align: center; letter-spacing: 0.5em; direction: ltr; }
+        input::placeholder { color: #cbd5e1; font-weight: 500; letter-spacing: 0.2em; }
+        input:focus { background-color: #ffffff; transform: translateY(-2px); box-shadow: 8px 8px 16px rgba(160, 150, 180, 0.15), -6px -6px 12px rgba(255, 255, 255, 0.9); border: 1px solid rgba(139, 92, 246, 0.1); }
+        button { width: 100%; padding: 18px; background: linear-gradient(135deg, var(--clay-primary-light) 0%, var(--clay-primary) 100%); color: white; border: none; border-radius: var(--radius-btn); font-size: 18px; font-weight: 800; font-family: var(--font-heading); cursor: pointer; box-shadow: var(--shadow-clay-btn); transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1); position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; gap: 10px; }
+        button:hover:not(:disabled) { transform: translateY(-3px) scale(1.01); box-shadow: var(--shadow-clay-btn-hover); }
+        button:active:not(:disabled) { transform: scale(0.94) translateY(1px); box-shadow: var(--shadow-clay-pressed); transition: transform 0.1s; }
+        button:disabled { opacity: 0.7; cursor: not-allowed; filter: grayscale(0.2); }
+        .spinner { width: 20px; height: 20px; border: 3px solid rgba(255, 255, 255, 0.3); border-radius: 50%; border-top-color: white; animation: spin 0.8s linear infinite; display: none; }
+        @keyframes spin { to { transform: rotate(360deg); } }
+        .flash-container { margin-bottom: 20px; }
+        .flash { padding: 12px 16px; border-radius: var(--radius-input); margin-bottom: 10px; font-size: 14px; display: flex; align-items: center; gap: 8px; }
+        .flash.error { background: rgba(239, 68, 68, 0.1); color: #b91c1c; border: 1px solid rgba(239, 68, 68, 0.2); }
+        .flash.success { background: rgba(16, 185, 129, 0.1); color: #047857; border: 1px solid rgba(16, 185, 129, 0.2); }
+        @media (max-width: 480px) { .clay-card { padding: 30px 20px; } h1 { font-size: 24px; } .instructions { padding: 20px; } }
+    </style>
+</head>
+<body>
+
+    <!-- =========================================
+         3. كود HTML التحميل (يظهر فوراً)
+         ========================================= -->
+    <div id="loader-overlay">
+        <div class="loading-content">
+            <div class="liquid"></div>
+            <div class="liquid"></div>
+            <div class="liquid"></div>
+            <div class="liquid"></div>
+        </div>
+        <svg class="svg">
+            <filter id="gooey">
+                <feGaussianBlur stdDeviation="10" in="SourceGraphic"></feGaussianBlur>
+                <feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 20 -10"></feColorMatrix>
+            </filter>
+        </svg>
+    </div>
+
+    <!-- =========================================
+         4. المحتوى الأصلي الخاص بك
+         ========================================= -->
+    <div class="background-blobs"><div class="blob blob-1"></div><div class="blob blob-2"></div><div class="blob blob-3"></div></div>
+    <main class="clay-card">
+        <div class="clay-icon-orb"><span>✈️</span></div>
+        <h1>التحقق عبر تيليجرام</h1>
+        <div id="flash-container" class="flash-container">
+            {% with messages = get_flashed_messages(with_categories=true) %}
+                {% if messages %}
+                    {% for category, message in messages %}
+                        <div class="flash {{ category }}">
+                            <span>{% if category == 'error' %}⚠️{% else %}✅{% endif %}</span>
+                            <span>{{ message }}</span>
+                        </div>
+                    {% endfor %}
+                {% endif %}
+            {% endwith %}
+        </div>
+        <div class="instructions">
+            <h3>📱 اتبع هذه الخطوات:</h3>
+            <ol>
+                <li>افتح تطبيق تيليجرام</li>
+                <!-- تم تغيير div إلى a tag لإضافة الرابط -->
+                <li>اضغط هنا لفتح البوت: <a href="https://t.me/classvrf_bot" target="_blank" class="bot-username">@classvrf_bot</a></li>
+                <li>أرسل الأمر <strong>/start</strong></li>
+                <li>انسخ الرمز (6 أرقام)</li>
+                <li>ألصقه هنا</li>
+            </ol>
+        </div>
+        <form method="POST" action="{{ url_for('verification') }}" id="verifyForm">
+            <div class="form-group"><label for="code">أدخل رمز التحقق</label><input type="text" id="code" name="code" maxlength="6" placeholder="000000" required autocomplete="one-time-code"></div>
+            <button type="submit" id="verifyBtn"><span class="btn-text">تحقق وأكمل التسجيل</span><div class="spinner"></div></button>
+        </form>
+    </main>
+    <script>
+        const verifyForm = document.getElementById('verifyForm'); const verifyBtn = document.getElementById('verifyBtn'); const btnText = verifyBtn.querySelector('.btn-text'); const spinner = verifyBtn.querySelector('.spinner'); const codeInput = document.getElementById('code');
+        
+        // تم إزالة وظيفة النسخ السابقة لأننا نستخدم الرابط مباشرة الآن
+        // function copyBotName() { ... }
+
+        codeInput.addEventListener('input', function(e) { this.value = this.value.replace(/[^0-9]/g, '').slice(0, 6); });
+        verifyForm.addEventListener('submit', function() { verifyBtn.disabled = true; btnText.textContent = 'جاري التحقق...'; spinner.style.display = 'block'; });
+        const s = document.createElement("style"); s.innerText = `@keyframes shake { 0%,100%{transform:translateX(0)} 25%{transform:translateX(-5px)} 75%{transform:translateX(5px)} }`; document.head.appendChild(s);
+
+        // =========================================
+        // 5. كود JavaScript لإخفاء التحميل
+        // =========================================
+        window.addEventListener('load', function() {
+            const loader = document.getElementById('loader-overlay');
+            
+            // مدة الظهور (1500 مللي ثانية = 1.5 ثانية)
+            setTimeout(function() {
+                loader.style.opacity = '0';
+                
+                setTimeout(function() {
+                    loader.style.display = 'none';
+                }, 500); 
+            }, 2000); 
+        });
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/websocket/__init__.py b/websocket/__init__.py
new file mode 100644
index 0000000000000000000000000000000000000000..9d4e71dddb96ffd35b88272ec4f8af8c54632009
--- /dev/null
+++ b/websocket/__init__.py
@@ -0,0 +1,4 @@
+"""
+WebSocket package.
+Real-time session management via SocketIO.
+"""
\ No newline at end of file
diff --git a/websocket/__pycache__/__init__.cpython-314.pyc b/websocket/__pycache__/__init__.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..ff0c7e5cf27d0b11155a782e952a6e5d9f6a8636
Binary files /dev/null and b/websocket/__pycache__/__init__.cpython-314.pyc differ
diff --git a/websocket/__pycache__/events.cpython-314.pyc b/websocket/__pycache__/events.cpython-314.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..57a1797ab8df648306a7598686d2d54b1a5946c3
Binary files /dev/null and b/websocket/__pycache__/events.cpython-314.pyc differ
diff --git a/websocket/events.py b/websocket/events.py
new file mode 100644
index 0000000000000000000000000000000000000000..85bd389e635bafcadefbe5401c0b39b8e07bbba0
--- /dev/null
+++ b/websocket/events.py
@@ -0,0 +1,49 @@
+"""
+SocketIO event handlers.
+Session validation, force logout, connection tracking.
+"""
+
+from flask import request
+from auth.helpers import active_connections
+from database.users import load_users_db
+
+
+def register_socketio_events(socketio):
+    """Register all SocketIO event handlers."""
+
+    @socketio.on('connect')
+    def handle_connect():
+        pass
+
+    @socketio.on('disconnect')
+    def handle_disconnect():
+        for username in list(active_connections.keys()):
+            if request.sid in active_connections[username]:
+                active_connections[username].remove(request.sid)
+                if not active_connections[username]:
+                    del active_connections[username]
+
+    @socketio.on('register_session')
+    def handle_register_session(data):
+        username = data.get('username')
+        session_id = data.get('session_id')
+        if username and session_id:
+            if username not in active_connections:
+                active_connections[username] = []
+            if request.sid not in active_connections[username]:
+                active_connections[username].append(request.sid)
+
+    @socketio.on('check_session')
+    def handle_check_session(data):
+        username = data.get('username')
+        session_id = data.get('session_id')
+        users_db = load_users_db()
+        if username in users_db:
+            if users_db[username].get('session_id') != session_id:
+                socketio.emit('force_logout', {
+                    'message': 'تم تسجيل الدخول من جهاز آخر.'
+                }, room=request.sid)
+            else:
+                socketio.emit('session_valid', {
+                    'status': 'valid'
+                }, room=request.sid)
\ No newline at end of file