# Meridian CRM — Premium Front‑End

واجهة CRM احترافية كاملة مبنية باستخدام:

- HTML5
- CSS3
- Vanilla JavaScript فقط

لا يوجد React أو Vue أو Bootstrap أو Tailwind أو jQuery أو Python أو npm.

## التشغيل

افتح ملف `index.html` مباشرة في المتصفح. لا يحتاج المشروع إلى تثبيت أو خادم أو قاعدة بيانات.

بيانات العملاء والفرص والأنشطة والتذاكر، بالإضافة إلى الثيم وإعدادات القائمة، يتم حفظها محليًا داخل `localStorage` في المتصفح.

## الصفحات

- `index.html` — لوحة التحكم الرئيسية
- `leads.html` — إدارة العملاء المحتملين
- `companies.html` — الشركات
- `contacts.html` — جهات الاتصال
- `opportunities.html` — مسار المبيعات بنظام Kanban والسحب والإفلات
- `activities.html` — الأنشطة والمواعيد
- `tickets.html` — تذاكر الدعم
- `reports.html` — التقارير
- `analytics.html` — التحليلات
- `team.html` — أعضاء الفريق والأداء
- `settings.html` — إعدادات الواجهة والثيمات
- `login.html` — تسجيل الدخول التجريبي

## المزايا المنفذة

- خمسة ثيمات كاملة: Light، Emerald، Midnight، Graphite، Amethyst
- أيقونات SVG محلية بتأثيرات ثلاثية الأبعاد
- Sidebar قابلة للتصغير ومحفوظة تلقائيًا
- قائمة موبايل Off‑canvas
- Command Palette بواسطة `Ctrl + K`
- إشعارات وقوائم منسدلة وToast messages
- مؤثرات دخول وHover وTilt وMagnetic buttons
- رسوم بيانية SVG وCSS بدون مكتبات
- إضافة وتعديل وحذف العملاء المحتملين
- بحث وفلترة وترتيب وتقسيم صفحات وتصدير CSV
- Kanban تفاعلي بالسحب والإفلات
- تحديث حالات التذاكر وحفظها محليًا
- تصميم Responsive من 360px إلى الشاشات الكبيرة
- دعم Light/Dark و`prefers-reduced-motion`
- دعم اتجاه العربية والإنجليزية في عناصر التنقل الأساسية

## هيكل المشروع

```text
meridian_crm_frontend_final/
├── index.html
├── leads.html
├── companies.html
├── contacts.html
├── opportunities.html
├── activities.html
├── tickets.html
├── reports.html
├── analytics.html
├── team.html
├── settings.html
├── login.html
├── README.md
└── assets/
    ├── css/main.css
    ├── js/main.js
    └── media/
        ├── meridian-logo.svg
        ├── avatar-admin.svg
        └── dashboard-preview.png
```

## الربط مع Backend لاحقًا

الواجهة جاهزة للربط مع Laravel أو أي REST API. استبدل بيانات JavaScript التجريبية بطلبات `fetch()` مع الحفاظ على نفس واجهات العرض.
