# تحديث إدارة الصور في Housa CMS 1.3

هذا التحديث يوسّع التحكم بالصور داخل محرر الصفحات بدون تغيير قاعدة البيانات أو حذف المحتوى الحالي.

## ما الجديد

- تظهر صور كل سيكشن كبطاقات مرئية داخل `Pages` بدل حقل مسار صغير فقط.
- زر **Change** يفتح Media Library ويمكن الرفع منها مباشرة.
- زر **Settings** لكل صورة أو Background Image.
- صور مستقلة حسب الجهاز: Desktop / Tablet / Mobile.
- إذا لم تحدد صورة للتابلت أو الموبايل يتم توريث صورة الحجم الأكبر تلقائيًا.
- التحكم في `Fit / Crop`: Cover / Contain / Fill / None.
- تحديد نقطة التركيز Focal Point أفقيًا ورأسيًا بنسبة 0–100%.
- للصورة العادية: العرض، أقصى ارتفاع، استدارة الزوايا، الشفافية، وإخفاء الصورة حسب الجهاز.
- لصورة الخلفية: تغيير المصدر حسب الجهاز، حجم الخلفية وموضعها، أو إزالة صورة الخلفية على جهاز معين.
- تحرير ALT Text وتحميل الصورة Lazy / Eager.
- عداد `media` بجوار كل سيكشن، وزر صورة للانتقال مباشرة إلى صور هذا السيكشن.
- Reset يعيد الصورة وإعداداتها إلى القالب الأصلي.
- التغييرات تبقى Draft حتى الضغط على Publish changes.

## طريقة الاستخدام

1. افتح `Pages` واختر الصفحة.
2. اختر السيكشن من القائمة اليسرى.
3. اضغط تبويب `Images` أو زر الصورة بجانب اسم السيكشن.
4. لكل صورة:
   - `Change`: تغيير المصدر بسرعة.
   - `Settings`: إعدادات متقدمة.
5. داخل Settings يمكنك تحديد صور مختلفة للكمبيوتر والتابلت والموبايل وضبط القص والموضع.
6. اضغط `Apply to draft` ثم `Save draft`.
7. استخدم `Preview draft` لمراجعة Desktop / Tablet / Mobile.
8. عند الانتهاء اضغط `Publish changes`.

## تركيب التحديث فوق النسخة الحالية

1. أوقف PHP بـ `Ctrl + C`.
2. خذ نسخة احتياطية من المشروع، خصوصًا `storage/` و `public/uploads/`.
3. فك ضغط حزمة التحديث وانسخ محتوياتها فوق مجلد `housa-cms` الحالي مع Replace للملفات المتطابقة.
4. لا تحذف `storage/` ولا `public/uploads/`.
5. شغّل:

```powershell
php -S 127.0.0.1:8000 -t public public/router.php
```

6. افتح `/admin/` واضغط `Ctrl + F5`.

لا تحتاج إلى إعادة `setup.php` ولا يوجد Migration لقاعدة البيانات؛ الإعدادات الجديدة محفوظة داخل JSON الخاص بالصفحة ومتوافقة مع البيانات القديمة.