# 🚀 إعداد نسخة Magic Tech Lite للديمو

نسخة مختصرة من نظام Magic Tech تحتوي على:
- ✅ لوحة التحكم
- ✅ الإدخال / الإخراج / التحويل
- ✅ الجرد (Stock) + Excel
- ✅ رفع الجرد (Import)
- ✅ إدارة الباركود
- ✅ التنبيهات
- ✅ المستخدمين + سجل المراجعة + لوحة الأدمن

❌ بدون: المبيعات / المشتريات / المالية / المشاريع / الحجوزات

---

## الخطوة 1: إنشاء مشروع Supabase جديد

1. روح [supabase.com](https://supabase.com) → سجّل دخول أو أنشئ حساب
2. اضغط **"New Project"**
3. اختر اسم المشروع (مثلاً: `magic-tech-demo`)
4. أعطي كلمة سر قوية للـ Database — **احفظها**
5. اختر منطقة قريبة (Frankfurt للشرق الأوسط)
6. اضغط **"Create new project"** وانتظر دقيقتين

## الخطوة 2: شغّل ملف SQL

1. من القائمة الجانبية: **SQL Editor**
2. اضغط **"New query"**
3. افتح ملف `SQL_FULL_SETUP_lite.sql` من مجلد الديمو
4. انسخ المحتوى كاملاً والصقه في الـ editor
5. اضغط **"Run"** (Ctrl+Enter)
6. لازم تشوف رسالة "Success" بدون أخطاء

## الخطوة 3: خذ المفاتيح

1. من القائمة الجانبية: **Project Settings → API**
2. انسخ:
   - **Project URL** (مثلاً: `https://xxxxxxxxx.supabase.co`)
   - **anon public** key (السلسلة الطويلة اللي تبدأ بـ `eyJ...`)

## الخطوة 4: ضع المفاتيح في الموقع

افتح ملف `frontend/assets/js/supabase.js` بمحرّر نصوص واستبدل القيمتين:

```js
const SUPABASE_URL = "https://xxxxxxxxx.supabase.co";  // ← Project URL
const SUPABASE_ANON_KEY = "eyJ...";                     // ← anon key
```

احفظ الملف.

## الخطوة 5: نشر الموقع (طريقتين)

### الطريقة الأسهل: Netlify Drop (مجاني)
1. روح [app.netlify.com/drop](https://app.netlify.com/drop)
2. اسحب مجلد `frontend` كاملاً للصفحة
3. خلال ثانية بطلعلك URL — هذا هو موقع الديمو
4. تقدر تربط دومين خاص لاحقاً من إعدادات Netlify

### الطريقة الثانية: Vercel
1. روح [vercel.com](https://vercel.com)
2. **Import Project** → ارفع مجلد `frontend`
3. اضغط Deploy

## الخطوة 6: أول مستخدم (الأدمن)

1. افتح الموقع → اضغط على **Sign Up** في login.html
2. اعمل حساب بإيميل وكلمة سر
3. ارجع لـ Supabase → **SQL Editor** → شغّل:

```sql
UPDATE profiles SET role='admin'
  WHERE email='your-admin-email@example.com';
```

(غيّر الإيميل لإيميل اللي سجّلت فيه)

4. أعد تحميل الصفحة — صرت أدمن وتقدر تشوف كل الصفحات.

---

## 📋 ملاحظات

- **الديمو والنسخة الحقيقية منفصلين تماماً** — بياناتهم في مشاريع Supabase مختلفة
- لو الزبون قرر يشتري: يعمل حسابه الخاص على Supabase، يشغّل نفس الـ SQL، وأنت بس بتبدّل المفاتيح في `supabase.js` — خلصت
- **التكلفة**: Supabase مجاني تحت 500MB ديتا + 1GB صور. Netlify مجاني تحت 100GB تنزيل شهري. كافي للديمو وحتى لشركة صغيرة
- **النسخ الاحتياطي**: من Supabase → Database → Backups (تلقائي يومي بالـ free plan)

---

## ✏️ تعديلات مستقبلية للزبون

لو الزبون بدو يضيف ميزة (مثلاً: مستودع جديد، حقل جديد):
- المستودع: ضيف عمود لـ items + حدّث الـ array `WAREHOUSES` في الـ JS
- حقل جديد: `ALTER TABLE items ADD COLUMN ...`
- لو بدك ترجّع ميزات شلتها (مبيعات/مشتريات): ارجع للنسخة الأصلية وانسخ الملفات