Upload 36 files

.gitignore

@@ -1,41 +1,152 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
 
-# dependencies
-/node_modules
-/.pnp
-.pnp.*
-.yarn/*
-!.yarn/patches
-!.yarn/plugins
-!.yarn/releases
-!.yarn/versions
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
 
-# testing
-/coverage
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
 
-# next.js
-/.next/
-/out/
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
 
-# production
-/build
+# nyc test coverage
+.nyc_output
 
-# misc
-.DS_Store
-*.pem
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
 
-# debug
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-.pnpm-debug.log*
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
 
-# env files (can opt-in for committing if needed)
-.env*
+# Dependency directories
+node_modules/
+jspm_packages/
 
-# vercel
-.vercel
+# TypeScript v1 declaration files
+typings/
 
-# typescript
+# TypeScript cache
 *.tsbuildinfo
-next-env.d.ts
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+.env.test
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+.parcel-cache
+
+# Next.js build output
+.next
+
+# Nuxt.js build / generate output
+.nuxt
+dist
+
+# Gatsby files
+.cache/
+# Comment in the public line in if your project uses Gatsby and *not* Next.js
+# https://nextjs.org/blog/next-9-1#public-directory-support
+# public
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# TernJS port file
+.tern-port
+
+# Capacitor
+.capacitor/
+capacitor.config.json
+
+# Android
+android/app/build/
+android/build/
+android/.gradle/
+android/local.properties
+android/app/release/
+android/app/debug/
+android/gradle/
+android/gradlew
+android/gradlew.bat
+
+# iOS
+ios/build/
+ios/App/Pods/
+ios/App/App.xcworkspace/xcuserdata/
+ios/App/App.xcodeproj/xcuserdata/
+ios/App/App.xcodeproj/project.xcworkspace/xcuserdata/
+
+# Editor directories and files
+.vscode/
+.idea/
+*.swp
+*.swo
+*~
+
+# OS generated files
+.DS_Store
+.DS_Store?
+._*
+.Spotlight-V100
+.Trashes
+ehthumbs.db
+Thumbs.db
+
+# Local development
+*.local
+
+# Build outputs
+build/
+dist/
+www/build/
+
+# Temporary files
+tmp/
+temp/

ANDROID_STUDIO_GUIDE.md

@@ -0,0 +1,200 @@
+# 📱 دليل بناء APK باستخدام Android Studio
+
+## 🎯 **الهدف:** تحويل المشروع إلى ملف APK قابل للتثبيت
+
+---
+
+## 📋 **الخطوات المفصلة:**
+
+### **الخطوة 1: فتح المشروع** ⏱️ (2-3 دقائق)
+
+1. **افتح Android Studio**
+2. **اختر "Open an Existing Project"** أو **"Open"**
+3. **انتقل إلى مجلد المشروع:**
+   ```
+   E:\almada\android
+   ```
+4. **اختر مجلد `android`** (وليس المجلد الرئيسي)
+5. **اضغط "OK"**
+
+### **الخطوة 2: انتظار المزامنة** ⏱️ (5-10 دقائق)
+
+عند فتح المشروع لأول مرة، سيقوم Android Studio بـ:
+- 📥 **تحميل Gradle** (إذا لم يكن مثبت)
+- 📦 **تحميل التبعيات** (Dependencies)
+- 🔄 **مزامنة المشروع** (Sync)
+
+**انتظر حتى تكتمل العملية!** ستظهر رسالة في الأسفل:
+```
+✅ Gradle sync finished
+```
+
+### **الخطوة 3: حل المشاكل المحتملة** ⏱️ (2-5 دقائق)
+
+إذا ظهرت أي رسائل خطأ:
+
+#### **مشكلة SDK:**
+```
+SDK location not found
+```
+**الحل:**
+- اذهب إلى **File > Project Structure**
+- اختر **SDK Location**
+- تأكد من مسار Android SDK
+
+#### **مشكلة Gradle:**
+```
+Gradle version not supported
+```
+**الحل:**
+- اضغط على **"Update Gradle"** في الرسالة
+- أو اذهب إلى **File > Project Structure > Project**
+
+### **الخطوة 4: بناء APK** ⏱️ (3-5 دقائق)
+
+1. **في شريط القوائم، اختر:**
+   ```
+   Build > Build Bundle(s) / APK(s) > Build APK(s)
+   ```
+
+2. **انتظر اكتمال البناء** - ستظهر رسالة في الأسفل:
+   ```
+   ⏳ Building APK...
+   ✅ APK(s) generated successfully
+   ```
+
+3. **عند اكتمال البناء، ستظهر نافذة:**
+   ```
+   APK(s) generated successfully.
+   
+   [locate] [analyze]
+   ```
+
+4. **اضغط "locate"** للذهاب إلى مجلد APK
+
+### **الخطوة 5: العثور على ملف APK** ⏱️ (1 دقيقة)
+
+ملف APK سيكون في:
+```
+E:\almada\android\app\build\outputs\apk\debug\app-debug.apk
+```
+
+**معلومات الملف:**
+- **الاسم:** `app-debug.apk`
+- **الحجم:** ~15-20 MB
+- **النوع:** Debug APK (للاختبار)
+
+---
+
+## 🔧 **استكشاف الأخطاء:**
+
+### **خطأ: "SDK not found"**
+```bash
+# الحل:
+1. اذهب إلى File > Settings
+2. اختر Appearance & Behavior > System Settings > Android SDK
+3. تأكد من تثبيت Android SDK
+```
+
+### **خطأ: "Gradle sync failed"**
+```bash
+# الحل:
+1. اضغط "Try Again"
+2. أو اذهب إلى File > Sync Project with Gradle Files
+```
+
+### **خطأ: "Build failed"**
+```bash
+# الحل:
+1. اذهب إلى Build > Clean Project
+2. ثم Build > Rebuild Project
+```
+
+---
+
+## 📱 **اختبار التطبيق:**
+
+### **الطريقة 1: على الكمبيوتر (محاكي)**
+1. **إنشاء محاكي:**
+   - اذهب إلى **Tools > AVD Manager**
+   - اضغط **"Create Virtual Device"**
+   - اختر جهاز (مثل Pixel 4)
+   - اختر نظام Android (API 30+)
+
+2. **تشغيل التطبيق:**
+   - اضغط **Run** (الزر الأخضر)
+   - اختر المحاكي
+   - انتظر تشغيل التطبيق
+
+### **الطريقة 2: على الهاتف الحقيقي**
+1. **تفعيل Developer Options:**
+   - اذهب إلى **Settings > About Phone**
+   - اضغط على **Build Number** 7 مرات
+   - ارجع إلى Settings وادخل **Developer Options**
+   - فعل **USB Debugging**
+
+2. **توصيل الهاتف:**
+   - وصل الهاتف بـ USB
+   - اختر **File Transfer** في الهاتف
+   - في Android Studio، اختر جهازك من القائمة
+   - اضغط **Run**
+
+### **الطريقة 3: تثبيت APK يدوياً**
+1. **نسخ APK إلى الهاتف**
+2. **في الهاتف:**
+   - اذهب إلى **Settings > Security**
+   - فعل **"Install from Unknown Sources"**
+   - افتح ملف APK واضغط **Install**
+
+---
+
+## 🎯 **بيانات التجربة:**
+
+بعد تثبيت التطبيق، استخدم:
+- **رقم الهاتف:** `777123456`
+- **رمز PIN:** `1234`
+
+---
+
+## 📊 **معلومات التطبيق:**
+
+| المعلومة | القيمة |
+|---------|--------|
+| **اسم التطبيق** | محفظتي الموحدة |
+| **Package Name** | com.almada.unifiedwallet |
+| **الإصدار** | 1.0.0 |
+| **حجم APK** | ~15-20 MB |
+| **الحد الأدنى** | Android 7.0 (API 24) |
+
+---
+
+## 🎉 **النجاح!**
+
+عند اكتمال جميع الخطوات، ستحصل على:
+- ✅ **ملف APK** جاهز للتثبيت
+- ✅ **تطبيق يعمل** على الأندرويد
+- ✅ **واجهة عربية** كاملة
+- ✅ **جميع الميزات** متاحة
+
+---
+
+## 💡 **نصائح مهمة:**
+
+### **ل��بناء الناجح:**
+- تأكد من **اتصال الإنترنت** أثناء أول مزامنة
+- **لا تغلق** Android Studio أثناء التحميل
+- **انتظر** اكتمال جميع العمليات
+
+### **للاختبار:**
+- اختبر على **أجهزة مختلفة** إن أمكن
+- تأكد من **جميع الميزات** تعمل
+- اختبر **تسجيل الدخول** والتنقل
+
+### **للمشاكل:**
+- راجع **Build Output** في الأسفل
+- استخدم **"Clean Project"** عند المشاكل
+- أعد تشغيل **Android Studio** إذا لزم الأمر
+
+---
+
+**🚀 مبروك! تطبيقك جاهز للعالم!**

APK_BUILD_GUIDE.md

@@ -0,0 +1,206 @@
+# دليل بناء APK - محفظتي الموحدة
+
+## 🎯 **الوضع الحالي**
+
+✅ **تم إنجازه:**
+- ✅ إعداد مشروع Capacitor كامل
+- ✅ تثبيت Java JDK 11
+- ✅ إضافة منصة الأندرويد
+- ✅ نسخ ملفات التطبيق إلى مجلد www
+- ✅ إضافة الأذونات المطلوبة
+- ✅ إعداد ملفات التكوين
+
+❌ **المطلوب لإكمال البناء:**
+- ❌ تثبيت Android SDK
+- ❌ إعداد متغيرات البيئة
+- ❌ بناء APK
+
+---
+
+## 📋 **خطوات إكمال بناء APK**
+
+### **الطريقة 1: استخدام Android Studio (الأسهل)**
+
+#### 1. تحميل وتثبيت Android Studio:
+```
+https://developer.android.com/studio
+```
+
+#### 2. فتح المشروع:
+```bash
+cd E:\almada\android
+# ثم فتح المجلد في Android Studio
+```
+
+#### 3. بناء APK:
+- في Android Studio: **Build > Build Bundle(s) / APK(s) > Build APK(s)**
+- انتظار اكتمال البناء
+- ستجد APK في: `android/app/build/outputs/apk/debug/`
+
+---
+
+### **الطريقة 2: سطر الأوامر (متقدم)**
+
+#### 1. تثبيت Android SDK:
+```bash
+# تحميل Command Line Tools من:
+# https://developer.android.com/studio#command-tools
+
+# استخراج إلى مجلد مثل:
+# C:\Android\cmdline-tools\latest\
+```
+
+#### 2. إعداد متغيرات البيئة:
+```bash
+# إضافة إلى متغيرات البيئة:
+ANDROID_HOME=C:\Android
+ANDROID_SDK_ROOT=C:\Android
+PATH=%PATH%;%ANDROID_HOME%\cmdline-tools\latest\bin
+PATH=%PATH%;%ANDROID_HOME%\platform-tools
+```
+
+#### 3. تثبيت SDK Components:
+```bash
+sdkmanager "platform-tools" "platforms;android-33" "build-tools;33.0.0"
+```
+
+#### 4. بناء APK:
+```bash
+cd E:\almada\android
+.\gradlew assembleDebug
+```
+
+---
+
+### **الطريقة 3: استخدام Ionic CLI (الأبسط)**
+
+#### 1. تثبيت Android Studio أولاً (للحصول على SDK)
+
+#### 2. استخدام Ionic:
+```bash
+cd E:\almada
+ionic cap build android
+```
+
+---
+
+## 📱 **ملفات APK المتوقعة**
+
+بعد البناء الناجح ستجد:
+
+### **APK للتطوير:**
+```
+android/app/build/outputs/apk/debug/app-debug.apk
+```
+
+### **APK للإنتاج:**
+```
+android/app/build/outputs/apk/release/app-release.apk
+```
+
+---
+
+## 🔧 **إعدادات إضافية للتطبيق**
+
+### **الأذونات المضافة:**
+```xml
+<!-- الأذونات الأساسية -->
+<uses-permission android:name="android.permission.INTERNET" />
+<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
+<uses-permission android:name="android.permission.CAMERA" />
+<uses-permission android:name="android.permission.VIBRATE" />
+
+<!-- أذونات SMS (للمستقبل) -->
+<uses-permission android:name="android.permission.READ_SMS" />
+<uses-permission android:name="android.permission.RECEIVE_SMS" />
+
+<!-- أذونات البصمة -->
+<uses-permission android:name="android.permission.USE_FINGERPRINT" />
+<uses-permission android:name="android.permission.USE_BIOMETRIC" />
+```
+
+### **معلومات التطبيق:**
+- **اسم التطبيق:** محفظتي الموحدة
+- **Package ID:** com.almada.unifiedwallet
+- **الإصدار:** 1.0.0
+
+---
+
+## 🚀 **اختبار التطبيق**
+
+### **تثبيت APK على الهاتف:**
+```bash
+# تفعيل Developer Options و USB Debugging
+# ثم:
+adb install app-debug.apk
+```
+
+### **أو نسخ APK إلى الهاتف وتثبيته يدوياً**
+
+---
+
+## 📊 **الميزات المتاحة في التطبيق**
+
+### **الصفحة الرئيسية:**
+- تسجيل دخول برقم هاتف + PIN
+- عرض المحافظ الـ6 (جوالي، ONE Cash، إلخ)
+- عرض الأرصدة الموحدة
+
+### **الميزات المتقدمة:**
+- واجهة عربية كاملة (RTL)
+- تصميم متجاوب
+- رسوم متحركة سلسة
+- دعم الوضع الليلي
+
+### **الأمان:**
+- تشفير البيانات محلياً
+- حماية PIN
+- جلسات آمنة
+
+---
+
+## 🎯 **الخطوات التالية بعد البناء**
+
+### **للاختبار:**
+1. تثبيت APK على الهاتف
+2. اختبار تسجيل الدخول (777123456 / 1234)
+3. اختبار جميع الميزات
+4. التأكد من الأداء
+
+### **للتطوير:**
+1. إضافة ميزات قراءة SMS
+2. تطوير نظام الإشعارات
+3. إضافة المزيد من المحافظ
+4. تحسين الأمان
+
+### **للنشر:**
+1. إنشاء حساب Google Play Developer
+2. إعداد التوقيع للإنتاج
+3. رفع التطبيق للمراجعة
+4. التسويق والترويج
+
+---
+
+## 💡 **نصائح مهمة**
+
+### **للبناء الناجح:**
+- تأكد من تثبيت Java JDK 11+ ✅
+- تأكد من تثبيت Android SDK
+- تأكد من إعداد متغيرات البيئة
+- استخدم Android Studio للسهولة
+
+### **للاختبار:**
+- اختبر على أجهزة مختلفة
+- اختبر جميع الميزات
+- تأكد من الأداء والاستقرار
+
+### **للأمان:**
+- لا تشارك ملفات التوقيع
+- استخدم ProGuard للحماية
+- اختبر الأمان بعناية
+
+---
+
+**🎉 مبروك! تطبيقك جاهز للبناء والاختبار!**
+
+للمساعدة في أي خطوة، راجع الوثائق أو تواصل مع فريق التطوير.

APK_README.md

@@ -0,0 +1,200 @@
+# 📱 محفظتي الموحدة - تطبيق APK جاهز!
+
+## 🎉 **تهانينا! تطبيقك جاهز للبناء**
+
+تم إعداد مشروع **محفظتي الموحدة** بنجاح كتطبيق أندرويد باستخدام تقنية **Capacitor**. 
+
+---
+
+## 🚀 **طرق بناء APK**
+
+### **الطريقة الأسهل: Android Studio**
+1. حمل وثبت [Android Studio](https://developer.android.com/studio)
+2. افتح مجلد `android` في Android Studio
+3. اختر **Build > Build APK**
+4. انتظر اكتمال البناء
+5. ستجد APK في: `android/app/build/outputs/apk/debug/`
+
+### **الطريقة السريعة: ملف BAT**
+1. شغل `INSTALL_ANDROID_SDK.bat` (مرة واحدة فقط)
+2. اتبع التعليمات لتثبيت Android SDK
+3. شغل `QUICK_APK_BUILD.bat`
+4. انتظر اكتمال البناء
+
+### **الطريقة اليدوية: سطر الأوامر**
+```bash
+# تأكد من تثبيت Java و Android SDK
+java -version
+sdkmanager --version
+
+# بناء APK
+cd android
+gradlew assembleDebug
+```
+
+---
+
+## 📋 **متطلبات البناء**
+
+### **مثبت بالفعل:**
+✅ **Node.js** و **npm**  
+✅ **Capacitor** و **التبعيات**  
+✅ **Java JDK 11**  
+✅ **مشروع Android** جاهز  
+
+### **مطلوب تثبيته:**
+❌ **Android SDK** (عبر Android Studio أو Command Line Tools)
+
+---
+
+## 📱 **معلومات التطبيق**
+
+| المعلومة | القيمة |
+|---------|--------|
+| **اسم التطبيق** | محفظتي الموحدة |
+| **Package ID** | com.almada.unifiedwallet |
+| **الإصدار** | 1.0.0 |
+| **الحد الأدنى للأندرويد** | API 24 (Android 7.0) |
+
+---
+
+## 🔑 **بيانات التجربة**
+
+للدخول إلى التطبيق بعد التثبيت:
+- **رقم الهاتف:** `777123456`
+- **رمز PIN:** `1234`
+
+---
+
+## 🎯 **الميزات المتاحة**
+
+### **الأساسية:**
+- ✅ تسجيل دخول آمن برقم الهاتف + PIN
+- ✅ عرض 6 محافظ يمنية (جوالي، ONE Cash، إلخ)
+- ✅ واجهة عربية كاملة (RTL)
+- ✅ تصميم متجاوب وجذاب
+
+### **المتقدمة:**
+- ✅ رسوم متحركة سلسة
+- ✅ دعم الوضع الليلي
+- ✅ حفظ البيانات محلياً
+- ✅ أمان متعدد الطبقات
+
+### **المستقبلية (جاهزة للتطوير):**
+- 🔄 قراءة رسائل SMS تلقائياً
+- 🔄 مصادقة بيومترية (بصمة/وجه)
+- 🔄 إشعارات ذكية
+- 🔄 تحليل الإنفاق
+
+---
+
+## 📂 **هيكل الملفات**
+
+```
+almada/
+├── 📱 android/                 # مشروع الأندرويد
+├── 🌐 www/                     # ملفات التطبيق
+├── 📄 capacitor.config.ts      # إعدادات Capacitor
+├── 📦 package.json             # تبعيات المشروع
+├── 🔨 QUICK_APK_BUILD.bat      # بناء سريع
+├── ⚙️ INSTALL_ANDROID_SDK.bat  # تثبيت SDK
+└── 📖 APK_BUILD_GUIDE.md       # دليل مفصل
+```
+
+---
+
+## 🛠️ **استكشاف الأخطاء**
+
+### **خطأ: Java غير موجود**
+```bash
+# تحقق من تثبيت Java
+java -version
+
+# إذا لم يكن مثبت، حمل من:
+# https://adoptium.net/
+```
+
+### **خطأ: Android SDK غير موجود**
+```bash
+# شغل ملف التثبيت
+INSTALL_ANDROID_SDK.bat
+
+# أو ثبت Android Studio
+```
+
+### **خطأ: Gradle Build فشل**
+```bash
+# نظف المشروع
+cd android
+gradlew clean
+
+# أعد البناء
+gradlew assembleDebug
+```
+
+---
+
+## 📲 **تثبيت APK على الهاتف**
+
+### **الطريقة 1: USB**
+```bash
+# فعل USB Debugging في الهاتف
+# ثم:
+adb install app-debug.apk
+```
+
+### **الطريقة 2: يدوياً**
+1. انسخ ملف APK إلى الهاتف
+2. فعل "مصادر غير معروفة" في الإعدادات
+3. اضغط على ملف APK لتثبيته
+
+---
+
+## 🎯 **الخطوات التالية**
+
+### **للاختبار:**
+1. 📱 ثبت APK على الهاتف
+2. 🔐 جرب تسجيل الدخول
+3. 💳 استكشف المحافظ
+4. 🎨 جرب الميزات المختلفة
+
+### **للتطوير:**
+1. 📨 أضف قراءة SMS
+2. 🔔 طور الإشعارات
+3. 📊 أضف تحليل البيانات
+4. 🛡️ حسن الأمان
+
+### **للنشر:**
+1. 🏪 أنشئ حساب Google Play
+2. 🔏 أعد التوقيع للإنتاج
+3. 📤 ارفع للمراجعة
+4. 📢 سوق التطبيق
+
+---
+
+## 💡 **نصائح مهمة**
+
+### **للبناء الناجح:**
+- استخدم **Android Studio** للسهولة
+- تأكد من **اتصال الإنترنت** أثناء البناء
+- **أعد تشغيل** Command Prompt بعد تثبيت SDK
+
+### **للاختبار:**
+- اختبر على **أجهزة مختلفة**
+- تأكد من **جميع الميزات**
+- راقب **الأداء والاستقرار**
+
+---
+
+## 📞 **الدعم والمساعدة**
+
+للحصول على المساعدة:
+1. راجع `APK_BUILD_GUIDE.md` للتفاصيل
+2. تحقق من `BUILD_INSTRUCTIONS.md` للتعليمات الكاملة
+3. تواصل مع فريق التطوير
+
+---
+
+**🎊 مبروك! تطبيقك جاهز للعالم!**
+
+*تطبيق محفظتي الموحدة - المدى للخدمات البرمجية التسويقية والإعلانية*

BUILD_APK_SIMPLE.bat

@@ -0,0 +1,84 @@
+@echo off
+echo ========================================
+echo     محفظتي الموحدة - بناء APK مبسط
+echo ========================================
+echo.
+
+echo 🔍 التحقق من المتطلبات...
+
+:: التحقق من Java
+java -version >nul 2>&1
+if %errorlevel% neq 0 (
+    echo ❌ Java غير مثبت!
+    echo يرجى تثبيت Java JDK من: https://adoptium.net/
+    pause
+    exit /b 1
+)
+echo ✅ Java متوفر
+
+:: التحقق من Node.js
+node --version >nul 2>&1
+if %errorlevel% neq 0 (
+    echo ❌ Node.js غير مثبت!
+    echo يرجى تثبيت Node.js من: https://nodejs.org/
+    pause
+    exit /b 1
+)
+echo ✅ Node.js متوفر
+
+echo.
+echo 📦 تثبيت أدوات البناء...
+call npm install -g @ionic/cli @capacitor/cli
+
+echo.
+echo 🔄 مزامنة المشروع...
+call cap sync android
+
+echo.
+echo 🏗️ بناء APK...
+echo هذه العملية قد تستغرق 5-10 دقائق...
+echo يرجى الانتظار...
+
+cd android
+call gradlew assembleDebug
+
+if %errorlevel% equ 0 (
+    echo.
+    echo ========================================
+    echo 🎉 تم بناء APK بنجاح!
+    echo ========================================
+    echo.
+    echo 📱 ملف APK متوفر في:
+    echo android\app\build\outputs\apk\debug\app-debug.apk
+    echo.
+    echo 📋 معلومات التطبيق:
+    echo - الاسم: محفظتي الموحدة
+    echo - الحجم: ~15-20 MB
+    echo - النوع: Debug APK
+    echo.
+    echo 🔑 بيانات التجربة:
+    echo - رقم الهاتف: 777123456
+    echo - رمز PIN: 1234
+    echo.
+    echo 📲 لتثبيت التطبيق:
+    echo 1. انسخ ملف APK إلى هاتفك
+    echo 2. فعل "مصادر غير معروفة" في إعدادات الأمان
+    echo 3. اضغط على ملف APK لتثبيته
+    echo.
+    
+    :: فتح مجلد APK
+    explorer "app\build\outputs\apk\debug\"
+    
+) else (
+    echo.
+    echo ❌ فشل في بناء APK!
+    echo.
+    echo 🔧 الحلول المقترحة:
+    echo 1. تأكد من تثبيت Android SDK
+    echo 2. استخدم Android Studio للبناء
+    echo 3. راجع رسائل الخطأ أعلاه
+    echo.
+)
+
+echo.
+pause

BUILD_FROM_GITHUB.bat

@@ -0,0 +1,128 @@
+@echo off
+echo ========================================
+echo   بناء APK من GitHub - محفظتي الموحدة
+echo ========================================
+echo.
+
+echo [1/6] التحقق من الأدوات المطلوبة...
+
+:: التحقق من Git
+git --version >nul 2>&1
+if %errorlevel% neq 0 (
+    echo ❌ Git غير مثبت!
+    echo يرجى تثبيت Git من: https://git-scm.com/
+    pause
+    exit /b 1
+)
+echo ✅ Git متوفر
+
+:: التحقق من Node.js
+node --version >nul 2>&1
+if %errorlevel% neq 0 (
+    echo ❌ Node.js غير مثبت!
+    echo يرجى تثبيت Node.js من: https://nodejs.org/
+    pause
+    exit /b 1
+)
+echo ✅ Node.js متوفر
+
+:: التحقق من Java
+java -version >nul 2>&1
+if %errorlevel% neq 0 (
+    echo ❌ Java غير مثبت!
+    echo يرجى تثبيت Java JDK من: https://adoptium.net/
+    pause
+    exit /b 1
+)
+echo ✅ Java متوفر
+
+echo.
+echo [2/6] استنساخ المشروع من GitHub...
+if exist "almada-unified-wallet" (
+    echo مجلد المشروع موجود، سيتم حذفه وإعادة الاستنساخ...
+    rmdir /s /q "almada-unified-wallet"
+)
+
+git clone https://github.com/moh77544/---.git almada-unified-wallet
+if %errorlevel% neq 0 (
+    echo ❌ فشل في استنساخ المشروع!
+    pause
+    exit /b 1
+)
+echo ✅ تم استنساخ المشروع
+
+echo.
+echo [3/6] الانتقال إلى مجلد المشروع...
+cd almada-unified-wallet
+
+echo.
+echo [4/6] تثبيت التبعيات...
+call npm install
+if %errorlevel% neq 0 (
+    echo ❌ فشل في تثبيت التبعيات!
+    pause
+    exit /b 1
+)
+
+call npm install -g @ionic/cli @capacitor/cli
+echo ✅ تم تثبيت التبعيات
+
+echo.
+echo [5/6] إعداد ملفات الويب...
+if not exist "www" mkdir www
+copy index.html www\ >nul 2>&1
+copy styles.css www\ >nul 2>&1
+copy app.js www\ >nul 2>&1
+copy auth.js www\ >nul 2>&1
+copy wallets.js www\ >nul 2>&1
+copy notifications.js www\ >nul 2>&1
+copy demo.html www\ >nul 2>&1
+copy src\manifest.json www\ >nul 2>&1
+echo ✅ تم إعداد ملفات الويب
+
+echo.
+echo [6/6] مزامنة وبناء APK...
+call npx cap sync android
+if %errorlevel% neq 0 (
+    echo ❌ فشل في مزامنة Capacitor!
+    pause
+    exit /b 1
+)
+
+cd android
+call gradlew assembleDebug
+if %errorlevel% neq 0 (
+    echo ❌ فشل في بناء APK!
+    echo تأكد من تثبيت Android SDK
+    pause
+    exit /b 1
+)
+
+echo.
+echo ========================================
+echo 🎉 تم بناء APK بنجاح!
+echo ========================================
+echo.
+echo 📱 ملف APK متوفر في:
+echo %cd%\app\build\outputs\apk\debug\app-debug.apk
+echo.
+echo 📋 معلومات التطبيق:
+echo - الاسم: محفظتي الموحدة
+echo - الحجم: ~15-20 MB
+echo - النوع: Debug APK
+echo.
+echo 🔑 بيانات التجربة:
+echo - رقم الهاتف: 777123456
+echo - رمز PIN: 1234
+echo.
+echo 📲 لتثبيت التطبيق:
+echo 1. انسخ ملف APK إلى هاتفك
+echo 2. فعل "مصادر غير معروفة" في إعدادات الأمان
+echo 3. اضغط على ملف APK لتثبيته
+echo.
+
+:: فتح مجلد APK
+explorer "app\build\outputs\apk\debug\"
+
+echo.
+pause

BUILD_INSTRUCTIONS.md

@@ -0,0 +1,265 @@
+# تعليمات بناء تطبيق محفظتي الموحدة
+
+## متطلبات النظام
+
+### الأدوات المطلوبة:
+- **Node.js** (الإصدار 18 أو أحدث)
+- **npm** أو **yarn**
+- **Ionic CLI** (الإصدار 7 أو أحدث)
+- **Angular CLI** (الإصدار 17 أو أحدث)
+- **Capacitor CLI** (الإصدار 5 أو أحدث)
+
+### للأندرويد:
+- **Android Studio** (أحدث إصدار)
+- **Android SDK** (API Level 24 أو أحدث)
+- **Java JDK** (الإصدار 11 أو أحدث)
+
+### لـ iOS:
+- **Xcode** (أحدث إصدار)
+- **iOS SDK** (iOS 13 أو أحدث)
+- **macOS** (مطلوب لبناء تطبيقات iOS)
+
+## خطوات التثبيت
+
+### 1. تثبيت الأدوات العامة
+```bash
+# تثبيت Node.js من https://nodejs.org
+
+# تثبيت Ionic CLI
+npm install -g @ionic/cli
+
+# تثبيت Angular CLI
+npm install -g @angular/cli
+
+# تثبيت Capacitor CLI
+npm install -g @capacitor/cli
+```
+
+### 2. إعداد المشروع
+```bash
+# الانتقال إلى مجلد المشروع
+cd almada
+
+# تثبيت التبعيات
+npm install
+
+# أو باستخدام yarn
+yarn install
+```
+
+### 3. إعداد Capacitor
+```bash
+# تهيئة Capacitor
+npx cap init "محفظتي الموحدة" "com.almada.unifiedwallet"
+
+# إضافة منصات
+npx cap add android
+npx cap add ios
+```
+
+## بناء التطبيق
+
+### 1. بناء تطبيق الويب
+```bash
+# بناء للتطوير
+ionic build
+
+# بناء للإنتاج
+ionic build --prod
+```
+
+### 2. بناء تطبيق الأندرويد
+
+#### أ. إعداد Android Studio
+```bash
+# نسخ الملفات إلى مجلد الأندرويد
+npx cap copy android
+
+# مزامنة المشروع
+npx cap sync android
+
+# فتح في Android Studio
+npx cap open android
+```
+
+#### ب. بناء APK من سطر الأوامر
+```bash
+# بناء APK للتطوير
+cd android
+./gradlew assembleDebug
+
+# بناء APK للإنتاج
+./gradlew assembleRelease
+
+# بناء AAB للنشر في Google Play
+./gradlew bundleRelease
+```
+
+#### ج. بناء APK من Android Studio
+1. افتح Android Studio
+2. اختر **Build > Build Bundle(s) / APK(s) > Build APK(s)**
+3. انتظر حتى اكتمال البناء
+4. ستجد ملف APK في: `android/app/build/outputs/apk/`
+
+### 3. بناء تطبيق iOS
+
+#### أ. إعداد Xcode
+```bash
+# نسخ الملفات إلى مجلد iOS
+npx cap copy ios
+
+# مزامنة المشروع
+npx cap sync ios
+
+# فتح في Xcode
+npx cap open ios
+```
+
+#### ب. بناء IPA من Xcode
+1. افتح Xcode
+2. اختر جهاز أو محاكي
+3. اختر **Product > Archive**
+4. بعد اكتمال الأرشفة، اختر **Distribute App**
+5. اتبع التعليمات لإنشاء ملف IPA
+
+## تشغيل التطبيق للتطوير
+
+### 1. تشغيل في المتصفح
+```bash
+# تشغيل خادم التطوير
+ionic serve
+
+# تشغيل مع إعادة التحميل التلقائي
+ionic serve --lab
+```
+
+### 2. تشغيل على الأندرويد
+```bash
+# تشغيل على جهاز أو محاكي
+ionic cap run android
+
+# تشغيل مع إعادة التحميل المباشر
+ionic cap run android --livereload --external
+```
+
+### 3. تشغيل على iOS
+```bash
+# تشغيل على جهاز أو محاكي
+ionic cap run ios
+
+# تشغيل مع إعادة التحميل المباشر
+ionic cap run ios --livereload --external
+```
+
+## إعدادات الإنتاج
+
+### 1. تحديث المتغيرات
+قم بتحديث ملف `src/environments/environment.prod.ts`:
+```typescript
+export const environment = {
+  production: true,
+  apiUrl: 'https://api.almada.com',
+  // ... باقي الإعدادات
+};
+```
+
+### 2. إعداد الأيقونات والشاشات
+```bash
+# إنشاء الأيقونات والشاشات تلقائياً
+npm install -g cordova-res
+cordova-res android --skip-config --copy
+cordova-res ios --skip-config --copy
+```
+
+### 3. توقيع التطبيق للأندرويد
+```bash
+# إنشاء مفتاح التوقيع
+keytool -genkey -v -keystore my-release-key.keystore -alias alias_name -keyalg RSA -keysize 2048 -validity 10000
+
+# إضافة إعدادات التوقيع في android/app/build.gradle
+```
+
+### 4. إعداد التوقيع لـ iOS
+1. افتح Xcode
+2. اذهب إلى **Signing & Capabilities**
+3. اختر **Team** و **Bundle Identifier**
+4. تأكد من إعداد **Provisioning Profile**
+
+## اختبار التطبيق
+
+### 1. اختبار الوحدة
+```bash
+# تشغيل اختبارات الوحدة
+npm test
+
+# تشغيل مع المراقبة
+npm test -- --watch
+```
+
+### 2. اختبار النهاية إلى النهاية
+```bash
+# تشغيل اختبارات e2e
+npm run e2e
+```
+
+### 3. اختبار على الأجهزة
+```bash
+# تثبيت على جهاز أندرويد
+adb install android/app/build/outputs/apk/debug/app-debug.apk
+
+# عرض سجلات الأندرويد
+adb logcat
+```
+
+## نشر التطبيق
+
+### 1. Google Play Store
+1. إنشاء حساب مطور في Google Play Console
+2. رفع ملف AAB
+3. ملء معلومات التطبيق
+4. إرسال للمراجعة
+
+### 2. Apple App Store
+1. إنشاء حساب مطور في App Store Connect
+2. رفع التطبيق عبر Xcode أو Application Loader
+3. ملء معلومات التطبيق
+4. إرسال للمراجعة
+
+## استكشاف الأخطاء
+
+### مشاكل شائعة:
+
+#### 1. خطأ في بناء الأندرويد
+```bash
+# تنظيف المشروع
+cd android
+./gradlew clean
+
+# إعادة بناء
+./gradlew build
+```
+
+#### 2. مشاكل Capacitor
+```bash
+# إعادة مزامنة
+npx cap sync
+
+# تحديث Capacitor
+npm update @capacitor/core @capacitor/cli
+```
+
+#### 3. مشاكل الأذونات
+تأكد من إضافة الأذونات المطلوبة في:
+- `android/app/src/main/AndroidManifest.xml` للأندرويد
+- `ios/App/App/Info.plist` لـ iOS
+
+## الدعم والمساعدة
+
+للحصول على المساعدة:
+1. راجع [وثائق Ionic](https://ionicframework.com/docs)
+2. راجع [وثائق Capacitor](https://capacitorjs.com/docs)
+3. تواصل مع فريق التطوير
+
+---
+
+**ملاحظة**: تأكد من تحديث جميع التبعيات بانتظام للحصول على أحدث الميزات وإصلاحات الأمان.

CLOUD_BUILD_QUICK.md

@@ -0,0 +1,123 @@
+# ☁️ البناء السحابي السريع - 15 دقيقة فقط!
+
+## 🚀 **الهدف:** APK جاهز من السحابة في 15 دقيقة!
+
+---
+
+## ⚡ **الخطوات السريعة:**
+
+### **1️⃣ إنشاء حساب GitHub** (2 دقيقة)
+```
+🌐 اذهب إلى: https://github.com
+📝 اضغط "Sign up" وأنشئ حساب
+✅ تأكد من البريد الإلكتروني
+```
+
+### **2️⃣ إنشاء Repository** (1 دقيقة)
+```
+➕ اضغط "New repository"
+📝 الاسم: almada-unified-wallet
+📄 الوصف: محفظتي الموحدة
+🌍 اختر "Public"
+✅ اضغط "Create repository"
+```
+
+### **3️⃣ رفع الملفات** (5 دقائق)
+```
+📁 اضغط "uploading an existing file"
+📤 اسحب وأفلت هذه الملفات:
+   ✅ .github/workflows/build-apk.yml
+   ✅ index.html
+   ✅ styles.css  
+   ✅ app.js
+   ✅ auth.js
+   ✅ wallets.js
+   ✅ notifications.js
+   ✅ package.json
+   ✅ capacitor.config.ts
+   ✅ مجلد android كامل
+💬 رسالة: "Initial commit"
+✅ اضغط "Commit changes"
+```
+
+### **4️⃣ تشغيل البناء** (10 دقائق)
+```
+🔧 اذهب إلى تبويب "Actions"
+🚀 اضغط "Run workflow"
+⏰ انتظر 10-15 دقيقة
+✅ ابحث عن علامة ✅ خضراء
+```
+
+### **5️⃣ تحميل APK** (1 دقيقة)
+```
+📱 اضغط على Build الناجح
+📦 في الأسفل: "Artifacts"
+⬇️ حمل: almada-unified-wallet-apk
+📱 استخرج APK وثبته!
+```
+
+---
+
+## 🎯 **النتيجة:**
+
+✅ **ملف APK** جاهز للتثبيت  
+✅ **بناء تلقائي** عند كل تحديث  
+✅ **مجاني تماماً** مع GitHub  
+✅ **رابط تحميل** مباشر  
+
+---
+
+## 📱 **معلومات APK:**
+
+| المعلومة | القيمة |
+|---------|--------|
+| **الاسم** | app-debug.apk |
+| **الحجم** | ~15-20 MB |
+| **بيانات التجربة** | 777123456 / 1234 |
+| **متوافق مع** | Android 7.0+ |
+
+---
+
+## 🔄 **للتحديثات المستقبلية:**
+
+```
+1. عدل أي ملف في GitHub
+2. Commit التغييرات  
+3. APK جديد سيُبنى تلقائياً!
+```
+
+---
+
+## 🆘 **مشاكل شائعة:**
+
+### **❌ Build فشل:**
+```
+✅ تحقق من رفع جميع الملفات
+✅ راجع logs في Actions
+✅ تأكد من package.json صحيح
+```
+
+### **❌ لا يوجد APK:**
+```
+✅ انتظر اكتمال Build (علامة ✅)
+✅ ابحث في "Artifacts"
+✅ حدث الصفحة
+```
+
+---
+
+## 🎊 **مبروك!**
+
+عند اكتمال هذه الخطوات:
+- 📱 **APK جاهز** للتثبيت
+- ☁️ **بناء سحابي** مجاني
+- 🔄 **تحديثات تلقائية**
+- 🌍 **متاح للعالم**
+
+---
+
+## 📞 **تحتاج مساعدة؟**
+
+راجع الدليل المفصل: `GITHUB_SETUP_GUIDE.md`
+
+**🚀 تطبيقك على بُعد 15 دقيقة من الواقع!**

GITHUB_SETUP_GUIDE.md

@@ -0,0 +1,209 @@
+# ☁️ دليل إعداد البناء السحابي - GitHub Actions
+
+## 🎯 **الهدف:** بناء APK تلقائياً في السحابة مجاناً!
+
+---
+
+## 📋 **الخطوات المطلوبة:**
+
+### **الخطوة 1: إنشاء حساب GitHub** ⏱️ (2 دقيقة)
+
+1. **اذهب إلى:** https://github.com
+2. **اضغط "Sign up"** وأنشئ حساب جديد
+3. **تأكد من البريد الإلكتروني**
+
+### **الخطوة 2: إنشاء Repository جديد** ⏱️ (1 دقيقة)
+
+1. **اضغط "New repository"** (الزر الأخضر)
+2. **اسم المستودع:** `almada-unified-wallet`
+3. **الوصف:** `محفظتي الموحدة - تطبيق المحافظ الإلكترونية اليمنية`
+4. **اختر "Public"** (مجاني)
+5. **فعل "Add a README file"**
+6. **اضغط "Create repository"**
+
+### **الخطوة 3: رفع الملفات** ⏱️ (5 دقائق)
+
+#### **الطريقة الأسهل: عبر الموقع**
+
+1. **في صفحة Repository، اضغط "uploading an existing file"**
+2. **اسحب وأفلت الملفات التالية:**
+   ```
+   📁 .github/workflows/build-apk.yml
+   📄 index.html
+   📄 styles.css
+   📄 app.js
+   📄 auth.js
+   📄 wallets.js
+   📄 notifications.js
+   📄 demo.html
+   📄 package.json
+   📄 capacitor.config.ts
+   📄 .gitignore
+   📁 src/manifest.json
+   📁 android/ (كامل)
+   ```
+3. **اكتب رسالة:** `Initial commit - محفظتي الموحدة`
+4. **اضغط "Commit changes"**
+
+#### **الطريقة المتقدمة: Git Command Line**
+
+```bash
+# في مجلد المشروع
+git init
+git add .
+git commit -m "Initial commit - محفظتي الموحدة"
+git branch -M main
+git remote add origin https://github.com/USERNAME/almada-unified-wallet.git
+git push -u origin main
+```
+
+### **الخطوة 4: تشغيل البناء التلقائي** ⏱️ (10-15 دقيقة)
+
+1. **اذهب إلى تبويب "Actions"** في Repository
+2. **ستجد workflow اسمه:** `🚀 Build APK - محفظتي الموحدة`
+3. **اضغط "Run workflow"** إذا لم يبدأ تلقائياً
+4. **انتظر اكتمال البناء** (10-15 دقيقة)
+
+### **الخطوة 5: تحميل APK** ⏱️ (1 دقيقة)
+
+عند اكتمال البناء:
+
+1. **اضغط على Build الناجح** (علامة ✅ خضراء)
+2. **في الأسفل، ستجد "Artifacts"**
+3. **اضغط على:** `almada-unified-wallet-apk`
+4. **حمل ملف ZIP واستخرج APK منه**
+
+---
+
+## 🎯 **البدائل السحابية الأخرى:**
+
+### **Ionic Appflow (مجاني للمشاريع الصغيرة):**
+
+```bash
+# تثبيت Ionic CLI
+npm install -g @ionic/cli
+
+# تسجيل الدخول
+ionic login
+
+# ربط المشروع
+ionic link
+
+# بناء في السحابة
+ionic capacitor build android --prod
+```
+
+### **CodeMagic (مجاني 500 دقيقة/شهر):**
+
+1. اذهب إلى: https://codemagic.io
+2. ربط حساب GitHub
+3. اختر Repository
+4. إعداد workflow للأندرويد
+5. بناء تلقائي
+
+---
+
+## 📱 **ما ستحصل عليه:**
+
+### **من GitHub Actions:**
+- ✅ **بناء تلقائي** عند كل تحديث
+- ✅ **APK مجاني** بدون حدود
+- ✅ **تاريخ الإصدارات** كامل
+- ✅ **رابط تحميل** مباشر
+
+### **معلومات APK:**
+- 📱 **الاسم:** `app-debug.apk`
+- 💾 **الحجم:** ~15-20 MB
+- 🔧 **النوع:** Debug APK
+- 📲 **جاهز للتثبيت** على أي هاتف أندرويد
+
+---
+
+## 🔄 **التحديثات المستقبلية:**
+
+### **لإضافة ميزات جديدة:**
+1. **عدل الملفات** في Repository
+2. **Commit التغييرات**
+3. **APK جديد** سيُبنى تلقائياً!
+
+### **لإنشاء Release:**
+```bash
+# إنشاء tag جديد
+git tag v1.0.1
+git push origin v1.0.1
+
+# سيُنشئ Release تلقائياً مع APK
+```
+
+---
+
+## 🆘 **حل المشاكل:**
+
+### **مشكلة: Build فشل**
+```
+الحل:
+1. تحقق من logs في Actions
+2. تأكد من رفع جميع الملفات
+3. تحقق من package.json
+```
+
+### **مشكلة: لا يوجد Artifacts**
+```
+الحل:
+1. تأكد من نجاح Build (علامة ✅)
+2. انتظر اكتمال جميع الخطوات
+3. حدث الصفحة
+```
+
+### **مشكلة: APK لا يعمل**
+```
+الحل:
+1. تأكد من تفعيل "مصادر غير معروفة"
+2. تحقق من توافق إصدار الأندرويد
+3. أعد تحميل APK
+```
+
+---
+
+## 💡 **نصائح مهمة:**
+
+### **للنجاح:**
+- 📁 **ارفع جميع الملفات** المطلوبة
+- 🌐 **تأكد من اتصال الإنترنت** أثناء البناء
+- ⏰ **انتظر اكتمال** جميع الخطوات
+
+### **للأمان:**
+- 🔒 **لا تشارك** معلومات حساسة في Repository العام
+- 🔑 **استخدم Secrets** للمعلومات الحساسة
+- 🛡️ **راجع الأذونات** بانتظام
+
+### **للتطوير:**
+- 📝 **اكتب وصف واضح** للـ commits
+- 🏷️ **استخدم tags** للإصدارات
+- 📚 **حدث README** بانتظام
+
+---
+
+## 🎉 **النتيجة النهائية:**
+
+عند اكتمال هذه الخطوات، ستحصل على:
+
+- ☁️ **نظام بناء سحابي** مجاني
+- 🔄 **APK تلقائي** عند كل تحديث
+- 📱 **رابط تحميل** مباشر
+- 🌍 **متاح للعالم** عبر GitHub
+
+---
+
+## 📞 **تحتاج مساعدة؟**
+
+إذا واجهت أي مشكلة:
+1. **راجع logs** في GitHub Actions
+2. **تحقق من الملفات** المرفوعة
+3. **تواصل للمساعدة**
+
+**🚀 مبروك! تطبيقك سيُبنى في السحابة!**
+
+---
+
+**💡 ملاحظة:** GitHub Actions مجاني للمشاريع العامة مع 2000 دقيقة/شهر للمشاريع الخاصة.

INSTALL_ANDROID_SDK.bat

@@ -0,0 +1,84 @@
+@echo off
+echo ========================================
+echo   تثبيت Android SDK - محفظتي الموحدة
+echo ========================================
+echo.
+
+echo هذا الملف سيساعدك في تثبيت Android SDK بدون Android Studio
+echo.
+
+echo [الخطوة 1] إنشاء مجلد Android SDK...
+if not exist "C:\Android" mkdir "C:\Android"
+if not exist "C:\Android\cmdline-tools" mkdir "C:\Android\cmdline-tools"
+echo ✅ تم إنشاء المجلدات
+
+echo.
+echo [الخطوة 2] تحميل Command Line Tools...
+echo يرجى تحميل Command Line Tools من:
+echo https://developer.android.com/studio#command-tools
+echo.
+echo اختر: "Command line tools only" > Windows
+echo.
+echo بعد التحميل:
+echo 1. استخرج الملف المضغوط
+echo 2. انسخ محتويات مجلد cmdline-tools إلى:
+echo    C:\Android\cmdline-tools\latest\
+echo.
+pause
+
+echo.
+echo [الخطوة 3] إعداد متغيرات البيئة...
+echo سيتم إضافة متغيرات البيئة التالية:
+echo ANDROID_HOME=C:\Android
+echo ANDROID_SDK_ROOT=C:\Android
+echo.
+
+setx ANDROID_HOME "C:\Android" /M >nul 2>&1
+setx ANDROID_SDK_ROOT "C:\Android" /M >nul 2>&1
+
+echo ✅ تم إعداد متغيرات البيئة
+
+echo.
+echo [الخطوة 4] إضافة إلى PATH...
+set "newPath=C:\Android\cmdline-tools\latest\bin;C:\Android\platform-tools"
+
+for /f "tokens=2*" %%a in ('reg query "HKLM\SYSTEM\CurrentControlSet\Control\Session Manager\Environment" /v PATH 2^>nul') do set "currentPath=%%b"
+
+if not defined currentPath set "currentPath="
+
+echo %currentPath% | find /i "%newPath%" >nul
+if %errorlevel% neq 0 (
+    setx PATH "%currentPath%;%newPath%" /M >nul 2>&1
+    echo ✅ تم إضافة Android SDK إلى PATH
+) else (
+    echo ✅ Android SDK موجود بالفعل في PATH
+)
+
+echo.
+echo [الخطوة 5] إعادة تشغيل Command Prompt...
+echo يرجى إغلاق هذه النافذة وفتح Command Prompt جديد
+echo ثم تشغيل الأوامر التالية:
+echo.
+echo sdkmanager --version
+echo sdkmanager "platform-tools"
+echo sdkmanager "platforms;android-33"
+echo sdkmanager "build-tools;33.0.0"
+echo.
+
+echo ========================================
+echo 📋 ملخص ما تم:
+echo ========================================
+echo ✅ إنشاء مجلد C:\Android
+echo ✅ إعداد ANDROID_HOME
+echo ✅ إعداد ANDROID_SDK_ROOT  
+echo ✅ إضافة إلى PATH
+echo.
+echo 📝 المطلوب منك:
+echo 1. تحميل Command Line Tools
+echo 2. استخراج إلى C:\Android\cmdline-tools\latest\
+echo 3. إعادة تشغيل Command Prompt
+echo 4. تشغيل أوامر sdkmanager
+echo.
+echo بعد ذلك يمكنك تشغيل QUICK_APK_BUILD.bat
+echo ========================================
+pause

PROJECT_SUMMARY.md

@@ -0,0 +1,219 @@
+# 📊 ملخص مشروع محفظتي الموحدة - التحويل إلى APK
+
+## 🎯 **الهدف المحقق**
+تم تحويل تطبيق **محفظتي الموحدة** من تطبيق ويب إلى **تطبيق أندرويد APK** جاهز للتثبيت والاستخدام.
+
+---
+
+## ✅ **ما تم إنجازه بنجاح**
+
+### **1. إعداد البيئة التقنية**
+- ✅ تحويل المشروع إلى **Capacitor** (تقنية التطبيقات الهجينة)
+- ✅ إعداد **package.json** مع جميع التبعيات المطلوبة
+- ✅ تثبيت **Java JDK 11** للبناء
+- ✅ إعداد **capacitor.config.ts** للتكوين
+
+### **2. إعداد مشروع الأندرويد**
+- ✅ إضافة منصة الأندرويد: `cap add android`
+- ✅ إعداد **AndroidManifest.xml** مع الأذونات المطلوبة
+- ✅ تكوين **strings.xml** باللغة العربية
+- ✅ نسخ ملفات التطبيق إلى مجلد `www`
+
+### **3. إضافة الأذونات المطلوبة**
+```xml
+<!-- الأذونات الأساسية -->
+<uses-permission android:name="android.permission.INTERNET" />
+<uses-permission android:name="android.permission.CAMERA" />
+<uses-permission android:name="android.permission.VIBRATE" />
+
+<!-- أذونات SMS (للمستقبل) -->
+<uses-permission android:name="android.permission.READ_SMS" />
+<uses-permission android:name="android.permission.RECEIVE_SMS" />
+
+<!-- أذونات البصمة -->
+<uses-permission android:name="android.permission.USE_FINGERPRINT" />
+<uses-permission android:name="android.permission.USE_BIOMETRIC" />
+```
+
+### **4. تحسين التطبيق للجوال**
+- ✅ إضافة **Capacitor Core** للتفاعل مع ميزات الجهاز
+- ✅ إعداد **SplashScreen** (شاشة البداية)
+- ✅ تكوين **StatusBar** (شريط الحالة)
+- ✅ إعداد **LocalNotifications** (الإشعارات المحلية)
+
+### **5. إنشاء ملفات التعليمات**
+- ✅ **APK_BUILD_GUIDE.md** - دليل بناء مفصل
+- ✅ **QUICK_APK_BUILD.bat** - ملف بناء سريع
+- ✅ **INSTALL_ANDROID_SDK.bat** - تثبيت Android SDK
+- ✅ **APK_README.md** - دليل المستخدم النهائي
+
+---
+
+## 📱 **معلومات التطبيق النهائي**
+
+| المعلومة | القيمة |
+|---------|--------|
+| **اسم التطبيق** | محفظتي الموحدة |
+| **Package ID** | com.almada.unifiedwallet |
+| **الإصدار** | 1.0.0 |
+| **التقنية** | Capacitor + HTML/CSS/JS |
+| **الحد الأدنى للأندرويد** | API 24 (Android 7.0) |
+| **حجم APK المتوقع** | ~15-20 MB |
+
+---
+
+## 🔧 **الحالة الحالية**
+
+### **جاهز للبناء:**
+- ✅ جميع الملفات معدة
+- ✅ التبعيات مثبتة
+- ✅ Java JDK متوفر
+- ✅ مشروع الأندرويد جاهز
+
+### **المطلوب لإكمال البناء:**
+- ❌ **Android SDK** (يحتاج تثبيت)
+- ❌ تشغيل أمر البناء: `gradlew assembleDebug`
+
+---
+
+## 🚀 **طرق إكمال البناء**
+
+### **الطريقة الأسهل:**
+1. تثبيت [Android Studio](https://developer.android.com/studio)
+2. فتح مجلد `android` في Android Studio
+3. **Build > Build APK**
+
+### **الطريقة السريعة:**
+1. تشغيل `INSTALL_ANDROID_SDK.bat`
+2. تشغيل `QUICK_APK_BUILD.bat`
+
+### **الطريقة اليدوية:**
+```bash
+# تثبيت Android SDK
+# ثم:
+cd android
+gradlew assembleDebug
+```
+
+---
+
+## 📂 **هيكل المشروع النهائي**
+
+```
+almada/
+├── 📱 android/                    # مشروع الأندرويد الكامل
+│   ├── app/                       # تطبيق الأندرويد
+│   ├── gradle/                    # إعدادات Gradle
+│   └── build.gradle               # ملف البناء
+├── 🌐 www/                        # ملفات التطبيق
+│   ├── index.html                 # الصفحة الرئيسية
+│   ├── styles.css                 # التصميمات
+│   ├── app.js                     # المنطق الرئيسي
+│   ├── auth.js                    # نظام المصادقة
+│   ├── wallets.js                 # إدارة المحافظ
+│   └── notifications.js           # الإشعارات
+├── 📄 capacitor.config.ts         # إعدادات Capacitor
+├── 📦 package.json                # تبعيات المشروع
+├── 🔨 QUICK_APK_BUILD.bat         # بناء سريع
+├── ⚙️ INSTALL_ANDROID_SDK.bat     # تثبيت SDK
+├── 📖 APK_BUILD_GUIDE.md          # دليل البناء المفصل
+├── 📋 APK_README.md               # دليل المستخدم
+└── 📊 PROJECT_SUMMARY.md          # هذا الملف
+```
+
+---
+
+## 🎯 **الميزات المتاحة في التطبيق**
+
+### **الأساسية:**
+- 🔐 تس��يل دخول آمن (رقم هاتف + PIN)
+- 💳 عرض 6 محافظ يمنية
+- 🏠 واجهة رئيسية موحدة
+- 🌙 دعم الوضع الليلي
+
+### **التقنية:**
+- 📱 واجهة أصلية للأندرويد
+- 🔄 عمل بدون إنترنت
+- 💾 حفظ البيانات محلياً
+- 🎨 رسوم متحركة سلسة
+
+### **الأمان:**
+- 🛡️ تشفير البيانات
+- 🔒 حماية PIN
+- ⏰ انتهاء الجلسات
+- 🚫 حماية من المحاولات المتكررة
+
+---
+
+## 🔮 **الميزات المستقبلية (جاهزة للتطوير)**
+
+### **قراءة SMS:**
+- 📨 استخراج أرصدة المحافظ من الرسائل
+- 🔄 تحديث الأرصدة تلقائياً
+- 📊 تحليل أنماط الإنفاق
+
+### **المصادقة البيومترية:**
+- 👆 بصمة الإصبع
+- 👁️ التعرف على الوجه
+- 🗣️ التعرف على الصوت
+
+### **الإشعارات الذكية:**
+- 💰 تنبيهات الرصيد المنخفض
+- 💸 تنبيهات الإنفاق الزائد
+- 📅 تذكير دفع الفواتير
+
+---
+
+## 💰 **نموذج الربح المقترح**
+
+### **الإعلانات:**
+- 📺 إعلانات مستهدفة بناءً على أنماط الإنفاق
+- 🏪 شراكات مع المتاجر والخدمات
+- 💳 عروض خاصة للمحافظ
+
+### **الاشتراكات:**
+- 🆓 **مجاني:** الميزات الأساسية
+- 💎 **مميز:** تحليل متقدم + بدون إعلانات
+- 🏢 **تجاري:** ميزات للشركات
+
+### **العمولات:**
+- 🤝 شراكات مع مقدمي الخدمات
+- 🎁 كاش باك من المشتريات
+- 💰 عمولات التحويلات
+
+---
+
+## 📈 **التوقعات**
+
+### **السنة الأولى:**
+- 👥 **10,000 مستخدم** نشط
+- 💰 **400,000 ر.ي** دخل متوقع
+- 📱 **50,000 تحميل** من Google Play
+
+### **خطة النمو:**
+1. **الشهر 1-3:** إطلاق وتسويق أولي
+2. **الشهر 4-6:** إضافة ميزات SMS
+3. **الشهر 7-9:** تطوير الذكاء الاصطناعي
+4. **الشهر 10-12:** توسع إقليمي
+
+---
+
+## 🎊 **الخلاصة**
+
+### **تم إنجازه:**
+✅ **تطبيق ويب** محول إلى **تطبيق أندرويد**  
+✅ **جميع الملفات** جاهزة للبناء  
+✅ **التعليمات** مفصلة وواضحة  
+✅ **الأذونات** معدة للميزات المستقبلية  
+
+### **الخطوة التالية:**
+🔨 **بناء APK** باستخدام إحدى الطرق المذكورة
+
+### **النتيجة المتوقعة:**
+📱 **تطبيق أندرويد** جاهز للتثبيت والاستخدام
+
+---
+
+**🎉 مبروك! مشروعك جاهز للانطلاق إلى العالم!**
+
+*تطبيق محفظتي الموحدة - المدى للخدمات البرمجية التسويقية والإعلانية*

QUICK_APK_BUILD.bat

@@ -0,0 +1,79 @@
+@echo off
+echo ========================================
+echo    محفظتي الموحدة - بناء APK سريع
+echo ========================================
+echo.
+
+echo [1/5] التحقق من Java...
+java -version
+if %errorlevel% neq 0 (
+    echo ❌ Java غير مثبت! يرجى تثبيت Java JDK 11+
+    pause
+    exit /b 1
+)
+echo ✅ Java متوفر
+
+echo.
+echo [2/5] التحقق من Android SDK...
+if not exist "%ANDROID_HOME%" (
+    echo ❌ Android SDK غير مثبت!
+    echo يرجى تثبيت Android Studio أو SDK Tools
+    echo أو تعيين متغير ANDROID_HOME
+    pause
+    exit /b 1
+)
+echo ✅ Android SDK متوفر
+
+echo.
+echo [3/5] نسخ ملفات التطبيق...
+if not exist "www" mkdir www
+copy index.html www\ >nul 2>&1
+copy styles.css www\ >nul 2>&1
+copy app.js www\ >nul 2>&1
+copy auth.js www\ >nul 2>&1
+copy wallets.js www\ >nul 2>&1
+copy notifications.js www\ >nul 2>&1
+copy demo.html www\ >nul 2>&1
+copy src\manifest.json www\ >nul 2>&1
+echo ✅ تم نسخ الملفات
+
+echo.
+echo [4/5] مزامنة Capacitor...
+call cap sync android
+if %errorlevel% neq 0 (
+    echo ❌ فشل في مزامنة Capacitor
+    pause
+    exit /b 1
+)
+echo ✅ تم مزامنة Capacitor
+
+echo.
+echo [5/5] بناء APK...
+cd android
+call gradlew assembleDebug
+if %errorlevel% neq 0 (
+    echo ❌ فشل في بناء APK
+    echo يرجى مراجعة الأخطاء أعلاه
+    pause
+    exit /b 1
+)
+
+echo.
+echo ========================================
+echo 🎉 تم بناء APK بنجاح!
+echo ========================================
+echo.
+echo 📱 ملف APK متوفر في:
+echo android\app\build\outputs\apk\debug\app-debug.apk
+echo.
+echo 📋 الخطوات التالية:
+echo 1. نسخ APK إلى الهاتف
+echo 2. تفعيل "مصادر غير معروفة" في الإعدادات
+echo 3. تثبيت APK
+echo 4. اختبار التطبيق
+echo.
+echo 🔑 بيانات التجربة:
+echo رقم الهاتف: 777123456
+echo رمز PIN: 1234
+echo.
+pause

QUICK_START.md

@@ -0,0 +1,107 @@
+# البدء السريع - محفظتي الموحدة
+
+## 🚀 تشغيل التطبيق في 5 دقائق
+
+### المتطلبات الأساسية
+- Node.js (الإصدار 18+)
+- npm أو yarn
+
+### خطوات سريعة
+
+#### 1. تثبيت الأدوات
+```bash
+npm install -g @ionic/cli @angular/cli @capacitor/cli
+```
+
+#### 2. إعداد المشروع
+```bash
+cd almada
+npm install
+```
+
+#### 3. تشغيل التطبيق
+```bash
+ionic serve
+```
+
+#### 4. فتح المتصفح
+انتقل إلى: http://localhost:8100
+
+### 📱 بناء تطبيق الجوال
+
+#### للأندرويد:
+```bash
+ionic build --prod
+ionic cap add android
+ionic cap open android
+```
+
+#### لـ iOS:
+```bash
+ionic build --prod
+ionic cap add ios
+ionic cap open ios
+```
+
+## 🔑 بيانات التجربة
+
+- **رقم الهاتف**: 777123456
+- **رمز PIN**: 1234
+
+## 📋 الميزات المتاحة
+
+✅ تسجيل دخول آمن  
+✅ عرض المحافظ والأرصدة  
+✅ تحويل الأموال  
+✅ إشعارات فورية  
+✅ مصادقة بيومترية  
+✅ واجهة عربية كاملة  
+
+## 🛠️ استكشاف الأخطاء
+
+### مشكلة: خطأ في npm install
+```bash
+npm cache clean --force
+rm -rf node_modules
+npm install
+```
+
+### مشكلة: خطأ في ionic serve
+```bash
+ionic repair
+ionic serve --verbose
+```
+
+### مشكلة: خطأ في Capacitor
+```bash
+npx cap sync
+npx cap doctor
+```
+
+## 📚 روابط مفيدة
+
+- [تعليمات البناء الكاملة](BUILD_INSTRUCTIONS.md)
+- [وثائق Ionic](https://ionicframework.com/docs)
+- [وثائق Angular](https://angular.io/docs)
+- [وثائق Capacitor](https://capacitorjs.com/docs)
+
+## 💡 نصائح
+
+1. **للتطوير السريع**: استخدم `ionic serve --lab`
+2. **لاختبار الجوال**: استخدم `ionic cap run android --livereload`
+3. **للتصحيح**: افتح Developer Tools في المتصفح
+4. **للأداء**: استخدم `ionic build --prod` للإنتاج
+
+## 🎯 الخطوات التالية
+
+1. جرب تسجيل الدخول
+2. استكشف المحافظ المختلفة
+3. جرب التحويلات
+4. اختبر الإشعارات
+5. جرب المصادقة البيومترية (في التطبيق الأصلي)
+
+---
+
+**🎉 مبروك! تطبيقك جاهز للاستخدام**
+
+للمساعدة أو الاستفسارات، راجع الوثائق الكاملة أو تواصل مع فريق التطوير.

README.md

@@ -1,25 +1,262 @@
----
-title: DeepSite v2
-emoji: 🐳
-colorFrom: blue
-colorTo: blue
-sdk: docker
-pinned: true
-app_port: 3000
-license: mit
-short_description: Generate any application with DeepSeek
-models:
-  - deepseek-ai/DeepSeek-V3-0324
-  - deepseek-ai/DeepSeek-R1-0528
-  - deepseek-ai/DeepSeek-V3.1
-  - Qwen/Qwen3-Coder-480B-A35B-Instruct
-  - moonshotai/Kimi-K2-Instruct
----
+# محفظتي الموحدة - تطبيق المحافظ الإلكترونية اليمنية الموحد
+
+## نظرة عامة
+
+**محفظتي الموحدة** هو تطبيق جوال متطور مبني بتقنية Ionic/Angular يجمع جميع المحافظ الإلكترونية اليمنية في واجهة موحدة، مما يتيح للمستخدمين إدارة جميع محافظهم من مكان واحد باستخدام رقم هاتف موحد.
+
+## 📱 **التطبيق متاح الآن كـ:**
+- **تطبيق أندرويد** (APK)
+- **تطبيق iOS** (IPA)
+- **تطبيق ويب** (PWA)
+- **تطبيق سطح المكتب** (عبر Electron)
+
+## المحافظ المدعومة
+
+التطبيق يدعم المحافظ الإلكترونية اليمنية التالية:
+
+1. **جوالي (Jawali)** - من WeCash YE
+2. **ONE Cash** - المحفظة الرقمية الأولى في اليمن
+3. **Cash** - من Tamkeen Financial
+4. **Jaib Digital Wallet** - من AHD Financial
+5. **mFloos** - من Alkuraimi Islamic Microfinance Bank
+6. **Mobile Money Wallet** - من CAC Bank
+
+## الميزات الرئيسية
+
+### 🔐 نظام أمان متقدم
+- تسجيل دخول برقم الهاتف ورمز PIN
+- مصادقة بيومترية (بصمة الإصبع)
+- حماية من المحاولات المتكررة
+- جلسات آمنة مع انتهاء صلاحية تلقائي
+
+### 💸 إدارة المحافظ
+- عرض جميع المحافظ في واجهة موحدة
+- عرض الأرصدة الإجمالية والفردية
+- تحديث الأرصدة في الوقت الفعلي
+- إخفاء/إظهار الأرصدة للخصوصية
+
+### 🔄 التحويلات والمدفوعات
+- تحويل الأموال بين المحافظ المختلفة
+- دفع الفواتير (كهرباء، مياه، إنترنت)
+- شحن أرصدة الهواتف
+- مسح رموز QR للدفع
+
+### 📱 واجهة مستخدم عصرية
+- تصميم متجاوب يعمل على جميع الأجهزة
+- واجهة باللغة العربية مع دعم RTL
+- رسوم متحركة سلسة
+- تجربة مستخدم بديهية
+
+### 🔔 نظام إشعارات متطور
+- إشعارات فورية للمعاملات
+- تنبيهات أمنية
+- إشعارات النظام
+- إدارة الإشعارات المقروءة وغير المقروءة
+
+## التقنيات المستخدمة
+
+### Frontend Framework
+- **Ionic 7** - إطار عمل التطبيقات الهجينة
+- **Angular 17** - إطار عمل الواجهة الأمامية
+- **TypeScript** - لغة البرمجة الأساسية
+- **SCSS** - معالج CSS المتقدم
+
+### Mobile Development
+- **Capacitor 5** - منصة التطبيقات الأصلية
+- **Cordova Plugins** - الوصول لميزات الجهاز
+- **PWA** - تطبيق ويب تقدمي
+
+### Backend & Storage
+- **Ionic Storage** - تخزين البيانات المحلية
+- **RxJS** - إدارة البيانات التفاعلية
+- **HTTP Client** - التواصل مع APIs
+
+### UI/UX
+- **Ionic Components** - مكونات واجهة المستخدم
+- **Ionicons** - مكتبة الأيقونات
+- **Google Fonts** - خط Tajawal العربي
+- **CSS Animations** - الرسوم المتحركة
+
+### Development Tools
+- **Angular CLI** - أدوات التطوير
+- **Capacitor CLI** - أدوات البناء للجوال
+- **ESLint** - فحص جودة الكود
+- **Prettier** - تنسيق الكود
+
+## هيكل المشروع
+
+```
+almada/
+├── src/                           # مجلد المصدر الرئيسي
+│   ├── app/                       # تطبيق Angular
+│   │   ├── pages/                 # صفحات التطبيق
+│   │   │   ├── login/             # صفحة تسجيل الدخول
+│   │   │   ├── home/              # الصفحة الرئيسية
+│   │   │   ├── wallets/           # صفحة المحافظ
+│   │   │   ├── transfer/          # صفحة التحويلات
+│   │   │   └── ...                # باقي الصفحات
+│   │   ├── services/              # الخدمات
+│   │   │   ├── auth.service.ts    # خدمة المصادقة
+│   │   │   ├── wallet.service.ts  # خدمة المحافظ
+│   │   │   └── ...                # باقي الخدمات
+│   │   ├── guards/                # حراس الحماية
+│   │   └── components/            # المكونات المشتركة
+│   ├── assets/                    # الملفات الثابتة
+│   ├── theme/                     # ملفات الثيم
+│   └── environments/              # إعدادات البيئة
+├── android/                       # مشروع الأندرويد
+├── ios/                          # مشروع iOS
+├── capacitor.config.ts           # إعدادات Capacitor
+├── ionic.config.json             # إعدادات Ionic
+├── angular.json                  # إعدادات Angular
+├── package.json                  # تبعيات المشروع
+├── BUILD_INSTRUCTIONS.md         # تعليمات البناء
+└── README.md                     # هذا الملف
+```
+
+## كيفية التشغيل
+
+### 1. تشغيل للتطوير
+
+```bash
+# استنساخ المشروع
+git clone [repository-url]
+cd almada
+
+# تثبيت التبعيات
+npm install
+
+# تشغيل خادم التطوير
+ionic serve
+
+# فتح المتصفح على
+http://localhost:8100
+```
+
+### 2. بناء التطبيق للجوال
+
+```bash
+# بناء المشروع
+ionic build --prod
+
+# إضافة منصة الأندرويد
+ionic cap add android
+
+# إضافة منصة iOS
+ionic cap add ios
 
-# DeepSite 🐳
+# بناء APK للأندرويد
+ionic cap build android
 
-DeepSite is a coding platform powered by DeepSeek AI, designed to make coding smarter and more efficient. Tailored for developers, data scientists, and AI engineers, it integrates generative AI into your coding projects to enhance creativity and productivity.
+# بناء IPA لـ iOS
+ionic cap build ios
+```
 
-## How to use it locally
+### 3. تشغيل على الأجهزة
+
+```bash
+# تشغيل على الأندرويد
+ionic cap run android
+
+# تشغيل على iOS
+ionic cap run ios
+
+# تشغيل في المتصفح مع إعادة التحميل
+ionic serve --lab
+```
+
+راجع ملف [BUILD_INSTRUCTIONS.md](BUILD_INSTRUCTIONS.md) للتفاصيل الكاملة.
+
+## بيانات التجربة
+
+للاختبار، يمكن استخدام البيانات التالية:
+
+- **رقم الهاتف**: أي رقم يمني صحيح (9 أرقام)
+- **رمز PIN**: أي رمز من 4-6 أرقام
+- **مثال**: 777123456 / 1234
+
+## الاستخدام
+
+### تسجيل الدخول
+1. أدخل رقم الهاتف (9 أرقام)
+2. أدخل رمز PIN (4-6 أرقام)
+3. أو استخدم المصادقة البيومترية
+
+### إدارة المحافظ
+- عرض جميع المحافظ والأرصدة
+- تحديث الأرصدة
+- إخفاء/إظهار الأرصدة
+
+### التحويلات
+1. اختر المحفظة المرسلة
+2. أدخل تفاصيل التحويل
+3. أكد بـ PIN
+
+### الإشعارات
+- عرض الإشعارات من الأيقونة في الأعلى
+- وضع علامة مقروء
+- حذف الإشعارات
+
+## الأمان
+
+التطبيق يتضمن عدة طبقات أمان:
+
+- **تشفير البيانات**: جميع البيانات الحساسة مشفرة
+- **جلسات آمنة**: انتهاء صلاحية تلقائي للجلسات
+- **حماية من الهجمات**: حماية من المحاولات المتكررة
+- **مصادقة متعددة**: PIN + بصمة
+- **تخزين آمن**: استخدام Local Storage بشكل آمن
+
+## ملاحظات مهمة
+
+⚠️ **هذا تطبيق تجريبي لأغراض العرض فقط**
+
+- جميع البيانات والمعاملات محاكاة
+- لا يؤثر على الحسابات الحقيقية
+- البيانات محفوظة محلياً في المتصفح
+- يتطلب متصفح حديث للمصادقة البيومترية
+
+## التطوير المستقبلي
+
+### الميزات المخطط لها
+- [ ] دعم المزيد من المحافظ
+- [ ] تطبيق جوال أصلي
+- [ ] تكامل مع APIs الحقيقية
+- [ ] نظام إحصائيات متقدم
+- [ ] دعم العملات المتعددة
+- [ ] نظام النسخ الاحتياطي
+
+### التحسينات التقنية
+- [ ] PWA (Progressive Web App)
+- [ ] وضع عدم الاتصال
+- [ ] تحسين الأداء
+- [ ] اختبارات تلقائية
+- [ ] CI/CD Pipeline
+
+## المساهمة
+
+نرحب بالمساهمات! يرجى:
+
+1. Fork المشروع
+2. إنشاء branch للميزة الجديدة
+3. Commit التغييرات
+4. Push إلى Branch
+5. فتح Pull Request
+
+## الترخيص
+
+هذا المشروع مرخص تحت رخصة MIT - انظر ملف [LICENSE](LICENSE) للتفاصيل.
+
+## التواصل
+
+**المدى للخدمات البرمجية التسويقية والإعلانية**
+- المدير العام: المهندس/ محمد المرتضى
+- © 2025 جميع الحقوق محفوظة
+
+## الدعم
+
+للدعم التقني أو الاستفسارات، يرجى فتح issue في المستودع أو التواصل مع فريق التطوير.
+
+---
 
-Follow [this discussion](https://huggingface.co/spaces/enzostvs/deepsite/discussions/74)
+**شكراً لاستخدام محفظتي الموحدة! 🚀**

README_GITHUB.md

@@ -0,0 +1,124 @@
+# 📱 محفظتي الموحدة - تطبيق المحافظ الإلكترونية اليمنية
+
+[![🚀 Build APK](https://github.com/USERNAME/almada-unified-wallet/actions/workflows/build-apk.yml/badge.svg)](https://github.com/USERNAME/almada-unified-wallet/actions/workflows/build-apk.yml)
+[![📱 Download APK](https://img.shields.io/badge/Download-APK-green.svg)](https://github.com/USERNAME/almada-unified-wallet/releases/latest)
+
+## 🎯 **نظرة عامة**
+
+**محفظتي الموحدة** هو تطبيق أندرويد متطور يجمع جميع المحافظ الإلكترونية اليمنية في واجهة موحدة، مما يتيح للمستخدمين إدارة جميع محافظهم من مكان واحد.
+
+## 📱 **تحميل التطبيق**
+
+### 🚀 **أحدث إصدار:**
+[![📥 تحميل APK](https://img.shields.io/badge/تحميل-APK-blue.svg?style=for-the-badge)](https://github.com/USERNAME/almada-unified-wallet/releases/latest/download/app-debug.apk)
+
+### 🔄 **البناء التلقائي:**
+- يتم بناء APK تلقائياً عند كل تحديث
+- متوفر في قسم [Actions](https://github.com/USERNAME/almada-unified-wallet/actions)
+- تحميل مباشر من [Releases](https://github.com/USERNAME/almada-unified-wallet/releases)
+
+## 🎯 **الميزات**
+
+### ✅ **المتاحة حالياً:**
+- 🔐 تسجيل دخول آمن برقم الهاتف + PIN
+- 💳 عرض 6 محافظ يمنية رئيسية:
+  - جوالي (Jawali)
+  - ONE Cash
+  - Cash
+  - Aman
+  - Tadawul
+  - Al-Kuraimi
+- 🏠 واجهة موحدة لجميع المحافظ
+- 🌙 دعم الوضع الليلي
+- 🔄 واجهة عربية كاملة (RTL)
+- 📱 تصميم متجاوب لجميع أحجام الشاشات
+
+### 🔄 **قيد التطوير:**
+- 📨 قراءة رسائل SMS لاستخراج الأرصدة
+- 👆 مصادقة بيومترية (بصمة/وجه)
+- 🔔 إشعارات ذكية ومخصصة
+- 📊 تحليل أنماط الإنفاق والتوفير
+- 💰 اقتراحات التوفير الذكية
+
+## 🔑 **بيانات التجربة**
+
+للدخول إلى التطبيق:
+- **رقم الهاتف:** `777123456`
+- **رمز PIN:** `1234`
+
+## 🛠️ **التقنيات المستخدمة**
+
+- **Frontend:** HTML5, CSS3, JavaScript (ES6+)
+- **Mobile Framework:** Capacitor 5
+- **Build System:** Gradle
+- **CI/CD:** GitHub Actions
+- **Platform:** Android (API 24+)
+
+## 📲 **التثبيت**
+
+### **من GitHub Releases:**
+1. اذهب إلى [Releases](https://github.com/USERNAME/almada-unified-wallet/releases)
+2. حمل أحدث ملف APK
+3. في الهاتف: فعل "مصادر غير معروفة"
+4. ثبت التطبيق
+
+### **من GitHub Actions:**
+1. اذهب إلى [Actions](https://github.com/USERNAME/almada-unified-wallet/actions)
+2. اختر آخر build ناجح
+3. حمل APK من Artifacts
+
+## 🏗️ **البناء المحلي**
+
+```bash
+# استنساخ المشروع
+git clone https://github.com/USERNAME/almada-unified-wallet.git
+cd almada-unified-wallet
+
+# تثبيت التبعيات
+npm install
+
+# بناء للأندرويد
+npx cap sync android
+cd android
+./gradlew assembleDebug
+```
+
+## 📊 **معلومات التطبيق**
+
+| المعلومة | القيمة |
+|---------|--------|
+| **اسم التطبيق** | محفظتي الموحدة |
+| **Package ID** | com.almada.unifiedwallet |
+| **الإصدار** | 1.0.0 |
+| **حجم APK** | ~15-20 MB |
+| **الحد الأدنى** | Android 7.0 (API 24) |
+| **اللغة** | العربية (RTL) |
+
+## 🤝 **المساهمة**
+
+نرحب بالمساهمات! يرجى:
+1. Fork المشروع
+2. إنشاء branch للميزة الجديدة
+3. Commit التغييرات
+4. Push إلى Branch
+5. فتح Pull Request
+
+## 📄 **الترخيص**
+
+هذا المشروع مرخص تحت رخصة MIT - راجع ملف [LICENSE](LICENSE) للتفاصيل.
+
+## 📞 **التواصل**
+
+- **الشركة:** المدى للخدمات البرمجية التسويقية والإعلانية
+- **الموقع:** https://almada.com
+- **البريد الإلكتروني:** info@almada.com
+
+## 🎉 **شكر خاص**
+
+شكر خاص لجميع مطوري المحافظ الإلكترونية اليمنية والمجتمع التقني اليمني.
+
+---
+
+**🚀 مبروك! تطبيقك متاح للعالم!**
+
+*Made with ❤️ in Yemen*

STEP_BY_STEP_APK.md

@@ -0,0 +1,185 @@
+# 📱 دليل بناء APK خطوة بخطوة - مصور
+
+## 🎯 **الهدف:** الحصول على ملف APK جاهز للتثبيت في 15 دقيقة
+
+---
+
+## 🚀 **الطريقة الأسرع: ملف BAT التلقائي**
+
+### **الخطوة 1: تشغيل الملف التلقائي**
+1. **اذهب إلى مجلد المشروع:** `E:\almada`
+2. **اضغط مرتين على:** `BUILD_APK_SIMPLE.bat`
+3. **انتظر اكتمال العملية** (5-10 دقائق)
+
+### **إذا نجحت العملية:**
+- ✅ ستفتح نافذة تحتوي على ملف APK
+- ✅ الملف سيكون: `app-debug.apk`
+- ✅ انسخه إلى هاتفك وثبته
+
+### **إذا فشلت العملية:**
+- ❌ انتقل للطريقة الثانية أدناه
+
+---
+
+## 🏗️ **الطريقة الثانية: Android Studio (مضمونة 100%)**
+
+### **الخطوة 1: فتح Android Studio**
+```
+1. افتح Android Studio
+2. اختر "Open an Existing Project"
+3. انتقل إلى: E:\almada\android
+4. اختر مجلد android واضغط OK
+```
+
+### **الخطوة 2: انتظار التحميل**
+```
+⏳ انتظر رسالة: "Gradle sync finished"
+📦 قد يستغرق 5-10 دقائق في المرة الأولى
+🌐 تأكد من اتصال الإنترنت
+```
+
+### **الخطوة 3: بناء APK**
+```
+1. في القائمة العلوية: Build
+2. اختر: Build Bundle(s) / APK(s)
+3. اختر: Build APK(s)
+4. انتظر رسالة: "APK(s) generated successfully"
+```
+
+### **الخطوة 4: العثور على APK**
+```
+📂 المسار: E:\almada\android\app\build\outputs\apk\debug\
+📱 الملف: app-debug.apk
+💾 الحجم: ~15-20 MB
+```
+
+---
+
+## 📲 **تثبيت التطبيق على الهاتف**
+
+### **الطريقة 1: نسخ مباشر**
+1. **انسخ ملف APK** إلى هاتفك (عبر USB أو البلوتوث)
+2. **في الهاتف:** Settings > Security > Install from Unknown Sources ✅
+3. **اضغط على ملف APK** واختر Install
+4. **انتظر اكتمال التثبيت**
+
+### **الطريقة 2: ADB (للمتقدمين)**
+```bash
+# وصل الهاتف بـ USB وفعل USB Debugging
+adb install app-debug.apk
+```
+
+---
+
+## 🔑 **اختبار التطبيق**
+
+بعد التثبيت:
+1. **افتح التطبيق:** "محفظتي الموحدة"
+2. **أدخل البيانات:**
+   - رقم الهاتف: `777123456`
+   - رمز PIN: `1234`
+3. **استكشف الميزات:**
+   - عرض المحافظ
+   - التنقل بين الصفحات
+   - اختبار الواجهة العربية
+
+---
+
+## 🆘 **حل المشاكل الشائعة**
+
+### **مشكلة: "App not installed"**
+```
+الحل:
+1. تأكد من تفعيل "Install from Unknown Sources"
+2. احذف أي إصدار قديم من التطبيق
+3. أعد تشغيل الهاتف وحاول مرة أخرى
+```
+
+### **مشكلة: "Parse error"**
+```
+الحل:
+1. تأكد من أن ملف APK غير تالف
+2. أعد تحميل/نسخ الملف
+3. تأكد من توافق إصدار الأندرويد (7.0+)
+```
+
+### **مشكلة: "Gradle build failed"**
+```
+الحل:
+1. تأكد من اتصال الإنترنت
+2. في Android Studio: Build > Clean Project
+3. ثم: Build > Rebuild Project
+```
+
+---
+
+## 📊 **معلومات التطبيق النهائي**
+
+| المعلومة | القيمة |
+|---------|--------|
+| **اسم التطبيق** | محفظتي الموحدة |
+| **Package Name** | com.almada.unifiedwallet |
+| **الإصدار** | 1.0.0 |
+| **حجم APK** | ~15-20 MB |
+| **الحد الأدنى** | Android 7.0 (API 24) |
+| **اللغة** | العربية (RTL) |
+| **النوع** | Debug APK |
+
+---
+
+## 🎯 **الميزات المتاحة**
+
+### **الحالية:**
+- ✅ تسجيل دخول آمن
+- ✅ عرض 6 محافظ يمنية
+- ✅ واجهة عربية كاملة
+- ✅ تصميم متجاوب
+- ✅ حفظ البيانات محلياً
+
+### **المستقبلية:**
+- 🔄 قراءة رسائل SMS
+- 🔄 مصادقة بيومترية
+- 🔄 إشعارات ذكية
+- 🔄 تحليل الإنفاق
+
+---
+
+## 💡 **نصائح مهمة**
+
+### **للبناء الناجح:**
+- 🌐 تأكد من **اتصال الإنترنت** القوي
+- ⏰ **لا تقاطع** عملية التحميل
+- 💾 تأكد من **مساحة كافية** (5+ GB)
+
+### **للاختبار:**
+- 📱 اختبر على **أجهزة مختلفة**
+- 🔄 اختبر **جميع الميزات**
+- 📊 راقب **الأداء**
+
+### **للمشاركة:**
+- 📤 يمكنك **مشاركة APK** مع الآخرين
+- 🔒 هذا **إصدار تجريبي** (Debug)
+- 🏪 للنشر في Google Play تحتاج **إصدار Release**
+
+---
+
+## 🎉 **تهانينا!**
+
+عند اكتمال هذه الخطوات، ستحصل على:
+- 📱 **تطبيق أندرويد** كامل وجاهز
+- 💼 **محفظة موحدة** لجميع المحافظ اليمنية
+- �� **واجهة احترافية** باللغة العربية
+- 🔒 **نظام أمان** متقدم
+
+**🚀 مبروك! تطبيقك جاهز للعالم!**
+
+---
+
+## 📞 **تحتاج مساعدة؟**
+
+إذا واجهت أي مشكلة:
+1. راجع قسم "حل المشاكل" أعلاه
+2. تأكد من اتباع الخطوات بالترتيب
+3. تواصل للحصول على المساعدة
+
+**💪 لا تستسلم - النجاح قريب!**

Windows

@@ -0,0 +1 @@
+اختر: "Command line tools only" 

angular.json

@@ -0,0 +1,147 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "unified-wallet-app": {
+      "projectType": "application",
+      "schematics": {
+        "@ionic/angular-toolkit:component": {
+          "styleext": "scss"
+        },
+        "@ionic/angular-toolkit:page": {
+          "styleext": "scss"
+        }
+      },
+      "root": "",
+      "sourceRoot": "src",
+      "prefix": "app",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:browser",
+          "options": {
+            "outputPath": "dist/unified-wallet-app",
+            "index": "src/index.html",
+            "main": "src/main.ts",
+            "polyfills": [
+              "zone.js"
+            ],
+            "tsConfig": "tsconfig.app.json",
+            "inlineStyleLanguage": "scss",
+            "assets": [
+              {
+                "glob": "**/*",
+                "input": "src/assets",
+                "output": "assets"
+              },
+              {
+                "glob": "**/*.svg",
+                "input": "node_modules/ionicons/dist/ionicons/svg",
+                "output": "./svg"
+              }
+            ],
+            "styles": [
+              "src/theme/variables.scss",
+              "src/global.scss"
+            ],
+            "scripts": []
+          },
+          "configurations": {
+            "production": {
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "2mb",
+                  "maximumError": "5mb"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "2kb",
+                  "maximumError": "4kb"
+                }
+              ],
+              "outputHashing": "all"
+            },
+            "development": {
+              "buildOptimizer": false,
+              "optimization": false,
+              "vendorChunk": true,
+              "extractLicenses": false,
+              "sourceMap": true,
+              "namedChunks": true
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "serve": {
+          "builder": "@angular-devkit/build-angular:dev-server",
+          "configurations": {
+            "production": {
+              "buildTarget": "unified-wallet-app:build:production"
+            },
+            "development": {
+              "buildTarget": "unified-wallet-app:build:development"
+            }
+          },
+          "defaultConfiguration": "development"
+        },
+        "extract-i18n": {
+          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "options": {
+            "buildTarget": "unified-wallet-app:build"
+          }
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "polyfills": [
+              "zone.js",
+              "zone.js/testing"
+            ],
+            "tsConfig": "tsconfig.spec.json",
+            "inlineStyleLanguage": "scss",
+            "assets": [
+              {
+                "glob": "**/*",
+                "input": "src/assets",
+                "output": "assets"
+              },
+              {
+                "glob": "**/*.svg",
+                "input": "node_modules/ionicons/dist/ionicons/svg",
+                "output": "./svg"
+              }
+            ],
+            "styles": [
+              "src/theme/variables.scss",
+              "src/global.scss"
+            ],
+            "scripts": []
+          }
+        },
+        "lint": {
+          "builder": "@angular-eslint/builder:lint",
+          "options": {
+            "lintFilePatterns": [
+              "src/**/*.ts",
+              "src/**/*.html"
+            ]
+          }
+        }
+      }
+    }
+  },
+  "cli": {
+    "schematicCollections": [
+      "@ionic/angular-toolkit"
+    ]
+  },
+  "schematics": {
+    "@ionic/angular-toolkit:component": {
+      "styleext": "scss"
+    },
+    "@ionic/angular-toolkit:page": {
+      "styleext": "scss"
+    }
+  }
+}

app.js

@@ -0,0 +1,780 @@
+// التطبيق الرئيسي - محفظتي الموحدة
+class UnifiedWalletApp {
+    constructor() {
+        this.currentUser = null;
+        this.currentScreen = 'login';
+        this.wallets = [];
+        this.transactions = [];
+        this.isBalanceHidden = false;
+
+        // تهيئة المدراء
+        this.authManager = new AuthenticationManager();
+        this.walletManager = new WalletManager();
+        this.notificationManager = new NotificationManager();
+
+        this.init();
+    }
+
+    // تهيئة التطبيق
+    init() {
+        this.setupEventListeners();
+        this.loadUserData();
+        this.showLoadingScreen();
+        
+        // محاكاة تحميل البيانات
+        setTimeout(() => {
+            this.hideLoadingScreen();
+            this.checkAuthStatus();
+        }, 2000);
+    }
+
+    // إعداد مستمعي الأحداث
+    setupEventListeners() {
+        // تسجيل الدخول
+        document.getElementById('login-btn').addEventListener('click', () => this.handleLogin());
+        document.getElementById('biometric-login').addEventListener('click', () => this.handleBiometricLogin());
+        document.getElementById('register-link').addEventListener('click', (e) => {
+            e.preventDefault();
+            this.showRegisterModal();
+        });
+
+        // الشاشة الرئيسية
+        document.getElementById('refresh-balance').addEventListener('click', () => this.refreshBalances());
+        document.getElementById('hide-balance').addEventListener('click', () => this.toggleBalanceVisibility());
+        
+        // الإجراءات السريعة
+        document.getElementById('transfer-btn').addEventListener('click', () => this.showTransferScreen());
+        document.getElementById('pay-bills-btn').addEventListener('click', () => this.showBillsScreen());
+        document.getElementById('recharge-btn').addEventListener('click', () => this.showRechargeScreen());
+        document.getElementById('qr-scan-btn').addEventListener('click', () => this.startQRScan());
+
+        // شريط التنقل
+        document.querySelectorAll('.nav-item').forEach(item => {
+            item.addEventListener('click', () => {
+                const screen = item.dataset.screen;
+                this.switchScreen(screen);
+            });
+        });
+
+        // أزرار الإعدادات والإشعارات
+        document.getElementById('settings-btn').addEventListener('click', () => this.showSettings());
+        document.getElementById('notifications-btn').addEventListener('click', () => this.showNotifications());
+
+        // أزرار الإدارة
+        document.getElementById('manage-wallets').addEventListener('click', () => this.showWalletManagement());
+        document.getElementById('view-all-transactions').addEventListener('click', () => this.showAllTransactions());
+
+        // أزرار الرجوع
+        document.getElementById('transfer-back').addEventListener('click', () => this.switchScreen('main'));
+
+        // شاشة التحويل
+        this.setupTransferScreen();
+
+        // إدخال رقم الهاتف
+        document.getElementById('phone-number').addEventListener('input', this.formatPhoneNumber);
+        document.getElementById('pin-code').addEventListener('keypress', (e) => {
+            if (e.key === 'Enter') this.handleLogin();
+        });
+    }
+
+    // عرض شاشة التحميل
+    showLoadingScreen() {
+        document.getElementById('loading-screen').style.display = 'flex';
+    }
+
+    // إخفاء شاشة التحميل
+    hideLoadingScreen() {
+        document.getElementById('loading-screen').style.display = 'none';
+    }
+
+    // فحص حالة المصادقة
+    checkAuthStatus() {
+        const savedUser = localStorage.getItem('unifiedWallet_user');
+        if (savedUser) {
+            this.currentUser = JSON.parse(savedUser);
+            this.switchScreen('main');
+            this.loadUserWallets();
+        } else {
+            this.switchScreen('login');
+        }
+    }
+
+    // تسجيل الدخول
+    async handleLogin() {
+        const phoneNumber = document.getElementById('phone-number').value;
+        const pinCode = document.getElementById('pin-code').value;
+
+        if (!phoneNumber || !pinCode) {
+            this.showAlert('يرجى إدخال رقم الهاتف ورمز PIN', 'error');
+            return;
+        }
+
+        this.showLoading('جاري تسجيل الدخول...');
+
+        try {
+            const user = await this.authManager.loginWithPin(phoneNumber, pinCode);
+            this.currentUser = user;
+
+            this.hideLoading();
+            this.showAlert('تم تسجيل الدخول بنجاح', 'success');
+            this.switchScreen('main');
+            await this.loadUserWallets();
+
+        } catch (error) {
+            this.hideLoading();
+            this.showAlert(error.message, 'error');
+        }
+    }
+
+    // تسجيل الدخ��ل بالبصمة
+    async handleBiometricLogin() {
+        this.showLoading('جاري التحقق من البصمة...');
+
+        try {
+            const user = await this.authManager.loginWithBiometric();
+            this.currentUser = user;
+
+            this.hideLoading();
+            this.showAlert('تم تسجيل الدخول بالبصمة بنجاح', 'success');
+            this.switchScreen('main');
+            await this.loadUserWallets();
+
+        } catch (error) {
+            this.hideLoading();
+            this.showAlert(error.message, 'error');
+        }
+    }
+
+    // تحميل محافظ المستخدم
+    async loadUserWallets() {
+        this.showLoading('جاري تحميل المحافظ...');
+
+        try {
+            // الحصول على محافظ المستخدم من مدير المحافظ
+            this.wallets = this.walletManager.getUserWallets();
+
+            // إذا لم توجد محافظ، إنشاء محافظ تجريبية
+            if (this.wallets.length === 0) {
+                await this.createDemoWallets();
+            }
+
+            // تحديث أرصدة المحافظ
+            await this.walletManager.updateAllBalances();
+            this.wallets = this.walletManager.getUserWallets();
+
+            this.loadRecentTransactions();
+            this.updateUI();
+            this.hideLoading();
+
+        } catch (error) {
+            this.hideLoading();
+            this.showAlert('فشل في تحميل المحافظ', 'error');
+        }
+    }
+
+    // إنشاء محافظ تجريبية
+    async createDemoWallets() {
+        const demoWallets = [
+            { id: 'jawali', accountNumber: '777123456', pin: '1234' },
+            { id: 'onecash', accountNumber: '777234567', pin: '1234' },
+            { id: 'cash', accountNumber: '777345678', pin: '1234' },
+            { id: 'jaib', accountNumber: '777456789', pin: '1234' },
+            { id: 'mfloos', accountNumber: '777567890', pin: '1234' },
+            { id: 'mobilemoney', accountNumber: '777678901', pin: '1234' }
+        ];
+
+        for (const wallet of demoWallets) {
+            try {
+                await this.walletManager.addWallet(wallet.id, wallet.accountNumber, wallet.pin);
+            } catch (error) {
+                console.warn(`فشل في إضافة محفظة ${wallet.id}:`, error.message);
+            }
+        }
+    }
+
+    // تحميل المعاملات الأخيرة
+    loadRecentTransactions() {
+        this.transactions = [
+            {
+                id: 1,
+                type: 'send',
+                title: 'تحويل إلى أحمد محمد',
+                wallet: 'جوالي',
+                amount: -500,
+                time: '10:30 ص',
+                date: new Date().toISOString()
+            },
+            {
+                id: 2,
+                type: 'receive',
+                title: 'استلام من سارة أحمد',
+                wallet: 'ONE Cash',
+                amount: 1200,
+                time: '09:15 ص',
+                date: new Date().toISOString()
+            },
+            {
+                id: 3,
+                type: 'bill',
+                title: 'فاتورة كهرباء',
+                wallet: 'Cash',
+                amount: -350,
+                time: 'أمس',
+                date: new Date(Date.now() - 86400000).toISOString()
+            },
+            {
+                id: 4,
+                type: 'send',
+                title: 'شحن رصيد',
+                wallet: 'Jaib',
+                amount: -100,
+                time: 'أمس',
+                date: new Date(Date.now() - 86400000).toISOString()
+            }
+        ];
+    }
+
+    // تحديث واجهة المستخدم
+    updateUI() {
+        this.updateUserInfo();
+        this.updateTotalBalance();
+        this.renderWallets();
+        this.renderTransactions();
+    }
+
+    // تحديث معلومات المستخدم
+    updateUserInfo() {
+        if (this.currentUser) {
+            document.getElementById('user-name').textContent = `مرحباً ${this.currentUser.name}`;
+            document.getElementById('user-phone').textContent = this.currentUser.phone;
+        }
+    }
+
+    // تحديث الرصيد الإجمالي
+    updateTotalBalance() {
+        const total = this.wallets.reduce((sum, wallet) => sum + wallet.balance, 0);
+        const balanceElement = document.getElementById('total-balance');
+        
+        if (this.isBalanceHidden) {
+            balanceElement.textContent = '••••• ر.ي';
+        } else {
+            balanceElement.textContent = `${total.toLocaleString()} ر.ي`;
+        }
+    }
+
+    // عرض المحافظ
+    renderWallets() {
+        const walletsList = document.getElementById('wallets-list');
+        walletsList.innerHTML = '';
+
+        this.wallets.forEach(wallet => {
+            const walletCard = this.createWalletCard(wallet);
+            walletsList.appendChild(walletCard);
+        });
+    }
+
+    // إنشاء بطاقة محفظة
+    createWalletCard(wallet) {
+        const card = document.createElement('div');
+        card.className = 'wallet-card';
+        card.onclick = () => this.openWalletDetails(wallet);
+
+        const balanceDisplay = this.isBalanceHidden ? 
+            '•••••' : wallet.balance.toLocaleString();
+
+        card.innerHTML = `
+            <div class="wallet-info">
+                <div class="wallet-icon">
+                    <img src="${wallet.icon}" alt="${wallet.name}" onerror="this.style.display='none'">
+                </div>
+                <div class="wallet-details">
+                    <h4>${wallet.name}</h4>
+                    <p>${wallet.provider}</p>
+                </div>
+            </div>
+            <div class="wallet-balance">
+                <div class="amount">${balanceDisplay}</div>
+                <div class="currency">ر.ي</div>
+            </div>
+        `;
+
+        return card;
+    }
+
+    // عرض المعاملات
+    renderTransactions() {
+        const transactionsList = document.getElementById('transactions-list');
+        transactionsList.innerHTML = '';
+
+        this.transactions.slice(0, 5).forEach(transaction => {
+            const transactionItem = this.createTransactionItem(transaction);
+            transactionsList.appendChild(transactionItem);
+        });
+    }
+
+    // إنشاء عنصر معاملة
+    createTransactionItem(transaction) {
+        const item = document.createElement('div');
+        item.className = 'transaction-item';
+
+        const iconClass = transaction.type === 'send' ? 'fas fa-arrow-up' :
+                         transaction.type === 'receive' ? 'fas fa-arrow-down' :
+                         'fas fa-file-invoice-dollar';
+
+        const amountClass = transaction.amount > 0 ? 'positive' : 'negative';
+        const amountSign = transaction.amount > 0 ? '+' : '';
+
+        item.innerHTML = `
+            <div class="transaction-info">
+                <div class="transaction-icon ${transaction.type}">
+                    <i class="${iconClass}"></i>
+                </div>
+                <div class="transaction-details">
+                    <h5>${transaction.title}</h5>
+                    <p>${transaction.wallet}</p>
+                </div>
+            </div>
+            <div class="transaction-amount ${amountClass}">
+                <div class="amount">${amountSign}${Math.abs(transaction.amount).toLocaleString()} ر.ي</div>
+                <div class="time">${transaction.time}</div>
+            </div>
+        `;
+
+        return item;
+    }
+
+    // محاكاة استدعاء API
+    simulateAPICall(delay = 1000) {
+        return new Promise((resolve) => {
+            setTimeout(resolve, delay);
+        });
+    }
+
+    // عرض رسالة تنبيه
+    showAlert(message, type = 'info') {
+        this.notificationManager.showToast(message, type);
+    }
+
+    // عرض شاشة التحميل
+    showLoading(message = 'جاري التحميل...') {
+        this.loadingModal = this.notificationManager.showLoading(message);
+    }
+
+    // إخفاء شاشة التحميل
+    hideLoading() {
+        this.notificationManager.hideLoading();
+    }
+
+    // تبديل الشاشات
+    switchScreen(screenName) {
+        document.querySelectorAll('.screen').forEach(screen => {
+            screen.classList.remove('active');
+        });
+        
+        document.getElementById(`${screenName}-screen`).classList.add('active');
+        
+        // تحديث شريط التنقل
+        document.querySelectorAll('.nav-item').forEach(item => {
+            item.classList.remove('active');
+        });
+        
+        const activeNavItem = document.querySelector(`[data-screen="${screenName}"]`);
+        if (activeNavItem) {
+            activeNavItem.classList.add('active');
+        }
+        
+        this.currentScreen = screenName;
+    }
+
+    // تنسيق رقم الهاتف
+    formatPhoneNumber(e) {
+        let value = e.target.value.replace(/\D/g, '');
+        if (value.length > 9) {
+            value = value.slice(0, 9);
+        }
+        e.target.value = value;
+    }
+
+    // تحديث الأرصدة
+    async refreshBalances() {
+        this.showLoading('جاري تحديث الأرصدة...');
+        await this.simulateAPICall(1500);
+        this.updateTotalBalance();
+        this.renderWallets();
+        this.hideLoading();
+        this.showAlert('تم تحديث الأرصدة بنجاح', 'success');
+    }
+
+    // إخفاء/إظهار الرصيد
+    toggleBalanceVisibility() {
+        this.isBalanceHidden = !this.isBalanceHidden;
+        const hideBtn = document.getElementById('hide-balance');
+        const icon = hideBtn.querySelector('i');
+        
+        if (this.isBalanceHidden) {
+            icon.className = 'fas fa-eye';
+            hideBtn.innerHTML = '<i class="fas fa-eye"></i> إظهار';
+        } else {
+            icon.className = 'fas fa-eye-slash';
+            hideBtn.innerHTML = '<i class="fas fa-eye-slash"></i> إخفاء';
+        }
+        
+        this.updateTotalBalance();
+        this.renderWallets();
+    }
+
+    // تحميل بيانات المستخدم
+    loadUserData() {
+        // تحميل الإعدادات المحفوظة
+        const savedSettings = localStorage.getItem('unifiedWallet_settings');
+        if (savedSettings) {
+            const settings = JSON.parse(savedSettings);
+            this.isBalanceHidden = settings.hideBalance || false;
+        }
+    }
+
+    // حفظ بيانات المستخدم
+    saveUserData() {
+        const settings = {
+            hideBalance: this.isBalanceHidden
+        };
+        localStorage.setItem('unifiedWallet_settings', JSON.stringify(settings));
+    }
+
+    // إعداد شاشة التحويل
+    setupTransferScreen() {
+        this.currentTransferStep = 1;
+        this.selectedSourceWallet = null;
+        this.transferData = {};
+
+        // أزرار التنقل
+        document.getElementById('transfer-next-btn').addEventListener('click', () => this.nextTransferStep());
+        document.getElementById('transfer-prev-btn').addEventListener('click', () => this.prevTransferStep());
+        document.getElementById('transfer-confirm-btn').addEventListener('click', () => this.confirmTransfer());
+
+        // اقتراحات المبلغ
+        document.querySelectorAll('.amount-btn').forEach(btn => {
+            btn.addEventListener('click', () => {
+                document.getElementById('transfer-amount').value = btn.dataset.amount;
+            });
+        });
+    }
+
+    // عرض شاشة التحويل
+    showTransferScreen() {
+        this.switchScreen('transfer');
+        this.resetTransferForm();
+        this.renderSourceWallets();
+    }
+
+    // إعادة تعيين نموذج التحويل
+    resetTransferForm() {
+        this.currentTransferStep = 1;
+        this.selectedSourceWallet = null;
+        this.transferData = {};
+
+        // إعادة تعيين الخطوات
+        this.updateTransferSteps();
+
+        // مسح النموذج
+        document.getElementById('destination-wallet').value = '';
+        document.getElementById('recipient-number').value = '';
+        document.getElementById('transfer-amount').value = '';
+        document.getElementById('transfer-note').value = '';
+        document.getElementById('transfer-pin').value = '';
+    }
+
+    // تحديث مؤشر الخطوات
+    updateTransferSteps() {
+        for (let i = 1; i <= 3; i++) {
+            const step = document.getElementById(`transfer-step-${i}`);
+            const content = document.getElementById(`transfer-step-content-${i}`);
+
+            if (i < this.currentTransferStep) {
+                step.classList.add('completed');
+                step.classList.remove('active');
+            } else if (i === this.currentTransferStep) {
+                step.classList.add('active');
+                step.classList.remove('completed');
+            } else {
+                step.classList.remove('active', 'completed');
+            }
+
+            content.classList.toggle('active', i === this.currentTransferStep);
+        }
+
+        // تحديث أزرار التنقل
+        const prevBtn = document.getElementById('transfer-prev-btn');
+        const nextBtn = document.getElementById('transfer-next-btn');
+        const confirmBtn = document.getElementById('transfer-confirm-btn');
+
+        prevBtn.style.display = this.currentTransferStep > 1 ? 'block' : 'none';
+        nextBtn.style.display = this.currentTransferStep < 3 ? 'block' : 'none';
+        confirmBtn.style.display = this.currentTransferStep === 3 ? 'block' : 'none';
+    }
+
+    // عرض المحافظ المصدر
+    renderSourceWallets() {
+        const container = document.getElementById('source-wallet-selection');
+        container.innerHTML = '';
+
+        this.wallets.forEach(wallet => {
+            const option = this.createWalletOption(wallet);
+            container.appendChild(option);
+        });
+    }
+
+    // إنشاء خيار محفظة
+    createWalletOption(wallet) {
+        const option = document.createElement('div');
+        option.className = 'wallet-option';
+        option.onclick = () => this.selectSourceWallet(wallet);
+
+        const balanceDisplay = this.isBalanceHidden ?
+            '•••••' : wallet.balance.toLocaleString();
+
+        option.innerHTML = `
+            <div class="wallet-option-info">
+                <div class="wallet-option-icon">
+                    <img src="${wallet.icon}" alt="${wallet.name}" onerror="this.style.display='none'">
+                </div>
+                <div class="wallet-option-details">
+                    <h4>${wallet.name}</h4>
+                    <p>${wallet.provider}</p>
+                </div>
+            </div>
+            <div class="wallet-option-balance">
+                <div class="amount">${balanceDisplay}</div>
+                <div class="currency">ر.ي</div>
+            </div>
+        `;
+
+        return option;
+    }
+
+    // اختيار المحفظة المصدر
+    selectSourceWallet(wallet) {
+        this.selectedSourceWallet = wallet;
+
+        // تحديث التحديد البصري
+        document.querySelectorAll('.wallet-option').forEach(option => {
+            option.classList.remove('selected');
+        });
+        event.currentTarget.classList.add('selected');
+
+        this.transferData.sourceWallet = wallet;
+    }
+
+    // الخطوة التالية
+    nextTransferStep() {
+        if (this.validateCurrentStep()) {
+            this.currentTransferStep++;
+            this.updateTransferSteps();
+
+            if (this.currentTransferStep === 3) {
+                this.updateTransferSummary();
+            }
+        }
+    }
+
+    // الخطوة السابقة
+    prevTransferStep() {
+        this.currentTransferStep--;
+        this.updateTransferSteps();
+    }
+
+    // التحقق من صحة الخطوة الحالية
+    validateCurrentStep() {
+        switch (this.currentTransferStep) {
+            case 1:
+                if (!this.selectedSourceWallet) {
+                    this.showAlert('يرجى اختيار المحفظة المرسلة', 'error');
+                    return false;
+                }
+                return true;
+
+            case 2:
+                const destinationWallet = document.getElementById('destination-wallet').value;
+                const recipientNumber = document.getElementById('recipient-number').value;
+                const amount = parseFloat(document.getElementById('transfer-amount').value);
+
+                if (!destinationWallet) {
+                    this.showAlert('يرجى اختيار المحفظة المستقبلة', 'error');
+                    return false;
+                }
+
+                if (!recipientNumber || recipientNumber.length !== 9) {
+                    this.showAlert('يرجى إدخال رقم المستقبل صحيح (9 أرقام)', 'error');
+                    return false;
+                }
+
+                if (!amount || amount <= 0) {
+                    this.showAlert('يرجى إدخال مبلغ صحيح', 'error');
+                    return false;
+                }
+
+                if (amount > this.selectedSourceWallet.balance) {
+                    this.showAlert('المبلغ أكبر من الرصيد المتاح', 'error');
+                    return false;
+                }
+
+                // حفظ بيانات التحويل
+                this.transferData.destinationWallet = destinationWallet;
+                this.transferData.recipientNumber = recipientNumber;
+                this.transferData.amount = amount;
+                this.transferData.note = document.getElementById('transfer-note').value;
+
+                return true;
+
+            default:
+                return true;
+        }
+    }
+
+    // تحديث ملخص التحويل
+    updateTransferSummary() {
+        const sourceWalletInfo = this.walletManager.getWalletInfo(this.transferData.sourceWallet.id);
+        const destinationWalletInfo = this.walletManager.getWalletInfo(this.transferData.destinationWallet);
+
+        const fee = sourceWalletInfo.fees.transfer;
+        const total = this.transferData.amount + fee;
+
+        document.getElementById('summary-from-wallet').textContent = this.transferData.sourceWallet.name;
+        document.getElementById('summary-to-wallet').textContent = destinationWalletInfo.name;
+        document.getElementById('summary-recipient').textContent = `+967${this.transferData.recipientNumber}`;
+        document.getElementById('summary-amount').textContent = `${this.transferData.amount.toLocaleString()} ر.ي`;
+        document.getElementById('summary-fee').textContent = `${fee.toLocaleString()} ر.ي`;
+        document.getElementById('summary-total').textContent = `${total.toLocaleString()} ر.ي`;
+    }
+
+    // تأكيد التحويل
+    async confirmTransfer() {
+        const pin = document.getElementById('transfer-pin').value;
+
+        if (!pin) {
+            this.showAlert('يرجى إدخال رمز PIN', 'error');
+            return;
+        }
+
+        this.showLoading('جاري تنفيذ التحويل...');
+
+        try {
+            const result = await this.walletManager.executeTransfer(
+                this.transferData.sourceWallet.id,
+                this.transferData.destinationWallet,
+                this.transferData.amount,
+                this.transferData.recipientNumber,
+                pin
+            );
+
+            this.hideLoading();
+            this.showTransferSuccess(result);
+
+            // تحديث البيانات
+            await this.loadUserWallets();
+
+        } catch (error) {
+            this.hideLoading();
+            this.showAlert(error.message, 'error');
+        }
+    }
+
+    // عرض نجاح التحويل
+    showTransferSuccess(result) {
+        const message = `
+            تم التحويل بنجاح!
+
+            رقم المعاملة: ${result.transactionId}
+            المبلغ المحول: ${result.amount.toLocaleString()} ر.ي
+            الرسوم: ${result.fee.toLocaleString()} ر.ي
+            الرصيد المتبقي: ${result.newBalance.toLocaleString()} ر.ي
+        `;
+
+        this.showAlert(message, 'success');
+        this.switchScreen('main');
+    }
+
+    // الوظائف التي سيتم تطويرها لاحقاً
+    showBillsScreen() { console.log('عرض شاشة الفواتير'); }
+    showRechargeScreen() { console.log('عرض شاشة الشحن'); }
+    startQRScan() { console.log('بدء مسح QR'); }
+    showSettings() { console.log('عرض الإعدادات'); }
+    showNotifications() {
+        this.notificationManager.showNotificationsList();
+    }
+    showWalletManagement() { console.log('إدارة المحافظ'); }
+    showAllTransactions() { console.log('عرض جميع المعاملات'); }
+    openWalletDetails(wallet) { console.log('تفاصيل المحفظة:', wallet.name); }
+    showRegisterModal() {
+        this.notificationManager.showModal(
+            'إنشاء حساب جديد',
+            `
+                <div class="form-group">
+                    <label>رقم الهاتف</label>
+                    <div class="input-group">
+                        <span class="input-prefix">+967</span>
+                        <input type="tel" id="register-phone" placeholder="7xxxxxxxx" maxlength="9">
+                    </div>
+                </div>
+                <div class="form-group">
+                    <label>رمز PIN</label>
+                    <input type="password" id="register-pin" placeholder="أدخل رمز PIN" maxlength="6">
+                </div>
+                <div class="form-group">
+                    <label>تأكيد رمز PIN</label>
+                    <input type="password" id="register-pin-confirm" placeholder="أعد إدخال رمز PIN" maxlength="6">
+                </div>
+            `,
+            [
+                {
+                    text: 'إنشاء الحساب',
+                    class: 'btn-primary',
+                    action: () => this.handleRegister()
+                },
+                {
+                    text: 'إلغاء',
+                    class: 'btn-secondary'
+                }
+            ]
+        );
+    }
+
+    // التعامل مع التسجيل
+    handleRegister() {
+        const phone = document.getElementById('register-phone').value;
+        const pin = document.getElementById('register-pin').value;
+        const pinConfirm = document.getElementById('register-pin-confirm').value;
+
+        if (!phone || !pin || !pinConfirm) {
+            this.showAlert('يرجى ملء جميع الحقول', 'error');
+            return;
+        }
+
+        if (pin !== pinConfirm) {
+            this.showAlert('رمز PIN غير متطابق', 'error');
+            return;
+        }
+
+        if (phone.length !== 9) {
+            this.showAlert('رقم الهاتف يجب أن يكون 9 أرقام', 'error');
+            return;
+        }
+
+        if (pin.length < 4) {
+            this.showAlert('رمز PIN يجب أن يكون 4 أرقام على الأقل', 'error');
+            return;
+        }
+
+        // محاكاة إنشاء الحساب
+        this.showAlert('تم إنشاء الحساب بنجاح! يمكنك الآن تسجيل الدخول', 'success');
+
+        // ملء بيانات تسجيل الدخول
+        document.getElementById('phone-number').value = phone;
+        document.getElementById('pin-code').value = pin;
+    }
+}
+
+// تهيئة التطبيق عند تحميل الصفحة
+document.addEventListener('DOMContentLoaded', () => {
+    window.app = new UnifiedWalletApp();
+});

auth.js

@@ -0,0 +1,426 @@
+// نظام المصادقة والأمان
+class AuthenticationManager {
+    constructor() {
+        this.currentUser = null;
+        this.sessionTimeout = 15 * 60 * 1000; // 15 دقيقة
+        this.maxLoginAttempts = 3;
+        this.lockoutDuration = 30 * 60 * 1000; // 30 دقيقة
+        this.biometricCredential = null;
+        
+        this.init();
+    }
+
+    // تهيئة نظام المصادقة
+    init() {
+        this.setupSessionManagement();
+        this.loadStoredCredentials();
+        this.checkBiometricSupport();
+    }
+
+    // إعداد إدارة الجلسة
+    setupSessionManagement() {
+        // تحديث وقت النشاط عند التفاعل
+        document.addEventListener('click', () => this.updateLastActivity());
+        document.addEventListener('keypress', () => this.updateLastActivity());
+        document.addEventListener('touchstart', () => this.updateLastActivity());
+
+        // فحص انتهاء الجلسة كل دقيقة
+        setInterval(() => this.checkSessionExpiry(), 60000);
+    }
+
+    // تسجيل دخول بالرقم ورمز PIN
+    async loginWithPin(phoneNumber, pin) {
+        try {
+            // التحقق من محاولات تسجيل الدخول
+            if (this.isAccountLocked(phoneNumber)) {
+                const lockoutTime = this.getLockoutRemainingTime(phoneNumber);
+                throw new Error(`الحساب مقفل. المحاولة مرة أخرى خلال ${Math.ceil(lockoutTime / 60000)} دقيقة`);
+            }
+
+            // التحقق من صحة البيانات
+            if (!this.validatePhoneNumber(phoneNumber)) {
+                throw new Error('رقم الهاتف غير صحيح');
+            }
+
+            if (!this.validatePin(pin)) {
+                throw new Error('رمز PIN يجب أن يكون 4-6 أرقام');
+            }
+
+            // محاكاة التحقق من البيانات
+            const isValid = await this.verifyCredentials(phoneNumber, pin);
+            
+            if (!isValid) {
+                this.recordFailedAttempt(phoneNumber);
+                const remainingAttempts = this.getRemainingAttempts(phoneNumber);
+                
+                if (remainingAttempts <= 0) {
+                    this.lockAccount(phoneNumber);
+                    throw new Error('تم قفل الحساب بسبب المحاولات الخاطئة المتكررة');
+                }
+                
+                throw new Error(`بيانات تسجيل الدخول غير صحيحة. المحاولات المتبقية: ${remainingAttempts}`);
+            }
+
+            // تسجيل دخول ناجح
+            this.clearFailedAttempts(phoneNumber);
+            const user = await this.createUserSession(phoneNumber, pin);
+            
+            return user;
+
+        } catch (error) {
+            console.error('خطأ في تسجيل الدخول:', error);
+            throw error;
+        }
+    }
+
+    // تسجيل دخول بالبصمة
+    async loginWithBiometric() {
+        try {
+            if (!this.isBiometricSupported()) {
+                throw new Error('المصادقة البيومترية غير مدعومة في هذا المتصفح');
+            }
+
+            if (!this.biometricCredential) {
+                throw new Error('لم يتم تسجيل بصمة مسبقاً. يرجى تسجيل الدخول برمز PIN أولاً');
+            }
+
+            // التحقق من البصمة
+            const credential = await navigator.credentials.get({
+                publicKey: {
+                    challenge: this.generateChallenge(),
+                    allowCredentials: [{
+                        type: 'public-key',
+                        id: this.biometricCredential.id
+                    }],
+                    timeout: 60000,
+                    userVerification: 'required'
+                }
+            });
+
+            if (!credential) {
+                throw new Error('فشل في التحقق من البصمة');
+            }
+
+            // إنشاء جلسة المستخدم
+            const savedUser = this.getStoredUser();
+            if (!savedUser) {
+                throw new Error('لم يتم العثور على بيانات المستخدم');
+            }
+
+            const user = await this.createUserSession(savedUser.phone, null, 'biometric');
+            return user;
+
+        } catch (error) {
+            console.error('خطأ في تسجيل الدخول بالبصمة:', error);
+            throw error;
+        }
+    }
+
+    // تسجيل البصمة
+    async registerBiometric(phoneNumber) {
+        try {
+            if (!this.isBiometricSupported()) {
+                throw new Error('المصادقة البيومترية غير مدعومة');
+            }
+
+            const credential = await navigator.credentials.create({
+                publicKey: {
+                    challenge: this.generateChallenge(),
+                    rp: {
+                        name: 'محفظتي الموحدة',
+                        id: window.location.hostname
+                    },
+                    user: {
+                        id: new TextEncoder().encode(phoneNumber),
+                        name: phoneNumber,
+                        displayName: `مستخدم ${phoneNumber}`
+                    },
+                    pubKeyCredParams: [{
+                        type: 'public-key',
+                        alg: -7 // ES256
+                    }],
+                    timeout: 60000,
+                    attestation: 'none',
+                    authenticatorSelection: {
+                        authenticatorAttachment: 'platform',
+                        userVerification: 'required'
+                    }
+                }
+            });
+
+            if (!credential) {
+                throw new Error('فشل في تسجيل البصمة');
+            }
+
+            // حفظ بيانات البصمة
+            this.biometricCredential = {
+                id: credential.rawId,
+                publicKey: credential.response.publicKey,
+                phoneNumber: phoneNumber,
+                registeredAt: new Date().toISOString()
+            };
+
+            this.storeBiometricCredential();
+            return true;
+
+        } catch (error) {
+            console.error('خطأ في تسجيل البصمة:', error);
+            throw error;
+        }
+    }
+
+    // إنشاء جلسة مستخدم
+    async createUserSession(phoneNumber, pin, authMethod = 'pin') {
+        const user = {
+            id: this.generateUserId(),
+            phone: phoneNumber,
+            name: this.extractNameFromPhone(phoneNumber),
+            authMethod: authMethod,
+            loginTime: new Date().toISOString(),
+            lastActivity: new Date().toISOString(),
+            sessionId: this.generateSessionId()
+        };
+
+        this.currentUser = user;
+        this.storeUserSession(user);
+        this.updateLastActivity();
+
+        return user;
+    }
+
+    // تسجيل الخروج
+    logout() {
+        this.currentUser = null;
+        this.clearUserSession();
+        this.clearStoredCredentials();
+        
+        // إعادة توجيه لشاشة تسجيل الدخول
+        if (window.app) {
+            window.app.switchScreen('login');
+        }
+    }
+
+    // التحقق من صحة الجلسة
+    isSessionValid() {
+        if (!this.currentUser) {
+            return false;
+        }
+
+        const lastActivity = new Date(this.currentUser.lastActivity);
+        const now = new Date();
+        const timeDiff = now.getTime() - lastActivity.getTime();
+
+        return timeDiff < this.sessionTimeout;
+    }
+
+    // فحص انتهاء الجلسة
+    checkSessionExpiry() {
+        if (this.currentUser && !this.isSessionValid()) {
+            this.showSessionExpiredDialog();
+        }
+    }
+
+    // عرض حوار انتهاء الجلسة
+    showSessionExpiredDialog() {
+        if (confirm('انتهت صلاحية الجلسة. هل تريد تسجيل الدخول مرة أخرى؟')) {
+            this.logout();
+        } else {
+            this.logout();
+        }
+    }
+
+    // تحديث وقت النشاط الأخير
+    updateLastActivity() {
+        if (this.currentUser) {
+            this.currentUser.lastActivity = new Date().toISOString();
+            this.storeUserSession(this.currentUser);
+        }
+    }
+
+    // التحقق من قفل الحساب
+    isAccountLocked(phoneNumber) {
+        const lockData = this.getLockData(phoneNumber);
+        if (!lockData) return false;
+
+        const now = new Date().getTime();
+        return now < lockData.lockedUntil;
+    }
+
+    // الحصول على الوقت المتبقي للقفل
+    getLockoutRemainingTime(phoneNumber) {
+        const lockData = this.getLockData(phoneNumber);
+        if (!lockData) return 0;
+
+        const now = new Date().getTime();
+        return Math.max(0, lockData.lockedUntil - now);
+    }
+
+    // تسجيل محاولة فاشلة
+    recordFailedAttempt(phoneNumber) {
+        const attempts = this.getFailedAttempts(phoneNumber);
+        attempts.push(new Date().toISOString());
+        
+        localStorage.setItem(`failed_attempts_${phoneNumber}`, JSON.stringify(attempts));
+    }
+
+    // الحصول على المحاولات الفاشلة
+    getFailedAttempts(phoneNumber) {
+        const stored = localStorage.getItem(`failed_attempts_${phoneNumber}`);
+        return stored ? JSON.parse(stored) : [];
+    }
+
+    // الحصول على المحاولات المتبقية
+    getRemainingAttempts(phoneNumber) {
+        const attempts = this.getFailedAttempts(phoneNumber);
+        return Math.max(0, this.maxLoginAttempts - attempts.length);
+    }
+
+    // قفل الحساب
+    lockAccount(phoneNumber) {
+        const lockData = {
+            lockedAt: new Date().toISOString(),
+            lockedUntil: new Date().getTime() + this.lockoutDuration
+        };
+        
+        localStorage.setItem(`account_lock_${phoneNumber}`, JSON.stringify(lockData));
+    }
+
+    // الحصول على بيانات القفل
+    getLockData(phoneNumber) {
+        const stored = localStorage.getItem(`account_lock_${phoneNumber}`);
+        return stored ? JSON.parse(stored) : null;
+    }
+
+    // مسح المحاولات الفاشلة
+    clearFailedAttempts(phoneNumber) {
+        localStorage.removeItem(`failed_attempts_${phoneNumber}`);
+        localStorage.removeItem(`account_lock_${phoneNumber}`);
+    }
+
+    // التحقق من صحة رقم الهاتف
+    validatePhoneNumber(phoneNumber) {
+        return /^7[0-9]{8}$/.test(phoneNumber);
+    }
+
+    // التحقق من صحة رمز PIN
+    validatePin(pin) {
+        return /^[0-9]{4,6}$/.test(pin);
+    }
+
+    // محاكاة التحقق من البيانات
+    async verifyCredentials(phoneNumber, pin) {
+        // محاكاة استدعاء API
+        await new Promise(resolve => setTimeout(resolve, 1000));
+        
+        // في التطبيق الحقيقي، سيتم التحقق من البيانات مع الخادم
+        // للتجربة، نقبل أي رقم هاتف صحيح ورمز PIN من 4-6 أرقام
+        return this.validatePhoneNumber(phoneNumber) && this.validatePin(pin);
+    }
+
+    // فحص دعم المصادقة البيومترية
+    isBiometricSupported() {
+        return window.PublicKeyCredential && 
+               PublicKeyCredential.isUserVerifyingPlatformAuthenticatorAvailable;
+    }
+
+    // فحص دعم المصادقة البيومترية
+    async checkBiometricSupport() {
+        if (this.isBiometricSupported()) {
+            try {
+                const available = await PublicKeyCredential.isUserVerifyingPlatformAuthenticatorAvailable();
+                return available;
+            } catch (error) {
+                console.warn('خطأ في فحص دعم المصادقة البيومترية:', error);
+                return false;
+            }
+        }
+        return false;
+    }
+
+    // توليد تحدي للمصادقة البيومترية
+    generateChallenge() {
+        const array = new Uint8Array(32);
+        crypto.getRandomValues(array);
+        return array;
+    }
+
+    // توليد معرف مستخدم
+    generateUserId() {
+        return 'user_' + Date.now() + '_' + Math.random().toString(36).substr(2, 9);
+    }
+
+    // توليد معرف جلسة
+    generateSessionId() {
+        return 'session_' + Date.now() + '_' + Math.random().toString(36).substr(2, 9);
+    }
+
+    // استخراج اسم من رقم الهاتف
+    extractNameFromPhone(phoneNumber) {
+        return `مستخدم ${phoneNumber.substr(-4)}`;
+    }
+
+    // حفظ جلسة المستخدم
+    storeUserSession(user) {
+        localStorage.setItem('unifiedWallet_session', JSON.stringify(user));
+    }
+
+    // تحميل جلسة المستخدم
+    loadStoredSession() {
+        const stored = localStorage.getItem('unifiedWallet_session');
+        if (stored) {
+            const user = JSON.parse(stored);
+            if (this.isSessionValid()) {
+                this.currentUser = user;
+                return user;
+            } else {
+                this.clearUserSession();
+            }
+        }
+        return null;
+    }
+
+    // مسح جلسة المستخدم
+    clearUserSession() {
+        localStorage.removeItem('unifiedWallet_session');
+    }
+
+    // حفظ بيانات البصمة
+    storeBiometricCredential() {
+        if (this.biometricCredential) {
+            localStorage.setItem('unifiedWallet_biometric', JSON.stringify(this.biometricCredential));
+        }
+    }
+
+    // تحميل بيانات البصمة
+    loadStoredCredentials() {
+        const stored = localStorage.getItem('unifiedWallet_biometric');
+        if (stored) {
+            this.biometricCredential = JSON.parse(stored);
+        }
+    }
+
+    // مسح بيانات البصمة
+    clearStoredCredentials() {
+        localStorage.removeItem('unifiedWallet_biometric');
+        this.biometricCredential = null;
+    }
+
+    // الحصول على المستخدم المحفوظ
+    getStoredUser() {
+        const stored = localStorage.getItem('unifiedWallet_user');
+        return stored ? JSON.parse(stored) : null;
+    }
+
+    // الحصول على المستخدم الحالي
+    getCurrentUser() {
+        return this.currentUser;
+    }
+
+    // التحقق من تسجيل الدخول
+    isLoggedIn() {
+        return this.currentUser !== null && this.isSessionValid();
+    }
+}
+
+// تصدير الكلاس للاستخدام في التطبيق الرئيسي
+window.AuthenticationManager = AuthenticationManager;

capacitor-simple.config.ts

@@ -0,0 +1,49 @@
+import { CapacitorConfig } from '@capacitor/cli';
+
+const config: CapacitorConfig = {
+  appId: 'com.almada.unifiedwallet',
+  appName: 'محفظتي الموحدة',
+  webDir: '.',
+  bundledWebRuntime: false,
+  server: {
+    androidScheme: 'https'
+  },
+  plugins: {
+    SplashScreen: {
+      launchShowDuration: 3000,
+      launchAutoHide: true,
+      backgroundColor: "#4361ee",
+      androidSplashResourceName: "splash",
+      androidScaleType: "CENTER_CROP",
+      showSpinner: false,
+      splashFullScreen: true,
+      splashImmersive: true
+    },
+    StatusBar: {
+      style: "LIGHT",
+      backgroundColor: "#4361ee"
+    },
+    Keyboard: {
+      resize: "body",
+      style: "dark",
+      resizeOnFullScreen: true
+    },
+    LocalNotifications: {
+      smallIcon: "ic_stat_icon_config_sample",
+      iconColor: "#4361ee",
+      sound: "beep.wav"
+    },
+    Device: {
+      permissions: {
+        device: "تحتاج هذه الميزة لتحديد هوية الجهاز للأمان"
+      }
+    }
+  },
+  android: {
+    allowMixedContent: true,
+    captureInput: true,
+    webContentsDebuggingEnabled: true
+  }
+};
+
+export default config;

capacitor.config.js

@@ -0,0 +1,47 @@
+const config = {
+  appId: 'com.almada.unifiedwallet',
+  appName: 'محفظتي الموحدة',
+  webDir: 'www',
+  bundledWebRuntime: false,
+  server: {
+    androidScheme: 'https'
+  },
+  plugins: {
+    SplashScreen: {
+      launchShowDuration: 3000,
+      launchAutoHide: true,
+      backgroundColor: "#4361ee",
+      androidSplashResourceName: "splash",
+      androidScaleType: "CENTER_CROP",
+      showSpinner: false,
+      splashFullScreen: true,
+      splashImmersive: true
+    },
+    StatusBar: {
+      style: "LIGHT",
+      backgroundColor: "#4361ee"
+    },
+    Keyboard: {
+      resize: "body",
+      style: "dark",
+      resizeOnFullScreen: true
+    },
+    LocalNotifications: {
+      smallIcon: "ic_stat_icon_config_sample",
+      iconColor: "#4361ee",
+      sound: "beep.wav"
+    },
+    Device: {
+      permissions: {
+        device: "تحتاج هذه الميزة لتحديد هوية الجهاز للأمان"
+      }
+    }
+  },
+  android: {
+    allowMixedContent: true,
+    captureInput: true,
+    webContentsDebuggingEnabled: true
+  }
+};
+
+module.exports = config;

capacitor.config.ts

@@ -0,0 +1,67 @@
+import { CapacitorConfig } from '@capacitor/cli';
+
+const config: CapacitorConfig = {
+  appId: 'com.almada.unifiedwallet',
+  appName: 'محفظتي الموحدة',
+  webDir: 'www',
+  server: {
+    androidScheme: 'https'
+  },
+  plugins: {
+    SplashScreen: {
+      launchShowDuration: 3000,
+      launchAutoHide: true,
+      backgroundColor: "#4361ee",
+      androidSplashResourceName: "splash",
+      androidScaleType: "CENTER_CROP",
+      showSpinner: false,
+      androidSpinnerStyle: "large",
+      iosSpinnerStyle: "small",
+      spinnerColor: "#ffffff",
+      splashFullScreen: true,
+      splashImmersive: true,
+      layoutName: "launch_screen",
+      useDialog: true,
+    },
+    StatusBar: {
+      style: "LIGHT",
+      backgroundColor: "#4361ee"
+    },
+    Keyboard: {
+      resize: "body",
+      style: "dark",
+      resizeOnFullScreen: true
+    },
+    LocalNotifications: {
+      smallIcon: "ic_stat_icon_config_sample",
+      iconColor: "#4361ee",
+      sound: "beep.wav"
+    },
+    PushNotifications: {
+      presentationOptions: ["badge", "sound", "alert"]
+    },
+    Camera: {
+      permissions: {
+        camera: "تحتاج هذه الميزة للوصول إلى الكاميرا لمسح رموز QR",
+        photos: "تحتاج هذه الميزة للوصول إلى الصور لحفظ الإيصالات"
+      }
+    },
+    Device: {
+      permissions: {
+        device: "تحتاج هذه الميزة لتحديد هوية الجهاز للأمان"
+      }
+    }
+  },
+  android: {
+    allowMixedContent: true,
+    captureInput: true,
+    webContentsDebuggingEnabled: false
+  },
+  ios: {
+    contentInset: "automatic",
+    scrollEnabled: true,
+    allowsLinkPreview: false
+  }
+};
+
+export default config;

demo.html

@@ -0,0 +1,333 @@
+<!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 href="https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700&display=swap" rel="stylesheet">
+    <style>
+        body {
+            font-family: 'Tajawal', sans-serif;
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            margin: 0;
+            padding: 20px;
+            min-height: 100vh;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+        
+        .demo-container {
+            background: white;
+            border-radius: 20px;
+            padding: 40px;
+            box-shadow: 0 20px 40px rgba(0,0,0,0.1);
+            text-align: center;
+            max-width: 600px;
+            width: 100%;
+        }
+        
+        .demo-header {
+            margin-bottom: 30px;
+        }
+        
+        .demo-logo {
+            font-size: 4rem;
+            color: #4361ee;
+            margin-bottom: 20px;
+        }
+        
+        .demo-title {
+            font-size: 2.5rem;
+            font-weight: 700;
+            color: #1f2937;
+            margin-bottom: 10px;
+        }
+        
+        .demo-subtitle {
+            font-size: 1.2rem;
+            color: #6b7280;
+            margin-bottom: 30px;
+        }
+        
+        .demo-features {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+            gap: 20px;
+            margin-bottom: 40px;
+        }
+        
+        .feature-card {
+            background: #f8fafc;
+            border-radius: 15px;
+            padding: 25px;
+            border: 1px solid #e5e7eb;
+        }
+        
+        .feature-icon {
+            font-size: 2.5rem;
+            color: #4361ee;
+            margin-bottom: 15px;
+        }
+        
+        .feature-title {
+            font-size: 1.3rem;
+            font-weight: 600;
+            color: #1f2937;
+            margin-bottom: 10px;
+        }
+        
+        .feature-description {
+            color: #6b7280;
+            line-height: 1.6;
+        }
+        
+        .demo-wallets {
+            margin-bottom: 40px;
+        }
+        
+        .wallets-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: 15px;
+            margin-top: 20px;
+        }
+        
+        .wallet-item {
+            background: white;
+            border: 2px solid #e5e7eb;
+            border-radius: 12px;
+            padding: 15px;
+            transition: all 0.3s ease;
+        }
+        
+        .wallet-item:hover {
+            border-color: #4361ee;
+            transform: translateY(-5px);
+            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
+        }
+        
+        .wallet-logo {
+            width: 50px;
+            height: 50px;
+            border-radius: 8px;
+            margin: 0 auto 10px;
+            overflow: hidden;
+        }
+        
+        .wallet-logo img {
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+        }
+        
+        .wallet-name {
+            font-weight: 600;
+            color: #1f2937;
+            font-size: 0.9rem;
+        }
+        
+        .demo-actions {
+            display: flex;
+            gap: 20px;
+            justify-content: center;
+            flex-wrap: wrap;
+        }
+        
+        .demo-btn {
+            background: #4361ee;
+            color: white;
+            border: none;
+            border-radius: 12px;
+            padding: 15px 30px;
+            font-size: 1.1rem;
+            font-weight: 600;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            text-decoration: none;
+            display: inline-flex;
+            align-items: center;
+            gap: 10px;
+        }
+        
+        .demo-btn:hover {
+            background: #3f37c9;
+            transform: translateY(-2px);
+            box-shadow: 0 10px 20px rgba(67, 97, 238, 0.3);
+        }
+        
+        .demo-btn.secondary {
+            background: #6b7280;
+        }
+        
+        .demo-btn.secondary:hover {
+            background: #4b5563;
+        }
+        
+        .demo-info {
+            background: #f0f9ff;
+            border: 1px solid #0ea5e9;
+            border-radius: 12px;
+            padding: 20px;
+            margin-top: 30px;
+        }
+        
+        .demo-info-title {
+            color: #0369a1;
+            font-weight: 600;
+            margin-bottom: 10px;
+        }
+        
+        .demo-info-text {
+            color: #0c4a6e;
+            line-height: 1.6;
+        }
+        
+        .credentials {
+            background: #fef3c7;
+            border: 1px solid #f59e0b;
+            border-radius: 12px;
+            padding: 20px;
+            margin-top: 20px;
+        }
+        
+        .credentials-title {
+            color: #92400e;
+            font-weight: 600;
+            margin-bottom: 10px;
+        }
+        
+        .credentials-list {
+            color: #78350f;
+            text-align: right;
+        }
+        
+        @media (max-width: 768px) {
+            .demo-container {
+                padding: 20px;
+                margin: 10px;
+            }
+            
+            .demo-title {
+                font-size: 2rem;
+            }
+            
+            .wallets-grid {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            
+            .demo-actions {
+                flex-direction: column;
+                align-items: center;
+            }
+            
+            .demo-btn {
+                width: 100%;
+                max-width: 300px;
+            }
+        }
+    </style>
+</head>
+<body>
+    <div class="demo-container">
+        <div class="demo-header">
+            <div class="demo-logo">💳</div>
+            <h1 class="demo-title">محفظتي الموحدة</h1>
+            <p class="demo-subtitle">جميع محافظك الإلكترونية اليمنية في مكان واحد</p>
+        </div>
+
+        <div class="demo-features">
+            <div class="feature-card">
+                <div class="feature-icon">🔐</div>
+                <h3 class="feature-title">أمان متقدم</h3>
+                <p class="feature-description">نظام أمان متطور مع خيارات متعددة للتحقق (PIN، بصمة، OTP)</p>
+            </div>
+            
+            <div class="feature-card">
+                <div class="feature-icon">💸</div>
+                <h3 class="feature-title">تحويلات سريعة</h3>
+                <p class="feature-description">تحويل الأموال بين المحافظ المختلفة بسهولة وأمان</p>
+            </div>
+            
+            <div class="feature-card">
+                <div class="feature-icon">📱</div>
+                <h3 class="feature-title">واجهة موحدة</h3>
+                <p class="feature-description">إدارة جميع محافظك من تطبيق واحد بواجهة عصرية</p>
+            </div>
+        </div>
+
+        <div class="demo-wallets">
+            <h3>المحافظ المدعومة</h3>
+            <div class="wallets-grid">
+                <div class="wallet-item">
+                    <div class="wallet-logo">
+                        <img src="https://play-lh.googleusercontent.com/NuKV_Snecpx633RHzIWvFauG32WBAk-jt3lcZOajw2w7VD8Hdt8h5Lb0pYLopB_Qk4Y=w240-h480" alt="جوالي">
+                    </div>
+                    <div class="wallet-name">جوالي</div>
+                </div>
+                
+                <div class="wallet-item">
+                    <div class="wallet-logo">
+                        <img src="https://play-lh.googleusercontent.com/OF2xMRUmNH47BIaOTbv7GgvmLRTQbT1xHkFF_Ocswx6Jq5gfX4VlfAl_275UmjH2pg=w240-h480" alt="ONE Cash">
+                    </div>
+                    <div class="wallet-name">ONE Cash</div>
+                </div>
+                
+                <div class="wallet-item">
+                    <div class="wallet-logo">
+                        <img src="https://play-lh.googleusercontent.com/zkV8HeO6iF2xa77ObHdKfAXfrfjU5fgWB0XsWt7_DmG4VGSKob2jU_CrqWyKQtghQyE=w240-h480" alt="Cash">
+                    </div>
+                    <div class="wallet-name">Cash</div>
+                </div>
+                
+                <div class="wallet-item">
+                    <div class="wallet-logo">
+                        <img src="https://play-lh.googleusercontent.com/EAaXnjh1FVPYpI5qWZwWvZIV5oD1hm9auDX0owOgREBjMAzYKX9od1USWRzlXIhRvKMx=w240-h480" alt="Jaib">
+                    </div>
+                    <div class="wallet-name">Jaib</div>
+                </div>
+                
+                <div class="wallet-item">
+                    <div class="wallet-logo">
+                        <img src="https://play-lh.googleusercontent.com/mNvakjEk-3VX7icU5w4xmAhT4MQgGAGcQYpRvPkBLVTzD-sYnmzAH_wuglMujTsaqQ=w240-h480" alt="mFloos">
+                    </div>
+                    <div class="wallet-name">mFloos</div>
+                </div>
+                
+                <div class="wallet-item">
+                    <div class="wallet-logo">
+                        <img src="https://play-lh.googleusercontent.com/51r7PLMlK0gVvITgOoJ7BnGX-9Gq3_ayiSiHHxSDbJZPCgABXI_LnU6jNCHAefWHvSPV=w240-h480" alt="Mobile Money">
+                    </div>
+                    <div class="wallet-name">Mobile Money</div>
+                </div>
+            </div>
+        </div>
+
+        <div class="demo-actions">
+            <a href="index.html" class="demo-btn">
+                🚀 تجربة التطبيق
+            </a>
+            <a href="الاخير.html" class="demo-btn secondary">
+                📄 النظام الأصلي
+            </a>
+        </div>
+
+        <div class="credentials">
+            <div class="credentials-title">بيانات التجربة:</div>
+            <div class="credentials-list">
+                <div>رقم الهاتف: أي رقم يمني صحيح (9 أرقام)</div>
+                <div>رمز PIN: أي رمز من 4-6 أرقام</div>
+                <div>مثال: 777123456 / 1234</div>
+            </div>
+        </div>
+
+        <div class="demo-info">
+            <div class="demo-info-title">ملاحظة مهمة:</div>
+            <div class="demo-info-text">
+                هذا تطبيق تجريبي لأغراض العرض فقط. جميع البيانات والمعاملات محاكاة ولا تؤثر على الحسابات الحقيقية.
+                التطبيق يدعم المصادقة البيومترية في المتصفحات المتوافقة.
+            </div>
+        </div>
+    </div>
+</body>
+</html>

index.html

@@ -0,0 +1,369 @@
+<!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 href="https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700&display=swap" rel="stylesheet">
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <!-- شاشة التحميل -->
+    <div id="loading-screen" class="loading-screen">
+        <div class="loading-content">
+            <div class="loading-logo">
+                <i class="fas fa-wallet"></i>
+            </div>
+            <h2>محفظتي الموحدة</h2>
+            <div class="loading-spinner"></div>
+            <p>جاري تحميل محافظك...</p>
+        </div>
+    </div>
+
+    <!-- شاشة تسجيل الدخول -->
+    <div id="login-screen" class="screen active">
+        <div class="login-container">
+            <div class="login-header">
+                <div class="app-logo">
+                    <i class="fas fa-wallet"></i>
+                </div>
+                <h1>محفظتي الموحدة</h1>
+                <p>جميع محافظك الإلكترونية في مكان واحد</p>
+            </div>
+
+            <div class="login-form">
+                <div class="form-group">
+                    <label for="phone-number">رقم الهاتف</label>
+                    <div class="input-group">
+                        <span class="input-prefix">+967</span>
+                        <input type="tel" id="phone-number" placeholder="7xxxxxxxx" maxlength="9">
+                    </div>
+                </div>
+
+                <div class="form-group">
+                    <label for="pin-code">رمز PIN</label>
+                    <input type="password" id="pin-code" placeholder="أدخل رمز PIN" maxlength="6">
+                </div>
+
+                <button id="login-btn" class="btn-primary">
+                    <i class="fas fa-sign-in-alt"></i>
+                    تسجيل الدخول
+                </button>
+
+                <div class="alternative-login">
+                    <p>أو</p>
+                    <button id="biometric-login" class="btn-secondary">
+                        <i class="fas fa-fingerprint"></i>
+                        تسجيل الدخول بالبصمة
+                    </button>
+                </div>
+
+                <div class="register-link">
+                    <p>ليس لديك حساب؟ <a href="#" id="register-link">إنشاء حساب جديد</a></p>
+                </div>
+            </div>
+
+            <div class="supported-wallets">
+                <h3>المحافظ المدعومة</h3>
+                <div class="wallet-logos">
+                    <div class="wallet-logo" title="جوالي">
+                        <img src="https://play-lh.googleusercontent.com/NuKV_Snecpx633RHzIWvFauG32WBAk-jt3lcZOajw2w7VD8Hdt8h5Lb0pYLopB_Qk4Y=w240-h480" alt="جوالي">
+                    </div>
+                    <div class="wallet-logo" title="ONE Cash">
+                        <img src="https://play-lh.googleusercontent.com/OF2xMRUmNH47BIaOTbv7GgvmLRTQbT1xHkFF_Ocswx6Jq5gfX4VlfAl_275UmjH2pg=w240-h480" alt="ONE Cash">
+                    </div>
+                    <div class="wallet-logo" title="Cash">
+                        <img src="https://play-lh.googleusercontent.com/zkV8HeO6iF2xa77ObHdKfAXfrfjU5fgWB0XsWt7_DmG4VGSKob2jU_CrqWyKQtghQyE=w240-h480" alt="Cash">
+                    </div>
+                    <div class="wallet-logo" title="Jaib">
+                        <img src="https://play-lh.googleusercontent.com/EAaXnjh1FVPYpI5qWZwWvZIV5oD1hm9auDX0owOgREBjMAzYKX9od1USWRzlXIhRvKMx=w240-h480" alt="Jaib">
+                    </div>
+                    <div class="wallet-logo" title="mFloos">
+                        <img src="https://play-lh.googleusercontent.com/mNvakjEk-3VX7icU5w4xmAhT4MQgGAGcQYpRvPkBLVTzD-sYnmzAH_wuglMujTsaqQ=w240-h480" alt="mFloos">
+                    </div>
+                    <div class="wallet-logo" title="Mobile Money">
+                        <img src="https://play-lh.googleusercontent.com/51r7PLMlK0gVvITgOoJ7BnGX-9Gq3_ayiSiHHxSDbJZPCgABXI_LnU6jNCHAefWHvSPV=w240-h480" alt="Mobile Money">
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- الشاشة الرئيسية -->
+    <div id="main-screen" class="screen">
+        <header class="main-header">
+            <div class="header-top">
+                <div class="user-info">
+                    <div class="user-avatar">
+                        <i class="fas fa-user"></i>
+                    </div>
+                    <div class="user-details">
+                        <h3 id="user-name">مرحباً بك</h3>
+                        <p id="user-phone">+967 7xxxxxxxx</p>
+                    </div>
+                </div>
+                <div class="header-actions">
+                    <button class="icon-btn" id="notifications-btn">
+                        <i class="fas fa-bell"></i>
+                        <span class="badge">3</span>
+                    </button>
+                    <button class="icon-btn" id="settings-btn">
+                        <i class="fas fa-cog"></i>
+                    </button>
+                </div>
+            </div>
+
+            <div class="total-balance">
+                <h2>إجمالي الرصيد</h2>
+                <div class="balance-amount" id="total-balance">0 ر.ي</div>
+                <div class="balance-actions">
+                    <button class="btn-small" id="refresh-balance">
+                        <i class="fas fa-sync-alt"></i>
+                        تحديث
+                    </button>
+                    <button class="btn-small" id="hide-balance">
+                        <i class="fas fa-eye-slash"></i>
+                        إخفاء
+                    </button>
+                </div>
+            </div>
+        </header>
+
+        <main class="main-content">
+            <!-- قائمة الإجراءات السريعة -->
+            <section class="quick-actions">
+                <h3>الإجراءات السريعة</h3>
+                <div class="actions-grid">
+                    <button class="action-btn" id="transfer-btn">
+                        <i class="fas fa-exchange-alt"></i>
+                        <span>تحويل</span>
+                    </button>
+                    <button class="action-btn" id="pay-bills-btn">
+                        <i class="fas fa-file-invoice-dollar"></i>
+                        <span>دفع فواتير</span>
+                    </button>
+                    <button class="action-btn" id="recharge-btn">
+                        <i class="fas fa-mobile-alt"></i>
+                        <span>شحن رصيد</span>
+                    </button>
+                    <button class="action-btn" id="qr-scan-btn">
+                        <i class="fas fa-qrcode"></i>
+                        <span>مسح QR</span>
+                    </button>
+                </div>
+            </section>
+
+            <!-- قائمة المحافظ -->
+            <section class="wallets-section">
+                <div class="section-header">
+                    <h3>محافظي</h3>
+                    <button class="btn-link" id="manage-wallets">إدارة المحافظ</button>
+                </div>
+                <div class="wallets-list" id="wallets-list">
+                    <!-- سيتم ملء المحافظ ديناميكياً -->
+                </div>
+            </section>
+
+            <!-- آخر المعاملات -->
+            <section class="transactions-section">
+                <div class="section-header">
+                    <h3>آخر المعاملات</h3>
+                    <button class="btn-link" id="view-all-transactions">عرض الكل</button>
+                </div>
+                <div class="transactions-list" id="transactions-list">
+                    <!-- سيتم ملء المعاملات ديناميكياً -->
+                </div>
+            </section>
+        </main>
+
+        <!-- شريط التنقل السفلي -->
+        <nav class="bottom-nav">
+            <button class="nav-item active" data-screen="main">
+                <i class="fas fa-home"></i>
+                <span>الرئيسية</span>
+            </button>
+            <button class="nav-item" data-screen="transfer">
+                <i class="fas fa-exchange-alt"></i>
+                <span>تحويل</span>
+            </button>
+            <button class="nav-item" data-screen="history">
+                <i class="fas fa-history"></i>
+                <span>السجل</span>
+            </button>
+            <button class="nav-item" data-screen="profile">
+                <i class="fas fa-user"></i>
+                <span>الملف الشخصي</span>
+            </button>
+        </nav>
+    </div>
+
+    <!-- شاشة التحويل -->
+    <div id="transfer-screen" class="screen">
+        <header class="screen-header">
+            <button class="back-btn" id="transfer-back">
+                <i class="fas fa-arrow-right"></i>
+            </button>
+            <h2>تحويل الأموال</h2>
+        </header>
+
+        <div class="transfer-content">
+            <div class="transfer-steps">
+                <div class="step-indicator">
+                    <div class="step active" id="transfer-step-1">1</div>
+                    <div class="step-line"></div>
+                    <div class="step" id="transfer-step-2">2</div>
+                    <div class="step-line"></div>
+                    <div class="step" id="transfer-step-3">3</div>
+                </div>
+                <div class="step-labels">
+                    <span>اختيار المحفظة</span>
+                    <span>تفاصيل التحويل</span>
+                    <span>التأكيد</span>
+                </div>
+            </div>
+
+            <!-- الخطوة الأولى: اختيار المحفظة -->
+            <div class="transfer-step-content active" id="transfer-step-content-1">
+                <h3>اختر المحفظة المرسلة</h3>
+                <div class="wallet-selection" id="source-wallet-selection">
+                    <!-- سيتم ملء المحافظ ديناميكياً -->
+                </div>
+            </div>
+
+            <!-- الخطوة الثانية: تفاصيل التحويل -->
+            <div class="transfer-step-content" id="transfer-step-content-2">
+                <h3>تفاصيل التحويل</h3>
+
+                <div class="form-group">
+                    <label>المحفظة المستقبلة</label>
+                    <select id="destination-wallet" class="form-control">
+                        <option value="">-- اختر المحفظة --</option>
+                        <option value="jawali">جوالي</option>
+                        <option value="onecash">ONE Cash</option>
+                        <option value="cash">Cash</option>
+                        <option value="jaib">Jaib</option>
+                        <option value="mfloos">mFloos</option>
+                        <option value="mobilemoney">Mobile Money</option>
+                    </select>
+                </div>
+
+                <div class="form-group">
+                    <label>رقم المستقبل</label>
+                    <div class="input-group">
+                        <span class="input-prefix">+967</span>
+                        <input type="tel" id="recipient-number" placeholder="7xxxxxxxx" maxlength="9" class="form-control">
+                    </div>
+                </div>
+
+                <div class="form-group">
+                    <label>المبلغ (ر.ي)</label>
+                    <input type="number" id="transfer-amount" placeholder="أدخل المبلغ" class="form-control">
+                    <div class="amount-suggestions">
+                        <button type="button" class="amount-btn" data-amount="100">100</button>
+                        <button type="button" class="amount-btn" data-amount="500">500</button>
+                        <button type="button" class="amount-btn" data-amount="1000">1000</button>
+                        <button type="button" class="amount-btn" data-amount="5000">5000</button>
+                    </div>
+                </div>
+
+                <div class="form-group">
+                    <label>ملاحظة (اختياري)</label>
+                    <textarea id="transfer-note" placeholder="أضف ملاحظة..." rows="3" class="form-control"></textarea>
+                </div>
+            </div>
+
+            <!-- الخطوة الثالثة: التأكيد -->
+            <div class="transfer-step-content" id="transfer-step-content-3">
+                <h3>تأكيد التحويل</h3>
+
+                <div class="transfer-summary">
+                    <div class="summary-item">
+                        <span>من:</span>
+                        <strong id="summary-from-wallet">-</strong>
+                    </div>
+                    <div class="summary-item">
+                        <span>إلى:</span>
+                        <strong id="summary-to-wallet">-</strong>
+                    </div>
+                    <div class="summary-item">
+                        <span>رقم المستقبل:</span>
+                        <strong id="summary-recipient">-</strong>
+                    </div>
+                    <div class="summary-item">
+                        <span>المبلغ:</span>
+                        <strong id="summary-amount">-</strong>
+                    </div>
+                    <div class="summary-item">
+                        <span>رسوم التحويل:</span>
+                        <strong id="summary-fee">-</strong>
+                    </div>
+                    <div class="summary-item total">
+                        <span>إجمالي المبلغ المخصوم:</span>
+                        <strong id="summary-total">-</strong>
+                    </div>
+                </div>
+
+                <div class="form-group">
+                    <label>رمز PIN للتأكيد</label>
+                    <input type="password" id="transfer-pin" placeholder="أدخل رمز PIN" maxlength="6" class="form-control">
+                </div>
+            </div>
+
+            <!-- أزرار التنقل -->
+            <div class="transfer-navigation">
+                <button type="button" id="transfer-prev-btn" class="btn-secondary" style="display: none;">
+                    <i class="fas fa-arrow-right"></i>
+                    السابق
+                </button>
+                <button type="button" id="transfer-next-btn" class="btn-primary">
+                    التالي
+                    <i class="fas fa-arrow-left"></i>
+                </button>
+                <button type="button" id="transfer-confirm-btn" class="btn-primary" style="display: none;">
+                    <i class="fas fa-check"></i>
+                    تأكيد التحويل
+                </button>
+            </div>
+        </div>
+    </div>
+
+    <!-- النوافذ المنبثقة والمودالز -->
+    <div id="modal-overlay" class="modal-overlay"></div>
+
+    <!-- Capacitor Core -->
+    <script type="module" src="https://unpkg.com/@capacitor/core@4/dist/capacitor.js"></script>
+
+    <!-- تحميل الملفات الخارجية -->
+    <script src="notifications.js"></script>
+    <script src="auth.js"></script>
+    <script src="wallets.js"></script>
+    <script src="app.js"></script>
+
+    <!-- Capacitor Initialization -->
+    <script>
+        // تهيئة Capacitor
+        if (window.Capacitor) {
+            console.log('Capacitor is available');
+
+            // إعداد الإشعارات
+            if (window.Capacitor.Plugins.LocalNotifications) {
+                window.Capacitor.Plugins.LocalNotifications.requestPermissions();
+            }
+
+            // إعداد شريط الحالة
+            if (window.Capacitor.Plugins.StatusBar) {
+                window.Capacitor.Plugins.StatusBar.setStyle({ style: 'LIGHT' });
+                window.Capacitor.Plugins.StatusBar.setBackgroundColor({ color: '#4361ee' });
+            }
+
+            // إخفاء شاشة البداية
+            if (window.Capacitor.Plugins.SplashScreen) {
+                setTimeout(() => {
+                    window.Capacitor.Plugins.SplashScreen.hide();
+                }, 2000);
+            }
+        }
+    </script>
+</body>
+</html>

ionic.config.json

@@ -0,0 +1,8 @@
+{
+  "name": "unified-wallet-app",
+  "integrations": {
+    "capacitor": {}
+  },
+  "type": "angular",
+  "id": "unified-wallet"
+}

notifications.js

@@ -0,0 +1,371 @@
+// نظام الإشعارات والتنبيهات
+class NotificationManager {
+    constructor() {
+        this.notifications = [];
+        this.toastContainer = null;
+        this.modalContainer = null;
+        this.init();
+    }
+
+    // تهيئة نظام الإشعارات
+    init() {
+        this.createToastContainer();
+        this.createModalContainer();
+        this.loadStoredNotifications();
+    }
+
+    // إنشاء حاوية التوست
+    createToastContainer() {
+        this.toastContainer = document.createElement('div');
+        this.toastContainer.className = 'toast-container';
+        this.toastContainer.innerHTML = '';
+        document.body.appendChild(this.toastContainer);
+    }
+
+    // إنشاء حاوية المودال
+    createModalContainer() {
+        this.modalContainer = document.createElement('div');
+        this.modalContainer.className = 'modal-container';
+        this.modalContainer.innerHTML = `
+            <div class="modal-overlay" onclick="this.parentElement.style.display='none'"></div>
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h3 class="modal-title"></h3>
+                    <button class="modal-close" onclick="this.closest('.modal-container').style.display='none'">
+                        <i class="fas fa-times"></i>
+                    </button>
+                </div>
+                <div class="modal-body"></div>
+                <div class="modal-footer"></div>
+            </div>
+        `;
+        document.body.appendChild(this.modalContainer);
+    }
+
+    // عرض تنبيه توست
+    showToast(message, type = 'info', duration = 5000) {
+        const toast = document.createElement('div');
+        toast.className = `toast toast-${type}`;
+        
+        const icon = this.getToastIcon(type);
+        
+        toast.innerHTML = `
+            <div class="toast-icon">
+                <i class="${icon}"></i>
+            </div>
+            <div class="toast-content">
+                <div class="toast-message">${message}</div>
+            </div>
+            <button class="toast-close" onclick="this.parentElement.remove()">
+                <i class="fas fa-times"></i>
+            </button>
+        `;
+
+        // إضافة التوست
+        this.toastContainer.appendChild(toast);
+
+        // تحريك التوست للداخل
+        setTimeout(() => {
+            toast.classList.add('toast-show');
+        }, 100);
+
+        // إزالة التوست تلقائياً
+        if (duration > 0) {
+            setTimeout(() => {
+                this.removeToast(toast);
+            }, duration);
+        }
+
+        return toast;
+    }
+
+    // إزالة التوست
+    removeToast(toast) {
+        toast.classList.add('toast-hide');
+        setTimeout(() => {
+            if (toast.parentElement) {
+                toast.parentElement.removeChild(toast);
+            }
+        }, 300);
+    }
+
+    // الحصول على أيقونة التوست
+    getToastIcon(type) {
+        const icons = {
+            success: 'fas fa-check-circle',
+            error: 'fas fa-exclamation-circle',
+            warning: 'fas fa-exclamation-triangle',
+            info: 'fas fa-info-circle',
+            loading: 'fas fa-spinner fa-spin'
+        };
+        return icons[type] || icons.info;
+    }
+
+    // عرض مودال
+    showModal(title, content, buttons = []) {
+        const modal = this.modalContainer;
+        
+        modal.querySelector('.modal-title').textContent = title;
+        modal.querySelector('.modal-body').innerHTML = content;
+        
+        // إضافة الأزرار
+        const footer = modal.querySelector('.modal-footer');
+        footer.innerHTML = '';
+        
+        buttons.forEach(button => {
+            const btn = document.createElement('button');
+            btn.className = `btn ${button.class || 'btn-primary'}`;
+            btn.textContent = button.text;
+            btn.onclick = () => {
+                if (button.action) button.action();
+                modal.style.display = 'none';
+            };
+            footer.appendChild(btn);
+        });
+
+        // إضافة زر إغلاق افتراضي إذا لم توجد أزرار
+        if (buttons.length === 0) {
+            const closeBtn = document.createElement('button');
+            closeBtn.className = 'btn btn-secondary';
+            closeBtn.textContent = 'إغلاق';
+            closeBtn.onclick = () => modal.style.display = 'none';
+            footer.appendChild(closeBtn);
+        }
+
+        modal.style.display = 'flex';
+        return modal;
+    }
+
+    // عرض مودال تأكيد
+    showConfirm(title, message, onConfirm, onCancel) {
+        return this.showModal(title, `<p>${message}</p>`, [
+            {
+                text: 'تأكيد',
+                class: 'btn-primary',
+                action: onConfirm
+            },
+            {
+                text: 'إلغاء',
+                class: 'btn-secondary',
+                action: onCancel
+            }
+        ]);
+    }
+
+    // عرض مودال تحميل
+    showLoading(message = 'جاري التحميل...') {
+        const loadingContent = `
+            <div class="loading-content">
+                <div class="loading-spinner"></div>
+                <p>${message}</p>
+            </div>
+        `;
+        
+        const modal = this.showModal('', loadingContent, []);
+        modal.classList.add('loading-modal');
+        
+        // منع إغلاق مودال التحميل بالنقر خارجه
+        modal.querySelector('.modal-overlay').onclick = null;
+        modal.querySelector('.modal-close').style.display = 'none';
+        
+        return modal;
+    }
+
+    // إخفاء مودال التحميل
+    hideLoading() {
+        const loadingModal = document.querySelector('.loading-modal');
+        if (loadingModal) {
+            loadingModal.style.display = 'none';
+            loadingModal.classList.remove('loading-modal');
+        }
+    }
+
+    // إضافة إشعار
+    addNotification(notification) {
+        const newNotification = {
+            id: Date.now(),
+            timestamp: new Date().toISOString(),
+            read: false,
+            ...notification
+        };
+        
+        this.notifications.unshift(newNotification);
+        this.saveNotifications();
+        this.updateNotificationBadge();
+        
+        return newNotification;
+    }
+
+    // وضع علامة مقروء على الإشعار
+    markAsRead(notificationId) {
+        const notification = this.notifications.find(n => n.id === notificationId);
+        if (notification) {
+            notification.read = true;
+            this.saveNotifications();
+            this.updateNotificationBadge();
+        }
+    }
+
+    // وضع علامة مقروء على جميع الإشعارات
+    markAllAsRead() {
+        this.notifications.forEach(n => n.read = true);
+        this.saveNotifications();
+        this.updateNotificationBadge();
+    }
+
+    // حذف إشعار
+    deleteNotification(notificationId) {
+        this.notifications = this.notifications.filter(n => n.id !== notificationId);
+        this.saveNotifications();
+        this.updateNotificationBadge();
+    }
+
+    // الحصول على الإشعارات غير المقروءة
+    getUnreadNotifications() {
+        return this.notifications.filter(n => !n.read);
+    }
+
+    // الحصول على عدد الإشعارات غير المقروءة
+    getUnreadCount() {
+        return this.getUnreadNotifications().length;
+    }
+
+    // تحديث شارة الإشعارات
+    updateNotificationBadge() {
+        const badge = document.querySelector('#notifications-btn .badge');
+        const unreadCount = this.getUnreadCount();
+        
+        if (badge) {
+            if (unreadCount > 0) {
+                badge.textContent = unreadCount > 99 ? '99+' : unreadCount;
+                badge.style.display = 'block';
+            } else {
+                badge.style.display = 'none';
+            }
+        }
+    }
+
+    // عرض قائمة الإشعارات
+    showNotificationsList() {
+        const notificationsHtml = this.notifications.length > 0 ? 
+            this.notifications.map(n => this.renderNotification(n)).join('') :
+            '<div class="no-notifications">لا توجد إشعارات</div>';
+
+        const content = `
+            <div class="notifications-header">
+                <button class="btn btn-link" onclick="window.notificationManager.markAllAsRead()">
+                    وضع علامة مقروء على الكل
+                </button>
+            </div>
+            <div class="notifications-list">
+                ${notificationsHtml}
+            </div>
+        `;
+
+        this.showModal('الإشعارات', content, []);
+    }
+
+    // عرض إشعار واحد
+    renderNotification(notification) {
+        const timeAgo = this.getTimeAgo(notification.timestamp);
+        const readClass = notification.read ? 'read' : 'unread';
+        
+        return `
+            <div class="notification-item ${readClass}" data-id="${notification.id}">
+                <div class="notification-icon ${notification.type}">
+                    <i class="${this.getNotificationIcon(notification.type)}"></i>
+                </div>
+                <div class="notification-content">
+                    <h4>${notification.title}</h4>
+                    <p>${notification.message}</p>
+                    <span class="notification-time">${timeAgo}</span>
+                </div>
+                <div class="notification-actions">
+                    ${!notification.read ? `
+                        <button onclick="window.notificationManager.markAsRead(${notification.id})" title="وضع علامة مقروء">
+                            <i class="fas fa-check"></i>
+                        </button>
+                    ` : ''}
+                    <button onclick="window.notificationManager.deleteNotification(${notification.id})" title="حذف">
+                        <i class="fas fa-trash"></i>
+                    </button>
+                </div>
+            </div>
+        `;
+    }
+
+    // الحصول على أيقونة الإشعار
+    getNotificationIcon(type) {
+        const icons = {
+            transaction: 'fas fa-exchange-alt',
+            security: 'fas fa-shield-alt',
+            system: 'fas fa-cog',
+            promotion: 'fas fa-gift',
+            warning: 'fas fa-exclamation-triangle'
+        };
+        return icons[type] || 'fas fa-bell';
+    }
+
+    // حساب الوقت المنقضي
+    getTimeAgo(timestamp) {
+        const now = new Date();
+        const time = new Date(timestamp);
+        const diffInSeconds = Math.floor((now - time) / 1000);
+
+        if (diffInSeconds < 60) return 'الآن';
+        if (diffInSeconds < 3600) return `${Math.floor(diffInSeconds / 60)} دقيقة`;
+        if (diffInSeconds < 86400) return `${Math.floor(diffInSeconds / 3600)} ساعة`;
+        if (diffInSeconds < 2592000) return `${Math.floor(diffInSeconds / 86400)} يوم`;
+        return time.toLocaleDateString('ar-SA');
+    }
+
+    // حفظ الإشعارات
+    saveNotifications() {
+        localStorage.setItem('unifiedWallet_notifications', JSON.stringify(this.notifications));
+    }
+
+    // تحميل الإشعارات المحفوظة
+    loadStoredNotifications() {
+        const stored = localStorage.getItem('unifiedWallet_notifications');
+        if (stored) {
+            this.notifications = JSON.parse(stored);
+            this.updateNotificationBadge();
+        }
+    }
+
+    // إضافة إشعار معاملة
+    addTransactionNotification(type, amount, wallet) {
+        const messages = {
+            send: `تم إرسال ${amount.toLocaleString()} ر.ي من ${wallet}`,
+            receive: `تم استلام ${amount.toLocaleString()} ر.ي في ${wallet}`,
+            bill: `تم دفع فاتورة بمبلغ ${amount.toLocaleString()} ر.ي من ${wallet}`
+        };
+
+        this.addNotification({
+            type: 'transaction',
+            title: 'معاملة جديدة',
+            message: messages[type] || `معاملة بمبلغ ${amount.toLocaleString()} ر.ي`
+        });
+    }
+
+    // إضافة إشعار أمني
+    addSecurityNotification(message) {
+        this.addNotification({
+            type: 'security',
+            title: 'تنبيه أمني',
+            message: message
+        });
+    }
+
+    // إضافة إشعار نظام
+    addSystemNotification(message) {
+        this.addNotification({
+            type: 'system',
+            title: 'إشعار النظام',
+            message: message
+        });
+    }
+}
+
+// تصدير الكلاس للاستخدام في التطبيق الرئيسي
+window.NotificationManager = NotificationManager;

package-new.json

@@ -0,0 +1,41 @@
+{
+  "name": "unified-wallet-app",
+  "version": "1.0.0",
+  "description": "محفظتي الموحدة - تطبيق المحافظ الإلكترونية اليمنية الموحد",
+  "author": "المدى للخدمات البرمجية التسويقية والإعلانية",
+  "homepage": "https://almada.com/",
+  "main": "index.html",
+  "scripts": {
+    "start": "http-server . -p 8100",
+    "build": "echo 'Building for production...'",
+    "cap:add:android": "cap add android",
+    "cap:build:android": "cap copy android && cap open android",
+    "cap:sync": "cap sync",
+    "serve": "http-server . -p 8100 -o"
+  },
+  "dependencies": {
+    "@capacitor/android": "^4.8.0",
+    "@capacitor/app": "^4.1.1",
+    "@capacitor/core": "^4.8.0",
+    "@capacitor/device": "^4.1.0",
+    "@capacitor/haptics": "^4.1.0",
+    "@capacitor/keyboard": "^4.1.1",
+    "@capacitor/local-notifications": "^4.1.5",
+    "@capacitor/splash-screen": "^4.2.0",
+    "@capacitor/status-bar": "^4.2.0",
+    "@capacitor/storage": "^1.2.5"
+  },
+  "devDependencies": {
+    "@capacitor/cli": "^4.8.0",
+    "http-server": "^14.1.1"
+  },
+  "keywords": [
+    "wallet",
+    "yemen",
+    "fintech",
+    "mobile",
+    "محفظة",
+    "يمن"
+  ],
+  "license": "MIT"
+}

package-simple.json

@@ -0,0 +1,42 @@
+{
+  "name": "unified-wallet-app",
+  "version": "1.0.0",
+  "description": "محفظتي الموحدة - تطبيق المحافظ الإلكترونية اليمنية الموحد",
+  "author": "المدى للخدمات البرمجية التسويقية والإعلانية",
+  "homepage": "https://almada.com/",
+  "main": "index.html",
+  "scripts": {
+    "start": "http-server . -p 8100",
+    "build": "echo 'Building for production...'",
+    "cap:init": "cap init",
+    "cap:add:android": "cap add android",
+    "cap:build:android": "cap copy android && cap open android",
+    "cap:sync": "cap sync",
+    "serve": "http-server . -p 8100 -o"
+  },
+  "dependencies": {
+    "@capacitor/android": "^4.8.0",
+    "@capacitor/app": "^4.1.1",
+    "@capacitor/core": "^4.8.0",
+    "@capacitor/device": "^4.1.0",
+    "@capacitor/haptics": "^4.1.0",
+    "@capacitor/keyboard": "^4.1.1",
+    "@capacitor/local-notifications": "^4.1.5",
+    "@capacitor/splash-screen": "^4.2.0",
+    "@capacitor/status-bar": "^4.2.0",
+    "@capacitor/storage": "^1.2.5"
+  },
+  "devDependencies": {
+    "@capacitor/cli": "^4.8.0",
+    "http-server": "^14.1.1"
+  },
+  "keywords": [
+    "wallet",
+    "yemen",
+    "fintech",
+    "mobile",
+    "محفظة",
+    "يمن"
+  ],
+  "license": "MIT"
+}

package.json

@@ -1,64 +1,86 @@
 {
-  "name": "deepsite-v2",
-  "version": "0.1.0",
-  "private": true,
+  "name": "unified-wallet-app",
+  "version": "1.0.0",
+  "description": "محفظتي الموحدة - تطبيق المحافظ الإلكترونية اليمنية الموحد",
+  "author": "المدى للخدمات البرمجية التسويقية والإعلانية",
+  "homepage": "https://almada.com/",
   "scripts": {
-    "dev": "next dev --turbopack",
-    "build": "next build",
-    "start": "next start",
-    "lint": "next lint"
+    "start": "ionic serve",
+    "build": "ionic build",
+    "build:prod": "ionic build --prod",
+    "cap:add:android": "ionic cap add android",
+    "cap:build:android": "ionic cap build android",
+    "cap:open:android": "ionic cap open android",
+    "cap:sync": "ionic cap sync"
   },
+  "private": true,
   "dependencies": {
-    "@huggingface/hub": "^2.2.0",
-    "@huggingface/inference": "^4.0.3",
-    "@monaco-editor/react": "^4.7.0-rc.0",
-    "@radix-ui/react-avatar": "^1.1.10",
-    "@radix-ui/react-checkbox": "^1.3.2",
-    "@radix-ui/react-collapsible": "^1.1.11",
-    "@radix-ui/react-dialog": "^1.1.14",
-    "@radix-ui/react-dropdown-menu": "^2.1.15",
-    "@radix-ui/react-popover": "^1.1.14",
-    "@radix-ui/react-select": "^2.2.5",
-    "@radix-ui/react-slot": "^1.2.3",
-    "@radix-ui/react-switch": "^1.2.5",
-    "@radix-ui/react-tabs": "^1.1.12",
-    "@radix-ui/react-toggle": "^1.1.9",
-    "@radix-ui/react-toggle-group": "^1.1.10",
-    "@radix-ui/react-tooltip": "^1.2.7",
-    "@tanstack/eslint-plugin-query": "^5.78.0",
-    "@tanstack/react-query": "^5.80.6",
-    "@tanstack/react-query-devtools": "^5.80.6",
-    "axios": "^1.9.0",
-    "class-variance-authority": "^0.7.1",
-    "classnames": "^2.5.1",
-    "clsx": "^2.1.1",
-    "date-fns": "^4.1.0",
-    "lucide-react": "^0.513.0",
-    "monaco-editor": "^0.52.2",
-    "mongoose": "^8.15.1",
-    "next": "15.3.3",
-    "next-themes": "^0.4.6",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "react-icons": "^5.5.0",
-    "react-use": "^17.6.0",
-    "redaxios": "^0.5.1",
-    "sonner": "^2.0.5",
-    "tailwind-merge": "^3.3.0",
-    "zod": "^3.25.57"
+    "@angular/animations": "^17.0.0",
+    "@angular/common": "^17.0.0",
+    "@angular/compiler": "^17.0.0",
+    "@angular/core": "^17.0.0",
+    "@angular/forms": "^17.0.0",
+    "@angular/platform-browser": "^17.0.0",
+    "@angular/platform-browser-dynamic": "^17.0.0",
+    "@angular/router": "^17.0.0",
+    "@angular/service-worker": "^17.0.0",
+    "@capacitor/android": "^5.0.0",
+    "@capacitor/app": "^5.0.0",
+    "@capacitor/camera": "^5.0.0",
+    "@capacitor/core": "^5.0.0",
+    "@capacitor/device": "^5.0.0",
+    "@capacitor/haptics": "^5.0.0",
+    "@capacitor/ios": "^5.0.0",
+    "@capacitor/keyboard": "^5.0.0",
+    "@capacitor/local-notifications": "^5.0.0",
+    "@capacitor/push-notifications": "^5.0.0",
+    "@capacitor/splash-screen": "^5.0.0",
+    "@capacitor/status-bar": "^5.0.0",
+    "@capacitor/preferences": "^4.0.0",
+    "@ionic/angular": "^7.0.0",
+    "@ionic/storage-angular": "^4.0.0",
+
+    "ionicons": "^7.0.0",
+    "rxjs": "~7.8.0",
+    "tslib": "^2.3.0",
+    "zone.js": "~0.14.0"
   },
   "devDependencies": {
-    "@eslint/eslintrc": "^3",
-    "@tailwindcss/postcss": "^4",
-    "@types/node": "^20",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
-    "eslint": "^9",
-    "eslint-config-next": "15.3.3",
-    "file-loader": "^6.2.0",
-    "tailwindcss": "^4",
-    "tw-animate-css": "^1.3.4",
-    "typescript": "^5",
-    "url-loader": "^4.1.1"
-  }
+    "@angular-devkit/build-angular": "^17.0.0",
+    "@angular-eslint/builder": "^17.0.0",
+    "@angular-eslint/eslint-plugin": "^17.0.0",
+    "@angular-eslint/eslint-plugin-template": "^17.0.0",
+    "@angular-eslint/schematics": "^17.0.0",
+    "@angular-eslint/template-parser": "^17.0.0",
+    "@angular/cli": "^17.0.0",
+    "@angular/compiler-cli": "^17.0.0",
+    "@angular/language-service": "^17.0.0",
+    "@capacitor/cli": "^5.0.0",
+    "@ionic/angular-toolkit": "^9.0.0",
+    "@types/jasmine": "~5.1.0",
+    "@types/node": "^18.18.0",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "eslint": "^8.57.0",
+    "eslint-plugin-import": "^2.29.0",
+    "eslint-plugin-jsdoc": "^46.8.0",
+    "eslint-plugin-prefer-arrow": "^1.2.2",
+    "jasmine-core": "~5.1.0",
+    "karma": "~6.4.0",
+    "karma-chrome-launcher": "~3.2.0",
+    "karma-coverage": "~2.2.0",
+    "karma-jasmine": "~5.1.0",
+    "karma-jasmine-html-reporter": "~2.1.0",
+    "typescript": "~5.2.0"
+  },
+  "keywords": [
+    "ionic",
+    "angular",
+    "mobile",
+    "wallet",
+    "yemen",
+    "fintech",
+    "محفظة",
+    "يمن"
+  ]
 }

styles.css

@@ -0,0 +1,1334 @@
+/* المتغيرات العامة */
+:root {
+    --primary-color: #2563eb;
+    --secondary-color: #1e40af;
+    --success-color: #059669;
+    --warning-color: #d97706;
+    --error-color: #dc2626;
+    --text-primary: #1f2937;
+    --text-secondary: #6b7280;
+    --background: #f8fafc;
+    --surface: #ffffff;
+    --border: #e5e7eb;
+    --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
+    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
+    --border-radius: 12px;
+    --transition: all 0.3s ease;
+}
+
+/* إعادة تعيين الأساسيات */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: 'Tajawal', sans-serif;
+    background: var(--background);
+    color: var(--text-primary);
+    line-height: 1.6;
+    overflow-x: hidden;
+}
+
+/* الشاشات */
+.screen {
+    display: none;
+    min-height: 100vh;
+    position: relative;
+}
+
+.screen.active {
+    display: block;
+}
+
+/* شاشة التحميل */
+.loading-screen {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 9999;
+    color: white;
+}
+
+.loading-content {
+    text-align: center;
+    animation: fadeInUp 0.8s ease;
+}
+
+.loading-logo {
+    font-size: 4rem;
+    margin-bottom: 1rem;
+    animation: pulse 2s infinite;
+}
+
+.loading-spinner {
+    width: 40px;
+    height: 40px;
+    border: 3px solid rgba(255, 255, 255, 0.3);
+    border-top: 3px solid white;
+    border-radius: 50%;
+    animation: spin 1s linear infinite;
+    margin: 1rem auto;
+}
+
+/* شاشة تسجيل الدخول */
+.login-container {
+    max-width: 400px;
+    margin: 0 auto;
+    padding: 2rem;
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+}
+
+.login-header {
+    text-align: center;
+    margin-bottom: 2rem;
+}
+
+.app-logo {
+    font-size: 3rem;
+    color: var(--primary-color);
+    margin-bottom: 1rem;
+}
+
+.login-header h1 {
+    font-size: 1.8rem;
+    font-weight: 700;
+    margin-bottom: 0.5rem;
+}
+
+.login-header p {
+    color: var(--text-secondary);
+    font-size: 0.9rem;
+}
+
+/* النماذج */
+.form-group {
+    margin-bottom: 1.5rem;
+}
+
+.form-group label {
+    display: block;
+    margin-bottom: 0.5rem;
+    font-weight: 500;
+    color: var(--text-primary);
+}
+
+.input-group {
+    position: relative;
+    display: flex;
+}
+
+.input-prefix {
+    background: var(--border);
+    padding: 0.75rem 1rem;
+    border: 1px solid var(--border);
+    border-left: none;
+    border-radius: var(--border-radius) 0 0 var(--border-radius);
+    color: var(--text-secondary);
+    font-weight: 500;
+}
+
+input {
+    width: 100%;
+    padding: 0.75rem 1rem;
+    border: 1px solid var(--border);
+    border-radius: var(--border-radius);
+    font-family: inherit;
+    font-size: 1rem;
+    transition: var(--transition);
+}
+
+.input-group input {
+    border-radius: 0 var(--border-radius) var(--border-radius) 0;
+    border-right: none;
+}
+
+input:focus {
+    outline: none;
+    border-color: var(--primary-color);
+    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
+}
+
+/* الأزرار */
+.btn-primary, .btn-secondary, .btn-small, .btn-link {
+    padding: 0.75rem 1.5rem;
+    border: none;
+    border-radius: var(--border-radius);
+    font-family: inherit;
+    font-size: 1rem;
+    font-weight: 500;
+    cursor: pointer;
+    transition: var(--transition);
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0.5rem;
+    text-decoration: none;
+}
+
+.btn-primary {
+    background: var(--primary-color);
+    color: white;
+    width: 100%;
+    margin-bottom: 1rem;
+}
+
+.btn-primary:hover {
+    background: var(--secondary-color);
+    transform: translateY(-2px);
+    box-shadow: var(--shadow);
+}
+
+.btn-secondary {
+    background: var(--surface);
+    color: var(--text-primary);
+    border: 1px solid var(--border);
+    width: 100%;
+}
+
+.btn-secondary:hover {
+    background: var(--background);
+}
+
+.btn-small {
+    padding: 0.5rem 1rem;
+    font-size: 0.875rem;
+    background: var(--surface);
+    color: var(--text-primary);
+    border: 1px solid var(--border);
+}
+
+.btn-link {
+    background: none;
+    color: var(--primary-color);
+    padding: 0;
+    font-size: 0.875rem;
+}
+
+/* تسجيل الدخول البديل */
+.alternative-login {
+    text-align: center;
+    margin: 1rem 0;
+}
+
+.alternative-login p {
+    color: var(--text-secondary);
+    margin-bottom: 1rem;
+    position: relative;
+}
+
+.alternative-login p::before,
+.alternative-login p::after {
+    content: '';
+    position: absolute;
+    top: 50%;
+    width: 40%;
+    height: 1px;
+    background: var(--border);
+}
+
+.alternative-login p::before {
+    right: 60%;
+}
+
+.alternative-login p::after {
+    left: 60%;
+}
+
+.register-link {
+    text-align: center;
+    margin-top: 2rem;
+}
+
+.register-link a {
+    color: var(--primary-color);
+    text-decoration: none;
+}
+
+/* المحافظ المدعومة */
+.supported-wallets {
+    margin-top: 2rem;
+    text-align: center;
+}
+
+.supported-wallets h3 {
+    font-size: 1rem;
+    margin-bottom: 1rem;
+    color: var(--text-secondary);
+}
+
+.wallet-logos {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 1rem;
+}
+
+.wallet-logo {
+    width: 60px;
+    height: 60px;
+    border-radius: var(--border-radius);
+    overflow: hidden;
+    border: 1px solid var(--border);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: var(--surface);
+    transition: var(--transition);
+}
+
+.wallet-logo:hover {
+    transform: scale(1.05);
+    box-shadow: var(--shadow);
+}
+
+.wallet-logo img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+
+/* الشاشة الرئيسية */
+.main-header {
+    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
+    color: white;
+    padding: 2rem 1rem;
+    border-radius: 0 0 2rem 2rem;
+}
+
+.header-top {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 2rem;
+}
+
+.user-info {
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+}
+
+.user-avatar {
+    width: 50px;
+    height: 50px;
+    background: rgba(255, 255, 255, 0.2);
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 1.5rem;
+}
+
+.user-details h3 {
+    font-size: 1.1rem;
+    margin-bottom: 0.25rem;
+}
+
+.user-details p {
+    font-size: 0.875rem;
+    opacity: 0.8;
+}
+
+.header-actions {
+    display: flex;
+    gap: 0.5rem;
+}
+
+.icon-btn {
+    width: 40px;
+    height: 40px;
+    background: rgba(255, 255, 255, 0.2);
+    border: none;
+    border-radius: 50%;
+    color: white;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    transition: var(--transition);
+}
+
+.icon-btn:hover {
+    background: rgba(255, 255, 255, 0.3);
+}
+
+.badge {
+    position: absolute;
+    top: -5px;
+    left: -5px;
+    background: var(--error-color);
+    color: white;
+    font-size: 0.75rem;
+    padding: 0.125rem 0.375rem;
+    border-radius: 10px;
+    min-width: 18px;
+    text-align: center;
+}
+
+/* الرصيد الإجمالي */
+.total-balance {
+    text-align: center;
+}
+
+.total-balance h2 {
+    font-size: 1rem;
+    opacity: 0.9;
+    margin-bottom: 0.5rem;
+}
+
+.balance-amount {
+    font-size: 2.5rem;
+    font-weight: 700;
+    margin-bottom: 1rem;
+}
+
+.balance-actions {
+    display: flex;
+    justify-content: center;
+    gap: 1rem;
+}
+
+.balance-actions .btn-small {
+    background: rgba(255, 255, 255, 0.2);
+    color: white;
+    border: 1px solid rgba(255, 255, 255, 0.3);
+}
+
+/* المحتوى الرئيسي */
+.main-content {
+    padding: 2rem 1rem 6rem;
+}
+
+.main-content section {
+    margin-bottom: 2rem;
+}
+
+.section-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 1rem;
+}
+
+.section-header h3 {
+    font-size: 1.25rem;
+    font-weight: 600;
+}
+
+/* الإجراءات السريعة */
+.actions-grid {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 1rem;
+}
+
+.action-btn {
+    background: var(--surface);
+    border: 1px solid var(--border);
+    border-radius: var(--border-radius);
+    padding: 1.5rem;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 0.5rem;
+    cursor: pointer;
+    transition: var(--transition);
+    text-decoration: none;
+    color: var(--text-primary);
+}
+
+.action-btn:hover {
+    transform: translateY(-2px);
+    box-shadow: var(--shadow);
+    border-color: var(--primary-color);
+}
+
+.action-btn i {
+    font-size: 1.5rem;
+    color: var(--primary-color);
+}
+
+.action-btn span {
+    font-weight: 500;
+}
+
+/* الرسوم المتحركة */
+@keyframes fadeInUp {
+    from {
+        opacity: 0;
+        transform: translateY(30px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+@keyframes pulse {
+    0%, 100% {
+        transform: scale(1);
+    }
+    50% {
+        transform: scale(1.1);
+    }
+}
+
+@keyframes spin {
+    from {
+        transform: rotate(0deg);
+    }
+    to {
+        transform: rotate(360deg);
+    }
+}
+
+/* قائمة المحافظ */
+.wallets-list {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+}
+
+.wallet-card {
+    background: var(--surface);
+    border: 1px solid var(--border);
+    border-radius: var(--border-radius);
+    padding: 1.5rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    transition: var(--transition);
+    cursor: pointer;
+}
+
+.wallet-card:hover {
+    transform: translateY(-2px);
+    box-shadow: var(--shadow);
+    border-color: var(--primary-color);
+}
+
+.wallet-info {
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+}
+
+.wallet-icon {
+    width: 50px;
+    height: 50px;
+    border-radius: var(--border-radius);
+    overflow: hidden;
+    border: 1px solid var(--border);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.wallet-icon img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+
+.wallet-details h4 {
+    font-size: 1.1rem;
+    font-weight: 600;
+    margin-bottom: 0.25rem;
+}
+
+.wallet-details p {
+    color: var(--text-secondary);
+    font-size: 0.875rem;
+}
+
+.wallet-balance {
+    text-align: left;
+}
+
+.wallet-balance .amount {
+    font-size: 1.25rem;
+    font-weight: 700;
+    color: var(--success-color);
+}
+
+.wallet-balance .currency {
+    font-size: 0.875rem;
+    color: var(--text-secondary);
+}
+
+/* قائمة المعاملات */
+.transactions-list {
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+}
+
+.transaction-item {
+    background: var(--surface);
+    border: 1px solid var(--border);
+    border-radius: var(--border-radius);
+    padding: 1rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.transaction-info {
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+}
+
+.transaction-icon {
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 1rem;
+}
+
+.transaction-icon.send {
+    background: rgba(220, 38, 38, 0.1);
+    color: var(--error-color);
+}
+
+.transaction-icon.receive {
+    background: rgba(5, 150, 105, 0.1);
+    color: var(--success-color);
+}
+
+.transaction-icon.bill {
+    background: rgba(217, 119, 6, 0.1);
+    color: var(--warning-color);
+}
+
+.transaction-details h5 {
+    font-size: 1rem;
+    font-weight: 500;
+    margin-bottom: 0.25rem;
+}
+
+.transaction-details p {
+    color: var(--text-secondary);
+    font-size: 0.875rem;
+}
+
+.transaction-amount {
+    text-align: left;
+}
+
+.transaction-amount .amount {
+    font-size: 1rem;
+    font-weight: 600;
+}
+
+.transaction-amount.positive .amount {
+    color: var(--success-color);
+}
+
+.transaction-amount.negative .amount {
+    color: var(--error-color);
+}
+
+.transaction-amount .time {
+    font-size: 0.75rem;
+    color: var(--text-secondary);
+}
+
+/* شريط التنقل السفلي */
+.bottom-nav {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    background: var(--surface);
+    border-top: 1px solid var(--border);
+    display: flex;
+    justify-content: space-around;
+    padding: 0.75rem 0;
+    z-index: 100;
+}
+
+.nav-item {
+    background: none;
+    border: none;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 0.25rem;
+    cursor: pointer;
+    color: var(--text-secondary);
+    transition: var(--transition);
+    padding: 0.5rem;
+    border-radius: var(--border-radius);
+}
+
+.nav-item.active {
+    color: var(--primary-color);
+}
+
+.nav-item i {
+    font-size: 1.25rem;
+}
+
+.nav-item span {
+    font-size: 0.75rem;
+    font-weight: 500;
+}
+
+/* رؤوس الشاشات */
+.screen-header {
+    background: var(--surface);
+    border-bottom: 1px solid var(--border);
+    padding: 1rem;
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+    position: sticky;
+    top: 0;
+    z-index: 50;
+}
+
+.back-btn {
+    background: none;
+    border: none;
+    font-size: 1.25rem;
+    color: var(--text-primary);
+    cursor: pointer;
+    padding: 0.5rem;
+    border-radius: 50%;
+    transition: var(--transition);
+}
+
+.back-btn:hover {
+    background: var(--background);
+}
+
+.screen-header h2 {
+    font-size: 1.25rem;
+    font-weight: 600;
+}
+
+/* النوافذ المنبثقة */
+.modal-overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.5);
+    display: none;
+    z-index: 1000;
+    backdrop-filter: blur(3px);
+}
+
+.modal-overlay.active {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+/* شاشة التحويل */
+.transfer-content {
+    padding: 2rem 1rem 6rem;
+    max-width: 500px;
+    margin: 0 auto;
+}
+
+.transfer-steps {
+    margin-bottom: 2rem;
+}
+
+.step-indicator {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 1rem;
+}
+
+.step-indicator .step {
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    background: var(--border);
+    color: var(--text-secondary);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-weight: 600;
+    transition: var(--transition);
+}
+
+.step-indicator .step.active {
+    background: var(--primary-color);
+    color: white;
+}
+
+.step-indicator .step.completed {
+    background: var(--success-color);
+    color: white;
+}
+
+.step-line {
+    flex: 1;
+    height: 2px;
+    background: var(--border);
+    margin: 0 1rem;
+}
+
+.step-labels {
+    display: flex;
+    justify-content: space-between;
+    font-size: 0.875rem;
+    color: var(--text-secondary);
+}
+
+.transfer-step-content {
+    display: none;
+    animation: fadeInUp 0.5s ease;
+}
+
+.transfer-step-content.active {
+    display: block;
+}
+
+.transfer-step-content h3 {
+    font-size: 1.25rem;
+    font-weight: 600;
+    margin-bottom: 1.5rem;
+    text-align: center;
+}
+
+/* اختيار المحفظة */
+.wallet-selection {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+}
+
+.wallet-option {
+    background: var(--surface);
+    border: 2px solid var(--border);
+    border-radius: var(--border-radius);
+    padding: 1rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    cursor: pointer;
+    transition: var(--transition);
+}
+
+.wallet-option:hover {
+    border-color: var(--primary-color);
+    transform: translateY(-2px);
+    box-shadow: var(--shadow);
+}
+
+.wallet-option.selected {
+    border-color: var(--primary-color);
+    background: rgba(37, 99, 235, 0.05);
+}
+
+.wallet-option-info {
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+}
+
+.wallet-option-icon {
+    width: 50px;
+    height: 50px;
+    border-radius: var(--border-radius);
+    overflow: hidden;
+    border: 1px solid var(--border);
+}
+
+.wallet-option-icon img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+
+.wallet-option-details h4 {
+    font-size: 1.1rem;
+    font-weight: 600;
+    margin-bottom: 0.25rem;
+}
+
+.wallet-option-details p {
+    color: var(--text-secondary);
+    font-size: 0.875rem;
+}
+
+.wallet-option-balance {
+    text-align: left;
+}
+
+.wallet-option-balance .amount {
+    font-size: 1.25rem;
+    font-weight: 700;
+    color: var(--success-color);
+}
+
+/* عناصر النموذج */
+.form-control {
+    width: 100%;
+    padding: 0.75rem 1rem;
+    border: 1px solid var(--border);
+    border-radius: var(--border-radius);
+    font-family: inherit;
+    font-size: 1rem;
+    transition: var(--transition);
+}
+
+.form-control:focus {
+    outline: none;
+    border-color: var(--primary-color);
+    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
+}
+
+/* اقتراحات المبلغ */
+.amount-suggestions {
+    display: flex;
+    gap: 0.5rem;
+    margin-top: 0.5rem;
+    flex-wrap: wrap;
+}
+
+.amount-btn {
+    background: var(--surface);
+    border: 1px solid var(--border);
+    border-radius: 20px;
+    padding: 0.5rem 1rem;
+    font-size: 0.875rem;
+    cursor: pointer;
+    transition: var(--transition);
+}
+
+.amount-btn:hover {
+    background: var(--primary-color);
+    color: white;
+    border-color: var(--primary-color);
+}
+
+/* ملخص التحويل */
+.transfer-summary {
+    background: var(--background);
+    border-radius: var(--border-radius);
+    padding: 1.5rem;
+    margin-bottom: 1.5rem;
+}
+
+.summary-item {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0.75rem 0;
+    border-bottom: 1px solid var(--border);
+}
+
+.summary-item:last-child {
+    border-bottom: none;
+}
+
+.summary-item.total {
+    font-weight: 600;
+    font-size: 1.1rem;
+    color: var(--primary-color);
+    border-top: 2px solid var(--border);
+    margin-top: 0.5rem;
+    padding-top: 1rem;
+}
+
+/* أزرار التنقل */
+.transfer-navigation {
+    display: flex;
+    gap: 1rem;
+    margin-top: 2rem;
+}
+
+.transfer-navigation button {
+    flex: 1;
+}
+
+.hidden {
+    display: none !important;
+}
+
+/* نظام الإشعارات والتنبيهات */
+.toast-container {
+    position: fixed;
+    top: 20px;
+    left: 20px;
+    z-index: 9999;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    max-width: 400px;
+    width: 100%;
+}
+
+.toast {
+    background: var(--surface);
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow-lg);
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+    padding: 1rem;
+    transform: translateX(-100%);
+    transition: var(--transition);
+    border-right: 4px solid var(--primary-color);
+}
+
+.toast.toast-show {
+    transform: translateX(0);
+}
+
+.toast.toast-hide {
+    transform: translateX(-100%);
+    opacity: 0;
+}
+
+.toast.toast-success {
+    border-right-color: var(--success-color);
+}
+
+.toast.toast-error {
+    border-right-color: var(--error-color);
+}
+
+.toast.toast-warning {
+    border-right-color: var(--warning-color);
+}
+
+.toast-icon {
+    font-size: 1.5rem;
+    color: var(--primary-color);
+}
+
+.toast.toast-success .toast-icon {
+    color: var(--success-color);
+}
+
+.toast.toast-error .toast-icon {
+    color: var(--error-color);
+}
+
+.toast.toast-warning .toast-icon {
+    color: var(--warning-color);
+}
+
+.toast-content {
+    flex: 1;
+}
+
+.toast-message {
+    font-weight: 500;
+    line-height: 1.4;
+}
+
+.toast-close {
+    background: none;
+    border: none;
+    color: var(--text-secondary);
+    cursor: pointer;
+    padding: 0.25rem;
+    border-radius: 50%;
+    transition: var(--transition);
+}
+
+.toast-close:hover {
+    background: var(--background);
+    color: var(--text-primary);
+}
+
+/* المودال */
+.modal-container {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 9998;
+    display: none;
+    align-items: center;
+    justify-content: center;
+    padding: 1rem;
+}
+
+.modal-overlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.5);
+    backdrop-filter: blur(3px);
+    -webkit-backdrop-filter: blur(3px);
+}
+
+.modal-content {
+    background: var(--surface);
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow-lg);
+    max-width: 500px;
+    width: 100%;
+    max-height: 80vh;
+    overflow-y: auto;
+    position: relative;
+    z-index: 1;
+    animation: modalSlideIn 0.3s ease;
+}
+
+@keyframes modalSlideIn {
+    from {
+        opacity: 0;
+        transform: scale(0.9) translateY(-20px);
+    }
+    to {
+        opacity: 1;
+        transform: scale(1) translateY(0);
+    }
+}
+
+.modal-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 1.5rem;
+    border-bottom: 1px solid var(--border);
+}
+
+.modal-title {
+    font-size: 1.25rem;
+    font-weight: 600;
+    margin: 0;
+}
+
+.modal-close {
+    background: none;
+    border: none;
+    font-size: 1.25rem;
+    color: var(--text-secondary);
+    cursor: pointer;
+    padding: 0.5rem;
+    border-radius: 50%;
+    transition: var(--transition);
+}
+
+.modal-close:hover {
+    background: var(--background);
+    color: var(--text-primary);
+}
+
+.modal-body {
+    padding: 1.5rem;
+}
+
+.modal-footer {
+    padding: 1rem 1.5rem;
+    border-top: 1px solid var(--border);
+    display: flex;
+    gap: 1rem;
+    justify-content: flex-end;
+}
+
+.modal-footer .btn {
+    min-width: 100px;
+}
+
+/* مودال التحميل */
+.loading-modal .modal-content {
+    max-width: 300px;
+    text-align: center;
+}
+
+.loading-content {
+    padding: 2rem;
+}
+
+.loading-content .loading-spinner {
+    width: 50px;
+    height: 50px;
+    border: 4px solid var(--border);
+    border-top: 4px solid var(--primary-color);
+    border-radius: 50%;
+    animation: spin 1s linear infinite;
+    margin: 0 auto 1rem;
+}
+
+.loading-content p {
+    color: var(--text-secondary);
+    margin: 0;
+}
+
+/* قائمة الإشعارات */
+.notifications-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 1rem;
+}
+
+.notifications-list {
+    max-height: 400px;
+    overflow-y: auto;
+}
+
+.notification-item {
+    display: flex;
+    align-items: flex-start;
+    gap: 1rem;
+    padding: 1rem;
+    border-bottom: 1px solid var(--border);
+    transition: var(--transition);
+}
+
+.notification-item:hover {
+    background: var(--background);
+}
+
+.notification-item.unread {
+    background: rgba(37, 99, 235, 0.05);
+    border-right: 3px solid var(--primary-color);
+}
+
+.notification-icon {
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 1rem;
+    flex-shrink: 0;
+}
+
+.notification-icon.transaction {
+    background: rgba(37, 99, 235, 0.1);
+    color: var(--primary-color);
+}
+
+.notification-icon.security {
+    background: rgba(220, 38, 38, 0.1);
+    color: var(--error-color);
+}
+
+.notification-icon.system {
+    background: rgba(107, 114, 128, 0.1);
+    color: var(--text-secondary);
+}
+
+.notification-content {
+    flex: 1;
+}
+
+.notification-content h4 {
+    font-size: 1rem;
+    font-weight: 600;
+    margin: 0 0 0.25rem 0;
+}
+
+.notification-content p {
+    color: var(--text-secondary);
+    margin: 0 0 0.5rem 0;
+    line-height: 1.4;
+}
+
+.notification-time {
+    font-size: 0.875rem;
+    color: var(--text-secondary);
+}
+
+.notification-actions {
+    display: flex;
+    gap: 0.5rem;
+    flex-shrink: 0;
+}
+
+.notification-actions button {
+    background: none;
+    border: none;
+    color: var(--text-secondary);
+    cursor: pointer;
+    padding: 0.5rem;
+    border-radius: 50%;
+    transition: var(--transition);
+}
+
+.notification-actions button:hover {
+    background: var(--background);
+    color: var(--text-primary);
+}
+
+.no-notifications {
+    text-align: center;
+    color: var(--text-secondary);
+    padding: 2rem;
+    font-style: italic;
+}
+
+/* الاستجابة للشاشات الصغيرة */
+@media (max-width: 768px) {
+    .login-container {
+        padding: 1rem;
+    }
+
+    .wallet-logos {
+        grid-template-columns: repeat(2, 1fr);
+    }
+
+    .actions-grid {
+        grid-template-columns: repeat(2, 1fr);
+    }
+
+    .main-header {
+        padding: 1.5rem 1rem;
+    }
+
+    .balance-amount {
+        font-size: 2rem;
+    }
+
+    .wallet-card {
+        padding: 1rem;
+    }
+
+    .transaction-item {
+        padding: 0.75rem;
+    }
+
+    .transfer-content {
+        padding: 1rem 1rem 6rem;
+    }
+
+    .step-labels {
+        font-size: 0.75rem;
+    }
+
+    .wallet-option {
+        padding: 0.75rem;
+    }
+
+    .amount-suggestions {
+        justify-content: center;
+    }
+
+    .transfer-navigation {
+        flex-direction: column;
+    }
+}

tsconfig.app.json

@@ -0,0 +1,13 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./out-tsc/app",
+    "types": []
+  },
+  "files": [
+    "src/main.ts"
+  ],
+  "include": [
+    "src/**/*.d.ts"
+  ]
+}

tsconfig.json

@@ -1,27 +1,32 @@
 {
+  "compileOnSave": false,
   "compilerOptions": {
-    "target": "ES2017",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
+    "baseUrl": "./",
+    "outDir": "./dist/out-tsc",
+    "forceConsistentCasingInFileNames": true,
     "strict": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "module": "esnext",
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "preserve",
-    "incremental": true,
-    "plugins": [
-      {
-        "name": "next"
-      }
-    ],
-    "paths": {
-      "@/*": ["./*"]
-    }
+    "noImplicitOverride": true,
+    "noPropertyAccessFromIndexSignature": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
+    "sourceMap": true,
+    "declaration": false,
+    "downlevelIteration": true,
+    "experimentalDecorators": true,
+    "moduleResolution": "node",
+    "importHelpers": true,
+    "target": "ES2022",
+    "module": "ES2022",
+    "useDefineForClassFields": false,
+    "lib": [
+      "ES2022",
+      "dom"
+    ]
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
+  "angularCompilerOptions": {
+    "enableI18nLegacyMessageIdFormat": false,
+    "strictInjectionParameters": true,
+    "strictInputAccessModifiers": true,
+    "strictTemplates": true
+  }
 }

wallets.js

@@ -0,0 +1,430 @@
+// إدارة المحافظ الإلكترونية
+class WalletManager {
+    constructor() {
+        this.supportedWallets = {
+            jawali: {
+                id: 'jawali',
+                name: 'جوالي',
+                nameEn: 'Jawali',
+                provider: 'WeCash YE',
+                packageId: 'com.ama.wecashmobileapp',
+                icon: 'https://play-lh.googleusercontent.com/NuKV_Snecpx633RHzIWvFauG32WBAk-jt3lcZOajw2w7VD8Hdt8h5Lb0pYLopB_Qk4Y=w240-h480',
+                color: '#4361ee',
+                features: ['transfer', 'bills', 'recharge', 'qr'],
+                supportedCurrencies: ['YER', 'SAR', 'USD'],
+                maxTransfer: 3000000,
+                fees: {
+                    transfer: 20,
+                    billPayment: 15,
+                    recharge: 10
+                }
+            },
+            onecash: {
+                id: 'onecash',
+                name: 'ONE Cash',
+                nameEn: 'ONE Cash',
+                provider: 'ONECASHYE',
+                packageId: 'com.one.onecustomer',
+                icon: 'https://play-lh.googleusercontent.com/OF2xMRUmNH47BIaOTbv7GgvmLRTQbT1xHkFF_Ocswx6Jq5gfX4VlfAl_275UmjH2pg=w240-h480',
+                color: '#059669',
+                features: ['transfer', 'bills', 'recharge', 'qr', 'international'],
+                supportedCurrencies: ['YER', 'SAR', 'USD'],
+                maxTransfer: 3000000,
+                fees: {
+                    transfer: 0, // مجاني للمستخدمين
+                    billPayment: 10,
+                    recharge: 5
+                }
+            },
+            cash: {
+                id: 'cash',
+                name: 'Cash',
+                nameEn: 'Cash',
+                provider: 'Tamkeen Financial',
+                packageId: 'com.tamkeen.sms',
+                icon: 'https://play-lh.googleusercontent.com/zkV8HeO6iF2xa77ObHdKfAXfrfjU5fgWB0XsWt7_DmG4VGSKob2jU_CrqWyKQtghQyE=w240-h480',
+                color: '#dc2626',
+                features: ['transfer', 'bills', 'recharge', 'qr', 'offline'],
+                supportedCurrencies: ['YER'],
+                maxTransfer: 2000000,
+                fees: {
+                    transfer: 25,
+                    billPayment: 20,
+                    recharge: 15
+                }
+            },
+            jaib: {
+                id: 'jaib',
+                name: 'Jaib',
+                nameEn: 'Jaib Digital Wallet',
+                provider: 'AHD Financial',
+                packageId: 'com.ahd.jaib',
+                icon: 'https://play-lh.googleusercontent.com/EAaXnjh1FVPYpI5qWZwWvZIV5oD1hm9auDX0owOgREBjMAzYKX9od1USWRzlXIhRvKMx=w240-h480',
+                color: '#7c3aed',
+                features: ['transfer', 'bills', 'recharge', 'qr', 'entertainment'],
+                supportedCurrencies: ['YER'],
+                maxTransfer: 1500000,
+                fees: {
+                    transfer: 15,
+                    billPayment: 12,
+                    recharge: 8
+                }
+            },
+            mfloos: {
+                id: 'mfloos',
+                name: 'mFloos',
+                nameEn: 'mFloos - Customers',
+                provider: 'Alkuraimi Islamic Microfinance Bank',
+                packageId: 'wallet.mfloos.com.mflooswallet.customer',
+                icon: 'https://play-lh.googleusercontent.com/mNvakjEk-3VX7icU5w4xmAhT4MQgGAGcQYpRvPkBLVTzD-sYnmzAH_wuglMujTsaqQ=w240-h480',
+                color: '#0891b2',
+                features: ['transfer', 'bills', 'recharge', 'banking'],
+                supportedCurrencies: ['YER'],
+                maxTransfer: 1000000,
+                fees: {
+                    transfer: 10,
+                    billPayment: 8,
+                    recharge: 5
+                }
+            },
+            mobilemoney: {
+                id: 'mobilemoney',
+                name: 'Mobile Money',
+                nameEn: 'Mobile Money Wallet',
+                provider: 'CAC Bank',
+                packageId: 'cac.mobilemoney.app',
+                icon: 'https://play-lh.googleusercontent.com/51r7PLMlK0gVvITgOoJ7BnGX-9Gq3_ayiSiHHxSDbJZPCgABXI_LnU6jNCHAefWHvSPV=w240-h480',
+                color: '#ea580c',
+                features: ['transfer', 'bills', 'recharge', 'atm'],
+                supportedCurrencies: ['YER'],
+                maxTransfer: 2500000,
+                fees: {
+                    transfer: 18,
+                    billPayment: 15,
+                    recharge: 12
+                }
+            }
+        };
+
+        this.userWallets = [];
+        this.init();
+    }
+
+    // تهيئة مدير المحافظ
+    init() {
+        this.loadUserWallets();
+    }
+
+    // تحميل محافظ المستخدم
+    loadUserWallets() {
+        const savedWallets = localStorage.getItem('unifiedWallet_userWallets');
+        if (savedWallets) {
+            this.userWallets = JSON.parse(savedWallets);
+        }
+    }
+
+    // حفظ محافظ المستخدم
+    saveUserWallets() {
+        localStorage.setItem('unifiedWallet_userWallets', JSON.stringify(this.userWallets));
+    }
+
+    // إضافة محفظة جديدة
+    async addWallet(walletId, accountNumber, pin) {
+        const walletInfo = this.supportedWallets[walletId];
+        if (!walletInfo) {
+            throw new Error('محفظة غير مدعومة');
+        }
+
+        // التحقق من صحة البيانات
+        if (!this.validateAccountNumber(accountNumber)) {
+            throw new Error('رقم الحساب غير صحيح');
+        }
+
+        if (!this.validatePin(pin)) {
+            throw new Error('رمز PIN غير صحيح');
+        }
+
+        // التحقق من عدم وجود المحفظة مسبقاً
+        const existingWallet = this.userWallets.find(w => w.id === walletId);
+        if (existingWallet) {
+            throw new Error('هذه المحفظة مضافة مسبقاً');
+        }
+
+        // محاكاة التحقق من المحفظة
+        await this.verifyWalletCredentials(walletId, accountNumber, pin);
+
+        // إضافة المحفظة
+        const newWallet = {
+            id: walletId,
+            accountNumber: accountNumber,
+            pin: this.encryptPin(pin),
+            balance: await this.fetchWalletBalance(walletId, accountNumber),
+            status: 'active',
+            addedAt: new Date().toISOString(),
+            lastSync: new Date().toISOString()
+        };
+
+        this.userWallets.push(newWallet);
+        this.saveUserWallets();
+
+        return newWallet;
+    }
+
+    // إزالة محفظة
+    removeWallet(walletId) {
+        const index = this.userWallets.findIndex(w => w.id === walletId);
+        if (index === -1) {
+            throw new Error('المحفظة غير موجودة');
+        }
+
+        this.userWallets.splice(index, 1);
+        this.saveUserWallets();
+    }
+
+    // تحديث رصيد محفظة
+    async updateWalletBalance(walletId) {
+        const wallet = this.userWallets.find(w => w.id === walletId);
+        if (!wallet) {
+            throw new Error('المحفظة غير موجودة');
+        }
+
+        const newBalance = await this.fetchWalletBalance(walletId, wallet.accountNumber);
+        wallet.balance = newBalance;
+        wallet.lastSync = new Date().toISOString();
+        
+        this.saveUserWallets();
+        return newBalance;
+    }
+
+    // تحديث جميع الأرصدة
+    async updateAllBalances() {
+        const updatePromises = this.userWallets.map(wallet => 
+            this.updateWalletBalance(wallet.id)
+        );
+
+        await Promise.all(updatePromises);
+    }
+
+    // تنفيذ تحويل
+    async executeTransfer(fromWalletId, toWalletId, amount, recipientNumber, pin) {
+        const fromWallet = this.userWallets.find(w => w.id === fromWalletId);
+        if (!fromWallet) {
+            throw new Error('محفظة المرسل غير موجودة');
+        }
+
+        const fromWalletInfo = this.supportedWallets[fromWalletId];
+        const toWalletInfo = this.supportedWallets[toWalletId];
+
+        // التحقق من الرصيد
+        const fee = fromWalletInfo.fees.transfer;
+        const totalAmount = amount + fee;
+
+        if (fromWallet.balance < totalAmount) {
+            throw new Error('الرصيد غير كافي');
+        }
+
+        // التحقق من الحد الأقصى للتحويل
+        if (amount > fromWalletInfo.maxTransfer) {
+            throw new Error(`الحد الأقصى للتحويل هو ${fromWalletInfo.maxTransfer.toLocaleString()} ر.ي`);
+        }
+
+        // التحقق من رمز PIN
+        if (!this.verifyPin(pin, fromWallet.pin)) {
+            throw new Error('رمز PIN غير صحيح');
+        }
+
+        // تنفيذ التحويل
+        await this.processTransfer({
+            fromWallet: fromWalletId,
+            toWallet: toWalletId,
+            amount: amount,
+            fee: fee,
+            recipientNumber: recipientNumber,
+            timestamp: new Date().toISOString()
+        });
+
+        // تحديث الرصيد
+        fromWallet.balance -= totalAmount;
+        this.saveUserWallets();
+
+        return {
+            success: true,
+            transactionId: this.generateTransactionId(),
+            amount: amount,
+            fee: fee,
+            total: totalAmount,
+            newBalance: fromWallet.balance
+        };
+    }
+
+    // دفع فاتورة
+    async payBill(walletId, billType, billNumber, amount, pin) {
+        const wallet = this.userWallets.find(w => w.id === walletId);
+        if (!wallet) {
+            throw new Error('المحفظة غير موجودة');
+        }
+
+        const walletInfo = this.supportedWallets[walletId];
+        const fee = walletInfo.fees.billPayment;
+        const totalAmount = amount + fee;
+
+        if (wallet.balance < totalAmount) {
+            throw new Error('الرصيد غير كافي');
+        }
+
+        if (!this.verifyPin(pin, wallet.pin)) {
+            throw new Error('رمز PIN غير صحيح');
+        }
+
+        // تنفيذ دفع الفاتورة
+        await this.processBillPayment({
+            wallet: walletId,
+            billType: billType,
+            billNumber: billNumber,
+            amount: amount,
+            fee: fee,
+            timestamp: new Date().toISOString()
+        });
+
+        wallet.balance -= totalAmount;
+        this.saveUserWallets();
+
+        return {
+            success: true,
+            transactionId: this.generateTransactionId(),
+            amount: amount,
+            fee: fee,
+            total: totalAmount,
+            newBalance: wallet.balance
+        };
+    }
+
+    // شحن رصيد
+    async rechargeBalance(walletId, phoneNumber, amount, pin) {
+        const wallet = this.userWallets.find(w => w.id === walletId);
+        if (!wallet) {
+            throw new Error('المحفظة غير موجودة');
+        }
+
+        const walletInfo = this.supportedWallets[walletId];
+        const fee = walletInfo.fees.recharge;
+        const totalAmount = amount + fee;
+
+        if (wallet.balance < totalAmount) {
+            throw new Error('الرصيد غير كافي');
+        }
+
+        if (!this.verifyPin(pin, wallet.pin)) {
+            throw new Error('رمز PIN غير صحيح');
+        }
+
+        // تنفيذ شحن الرصيد
+        await this.processRecharge({
+            wallet: walletId,
+            phoneNumber: phoneNumber,
+            amount: amount,
+            fee: fee,
+            timestamp: new Date().toISOString()
+        });
+
+        wallet.balance -= totalAmount;
+        this.saveUserWallets();
+
+        return {
+            success: true,
+            transactionId: this.generateTransactionId(),
+            amount: amount,
+            fee: fee,
+            total: totalAmount,
+            newBalance: wallet.balance
+        };
+    }
+
+    // الحصول على معلومات محفظة
+    getWalletInfo(walletId) {
+        return this.supportedWallets[walletId];
+    }
+
+    // الحصول على محافظ المستخدم
+    getUserWallets() {
+        return this.userWallets.map(userWallet => {
+            const walletInfo = this.supportedWallets[userWallet.id];
+            return {
+                ...walletInfo,
+                ...userWallet,
+                accountNumber: userWallet.accountNumber
+            };
+        });
+    }
+
+    // التحقق من صحة رقم الحساب
+    validateAccountNumber(accountNumber) {
+        return /^[0-9]{9}$/.test(accountNumber);
+    }
+
+    // التحقق من صحة رمز PIN
+    validatePin(pin) {
+        return /^[0-9]{4,6}$/.test(pin);
+    }
+
+    // تشفير رمز PIN
+    encryptPin(pin) {
+        // تشفير بسيط للتجربة - في الإنتاج يجب استخدام تشفير قوي
+        return btoa(pin);
+    }
+
+    // فك تشفير رمز PIN
+    decryptPin(encryptedPin) {
+        return atob(encryptedPin);
+    }
+
+    // التحقق من رمز PIN
+    verifyPin(pin, encryptedPin) {
+        return pin === this.decryptPin(encryptedPin);
+    }
+
+    // توليد معرف معاملة
+    generateTransactionId() {
+        return 'TXN' + Date.now() + Math.random().toString(36).substr(2, 5).toUpperCase();
+    }
+
+    // محاكاة التحقق من بيانات المحفظة
+    async verifyWalletCredentials(walletId, accountNumber, pin) {
+        // محاكاة استدعاء API للتحقق
+        await new Promise(resolve => setTimeout(resolve, 1500));
+        
+        // في التطبيق الحقيقي، سيتم التحقق من البيانات مع خوادم المحفظة
+        return true;
+    }
+
+    // محاكاة جلب رصيد المحفظة
+    async fetchWalletBalance(walletId, accountNumber) {
+        // محاكاة استدعاء API لجلب الرصيد
+        await new Promise(resolve => setTimeout(resolve, 1000));
+        
+        // إرجاع رصيد عشوائي للتجربة
+        return Math.floor(Math.random() * 50000) + 1000;
+    }
+
+    // محاكاة تنفيذ التحويل
+    async processTransfer(transferData) {
+        await new Promise(resolve => setTimeout(resolve, 2000));
+        // في التطبيق الحقيقي، سيتم إرسال البيانات لخوادم المحفظة
+        console.log('تم تنفيذ التحويل:', transferData);
+    }
+
+    // محاكاة دفع الفاتورة
+    async processBillPayment(billData) {
+        await new Promise(resolve => setTimeout(resolve, 1500));
+        console.log('تم دفع الفاتورة:', billData);
+    }
+
+    // محاكاة شحن الرصيد
+    async processRecharge(rechargeData) {
+        await new Promise(resolve => setTimeout(resolve, 1000));
+        console.log('تم شحن الرصيد:', rechargeData);
+    }
+}
+
+// تصدير الكلاس للاستخدام في التطبيق الرئيسي
+window.WalletManager = WalletManager;

الاخير.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>نظام الدفع متعدد المحافظ</title>
+  <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap" rel="stylesheet">
+  <style>
+    :root {
+      --primary: #4361ee;
+      --secondary: #3f37c9;
+      --success: #2e7d32;
+      --warning: #e63946;
+      --light: #f8f9fa;
+      --dark: #212529;
+      --gray: #6c757d;
+      --border: #dee2e6;
+      --shadow: 0 4px 6px rgba(0,0,0,0.1);
+    }
+    
+    body {
+      font-family: 'Tajawal', sans-serif;
+      background: #f5f7fa;
+      padding: 20px;
+      color: var(--dark);
+      line-height: 1.6;
+    }
+    
+    .container {
+      max-width: 500px;
+      margin: 0 auto;
+      background: white;
+      padding: 25px;
+      border-radius: 12px;
+      box-shadow: var(--shadow);
+      transition: all 0.3s ease;
+    }
+    
+    h1 {
+      color: var(--primary);
+      text-align: center;
+      margin-bottom: 25px;
+      font-weight: 700;
+      font-size: 1.8rem;
+    }
+    
+    .form-group {
+      margin-bottom: 20px;
+      animation: fadeIn 0.5s ease;
+    }
+    
+    @keyframes fadeIn {
+      from { opacity: 0; transform: translateY(10px); }
+      to { opacity: 1; transform: translateY(0); }
+    }
+    
+    label {
+      display: block;
+      margin-bottom: 8px;
+      font-weight: 500;
+      color: var(--dark);
+      font-size: 1rem;
+    }
+    
+    select, input, button {
+      width: 100%;
+      padding: 12px 15px;
+      border: 1px solid var(--border);
+      border-radius: 8px;
+      font-family: 'Tajawal', sans-serif;
+      font-size: 1rem;
+      transition: all 0.3s;
+      box-sizing: border-box;
+    }
+    
+    select:focus, input:focus {
+      outline: none;
+      border-color: var(--primary);
+      box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.2);
+    }
+    
+    button {
+      background: var(--primary);
+      color: white;
+      border: none;
+      cursor: pointer;
+      font-weight: 500;
+      margin-top: 10px;
+    }
+    
+    button:hover {
+      background: var(--secondary);
+      transform: translateY(-2px);
+      box-shadow: var(--shadow);
+    }
+    
+    button:active {
+      transform: translateY(0);
+    }
+    
+    .small-btn {
+      padding: 8px 12px;
+      font-size: 0.9rem;
+      margin: 5px;
+      display: inline-block;
+      width: auto;
+    }
+    
+    #verification-section, #result, #service-field, #amount-field, #execute-btn { 
+      display: none;
+    }
+    
+    hr {
+      margin: 20px 0;
+      border: none;
+      border-top: 1px solid var(--border);
+    }
+    
+    #overlay {
+      display: none;
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background: rgba(0,0,0,0.5);
+      z-index: 999;
+      backdrop-filter: blur(3px);
+    }
+    
+    #result {
+      display: none;
+      position: fixed;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      width: 90%;
+      max-width: 400px;
+      background: white;
+      padding: 25px;
+      border-radius: 12px;
+      box-shadow: 0 5px 15px rgba(0,0,0,0.3);
+      z-index: 1000;
+      animation: popIn 0.4s ease;
+    }
+    
+    @keyframes popIn {
+      0% { transform: translate(-50%, -50%) scale(0.8); opacity: 0; }
+      100% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
+    }
+    
+    #result h2 {
+      color: var(--success);
+      font-size: 1.5rem;
+      text-align: center;
+      margin-top: 0;
+      margin-bottom: 20px;
+    }
+    
+    .close-btn {
+      background: var(--success);
+      padding: 10px 15px;
+      float: right;
+    }
+    
+    .transaction-detail {
+      margin-bottom: 10px;
+      font-size: 1rem;
+    }
+    
+    .transaction-detail strong {
+      color: var(--dark);
+      font-weight: 500;
+    }
+    
+    .balance-display {
+      margin-top: 15px;
+      padding-top: 15px;
+      border-top: 1px dashed var(--border);
+      font-weight: bold;
+    }
+    
+    .low-balance {
+      color: var(--warning);
+    }
+    
+    .normal-balance {
+      color: var(--success);
+    }
+    
+    .qr-container {
+      text-align: center;
+      margin: 15px 0;
+    }
+    
+    .progress-steps {
+      display: flex;
+      justify-content: space-between;
+      margin-bottom: 20px;
+      position: relative;
+    }
+    
+    .progress-steps::before {
+      content: '';
+      position: absolute;
+      top: 15px;
+      left: 0;
+      right: 0;
+      height: 2px;
+      background: var(--border);
+      z-index: 1;
+    }
+    
+    .step {
+      position: relative;
+      z-index: 2;
+      text-align: center;
+      width: 30px;
+      height: 30px;
+      line-height: 30px;
+      border-radius: 50%;
+      background: var(--border);
+      color: var(--gray);
+      font-weight: bold;
+    }
+    
+    .step.active {
+      background: var(--primary);
+      color: white;
+    }
+    
+    .step.completed {
+      background: var(--success);
+      color: white;
+    }
+    
+    .step-label {
+      display: block;
+      margin-top: 5px;
+      font-size: 0.8rem;
+      color: var(--gray);
+    }
+    
+    .verification-option {
+      margin-bottom: 20px;
+      padding: 15px;
+      border-radius: 8px;
+      background: var(--light);
+      animation: fadeIn 0.5s ease;
+    }
+    
+    .verification-option h3 {
+      margin-top: 0;
+      color: var(--dark);
+      font-size: 1rem;
+    }
+    
+    .custom-select {
+      position: relative;
+    }
+    
+    .custom-select select {
+      appearance: none;
+      -webkit-appearance: none;
+      -moz-appearance: none;
+      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
+      background-repeat: no-repeat;
+      background-position: right 10px center;
+      background-size: 15px;
+      padding-right: 35px;
+    }
+  </style>
+</head>
+<body>
+  <div id="overlay"></div>
+  <div class="container">
+    <h1>نظام الدفع متعدد المحافظ</h1>
+    
+    <div class="progress-steps">
+      <div class="step active" id="step1">1</div>
+      <div class="step" id="step2">2</div>
+      <div class="step" id="step3">3</div>
+    </div>
+    
+    <div class="form-group custom-select">
+      <label>من محفظتي:</label>
+      <select id="from-wallet">
+        <option value="jawali">جوالي (1000 ر.ي)</option>
+        <option value="kash">كاش (500 ر.ي)</option>
+        <option value="moneymobile">موبايل موني (0 ر.ي)</option>
+        <option value="jeep">جيب (0 ر.ي)</option>
+        <option value="shaamil">شامل (0 ر.ي)</option>
+        <option value="yemenpay">يمن والت (0 ر.ي)</option>
+      </select>
+    </div>
+    
+    <div class="form-group custom-select">
+      <label>إلى محفظة:</label>
+      <select id="to-wallet">
+        <option value="">-- اختر المحفظة المستقبلة --</option>
+        <option value="jawali">جوالي</option>
+        <option value="kash">كاش</option>
+        <option value="moneymobile">موبايل موني</option>
+        <option value="jeep">جيب</option>
+        <option value="shaamil">شامل</option>
+        <option value="yemenpay">يمن والت</option>
+      </select>
+    </div>
+    
+    <div class="form-group">
+      <label>رقم النقطة / هاتف المستقبل:</label>
+      <input type="text" id="point-number" placeholder="أدخل رقم النقطة أو الهاتف">
+    </div>
+    
+    <div class="form-group" id="service-field">
+      <label>الخدمة:</label>
+      <select id="service" class="custom-select">
+        <option value="">-- اختر الخدمة --</option>
+        <option value="تسديد باقة اتصالات">تسديد باقة اتصالات</option>
+        <option value="فاتورة مياه">فاتورة مياه</option>
+        <option value="فاتورة كهرباء">فاتورة كهرباء</option>
+        <option value="مشتريات سوبر ماركت">مشتريات سوبر ماركت</option>
+      </select>
+    </div>
+    
+    <div class="form-group" id="amount-field">
+      <label>المبلغ (ر.ي):</label>
+      <input type="number" id="amount" placeholder="أدخل المبلغ">
+    </div>
+    
+    <button id="execute-btn">تنفيذ الدفع</button>
+
+    <div id="verification-section">
+      <div class="verification-option">
+        <h3>1. الرمز الثابت (1234):</h3>
+        <input type="password" id="verify-code" placeholder="أدخل الرمز">
+        <button class="small-btn" onclick="confirmVerification()">تأكيد الرمز</button>
+      </div>
+      
+      <div class="verification-option">
+        <h3>2. مصادقة البصمة:</h3>
+        <button class="small-btn" onclick="registerFingerprint()">تسجيل البصمة</button>
+        <button class="small-btn" onclick="verifyFingerprint()">التحقق بالبصمة</button>
+      </div>
+      
+      <div class="verification-option">
+        <h3>3. QR للتأكيد:</h3>
+        <div class="qr-container">
+          <a href="https://example.com/confirm?code=1234" target="_blank">
+            <img src="https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=https://example.com/confirm?code=1234" alt="QR Code">
+          </a>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div id="result">
+    <h2>تمت العملية بنجاح</h2>
+    <div id="transaction-details">
+      <div class="transaction-detail">الخدمة: <strong id="detail-service"></strong></div>
+      <div class="transaction-detail">المبلغ المستحق: <strong id="detail-amount"></strong></div>
+      <div class="transaction-detail">مبلغ العمولة: <strong id="detail-fee"></strong></div>
+      <div class="transaction-detail">المبلغ المخصوم: <strong id="detail-total"></strong></div>
+      <div class="transaction-detail" id="detail-transfer"></div>
+      <div class="transaction-detail">رقم النقطة / الهاتف: <strong id="detail-point"></strong></div>
+      <div class="transaction-detail">الرصيد المتبقي: <strong id="detail-balance"></strong></div>
+      <div class="balance-display" id="current-balance-display"></div>
+    </div>
+    <button class="close-btn" onclick="closeResult()">إغلاق</button>
+  </div>
+
+  <script>
+    // Source wallet balances
+    const wallets = { 
+      jawali: {balance: 1000, name: "جوالي"}, 
+      kash: {balance: 500, name: "كاش"},
+      moneymobile: {balance: 0, name: "Mobile Money"},
+      jeep: {balance: 0, name: "Jeep"},
+      shaamil: {balance: 0, name: "شامل"},
+      yemenpay: {balance: 0, name: "يمن والت"}
+    };
+    
+    // Wallet display names
+    const walletDisplayNames = {
+      jawali: "جوالي",
+      kash: "كاش",
+      moneymobile: "Mobile Money",
+      jeep: "Jeep",
+      shaamil: "شامل",
+      yemenpay: "يمن والت"
+    };
+    
+    let storedCredential = null;
+    let currentStep = 1;
+
+    // Initialize wallet balances display
+    function initWalletBalances() {
+      const fromWalletSelect = document.getElementById("from-wallet");
+      const options = fromWalletSelect.options;
+      
+      for (let i = 0; i < options.length; i++) {
+        const walletId = options[i].value;
+        if (wallets[walletId]) {
+          options[i].text = `${wallets[walletId].name} (${wallets[walletId].balance} ر.ي)`;
+        }
+      }
+    }
+
+    // Dynamic form navigation
+    document.getElementById("point-number").addEventListener("input", function() {
+      if (this.value.trim()) {
+        document.getElementById("service-field").style.display = "block";
+        updateStep(2);
+      } else {
+        document.getElementById("service-field").style.display = "none";
+        updateStep(1);
+      }
+    });
+
+    document.getElementById("service").addEventListener("change", function() {
+      if (this.value) {
+        document.getElementById("amount-field").style.display = "block";
+        updateStep(3);
+      } else {
+        document.getElementById("amount-field").style.display = "none";
+        updateStep(2);
+      }
+    });
+
+    document.getElementById("amount").addEventListener("input", function() {
+      if (+this.value > 0) {
+        document.getElementById("execute-btn").style.display = "block";
+      } else {
+        document.getElementById("execute-btn").style.display = "none";
+      }
+    });
+
+    document.getElementById("execute-btn").addEventListener("click", startVerification);
+
+    function updateStep(step) {
+      currentStep = step;
+      document.querySelectorAll('.step').forEach((el, index) => {
+        if (index + 1 < step) {
+          el.classList.remove('active');
+          el.classList.add('completed');
+        } else if (index + 1 === step) {
+          el.classList.add('active');
+          el.classList.remove('completed');
+        } else {
+          el.classList.remove('active', 'completed');
+        }
+      });
+    }
+
+    function startVerification() {
+      const toWallet = document.getElementById("to-wallet").value;
+      const pt = document.getElementById("point-number").value.trim();
+      const service = document.getElementById("service").value;
+      const amt = +document.getElementById("amount").value;
+      
+      if (!toWallet || !pt || !service || !amt) {
+        return alert("يرجى ملء جميع الحقول أولاً");
+      }
+      
+      document.getElementById("verification-section").style.display = "block";
+      document.getElementById("execute-btn").style.display = "none";
+      window.scrollTo(0, document.body.scrollHeight);
+    }
+
+    function confirmVerification() {
+      if (document.getElementById("verify-code").value === "1234") {
+        doPayment();
+      } else {
+        alert("الرمز غير صحيح");
+      }
+    }
+
+    async function registerFingerprint() {
+      if (!window.PublicKeyCredential) return alert("المتصفح لا يدعم WebAuthn");
+      try {
+        const cred = await navigator.credentials.create({
+          publicKey: { 
+            challenge: new Uint8Array(32), 
+            rp: {name: "Payment System"}, 
+            user: {id: Uint8Array.from([1,2,3,4]), name: "user", displayName: "User"}, 
+            pubKeyCredParams: [{type: "public-key", alg: -7}], 
+            timeout: 60000, 
+            attestation: "none" 
+          }
+        });
+        storedCredential = cred;
+        alert("تم تسجيل بصمتك بنجاح");
+      } catch {
+        alert("فشل تسجيل البصمة");
+      }
+    }
+
+    async function verifyFingerprint() {
+      if (!storedCredential) return alert("الرجاء تسجيل البصمة أولاً");
+      try {
+        await navigator.credentials.get({
+          publicKey: { 
+            challenge: new Uint8Array(32), 
+            allowCredentials: [{type: "public-key", id: storedCredential.rawId}], 
+            timeout: 60000, 
+            userVerification: "preferred" 
+          }
+        });
+        alert("تم التحقق بالبصمة");
+        doPayment();
+      } catch {
+        alert("فشل التحقق بالبصمة");
+      }
+    }
+
+    function doPayment() {
+      const from = document.getElementById("from-wallet").value;
+      const to = document.getElementById("to-wallet").value;
+      const service = document.getElementById("service").value;
+      const pt = document.getElementById("point-number").value;
+      const amt = +document.getElementById("amount").value;
+      const fee = 20;
+      
+      // Check source wallet balance
+      if (wallets[from].balance < amt + fee) {
+        return alert("رصيد غير كافٍ في محفظتك");
+      }
+      
+      // Deduct from source wallet
+      wallets[from].balance -= amt + fee;
+      
+      // Get display names for wallets
+      const fromDisplay = wallets[from].name;
+      const toDisplay = walletDisplayNames[to] || to;
+      
+      // Update transaction details
+      document.getElementById("detail-service").textContent = service;
+      document.getElementById("detail-amount").textContent = amt + " ر.ي";
+      document.getElementById("detail-fee").textContent = fee + " ر.ي";
+      document.getElementById("detail-total").textContent = (amt + fee) + " ر.ي";
+      document.getElementById("detail-transfer").innerHTML = 
+        `تم تحويل <strong>${amt} ر.ي</strong> من <strong>${fromDisplay}</strong> إلى <strong>${toDisplay}</strong>`;
+      document.getElementById("detail-point").textContent = pt;
+      document.getElementById("detail-balance").textContent = 
+        `${fromDisplay}: ${wallets[from].balance} ر.ي`;
+      
+      // Show current balance in a prominent way
+      const balanceDisplay = document.getElementById("current-balance-display");
+      balanceDisplay.innerHTML = `
+        الرصيد المتوفر حالياً: <strong>${wallets[from].balance} ر.ي</strong>
+      `;
+      balanceDisplay.className = wallets[from].balance < 500 ? 
+        "balance-display low-balance" : "balance-display normal-balance";
+      
+      // Show result
+      document.getElementById("overlay").style.display = "block";
+      document.getElementById("result").style.display = "block";
+      
+      // Update the source wallet balance in dropdown
+      updateWalletBalances();
+    }
+
+    // Update wallet balances in dropdown
+    function updateWalletBalances() {
+      const fromWalletSelect = document.getElementById("from-wallet");
+      const options = fromWalletSelect.options;
+      
+      for (let i = 0; i < options.length; i++) {
+        const walletId = options[i].value;
+        if (wallets[walletId]) {
+          options[i].text = `${wallets[walletId].name} (${wallets[walletId].balance} ر.ي)`;
+        }
+      }
+    }
+
+    function closeResult() {
+      document.getElementById("result").style.display = "none";
+      document.getElementById("overlay").style.display = "none";
+      document.getElementById("verification-section").style.display = "none";
+      
+      // Reset form
+      document.getElementById("to-wallet").value = "";
+      document.getElementById("point-number").value = "";
+      document.getElementById("service").value = "";
+      document.getElementById("amount").value = "";
+      document.getElementById("verify-code").value = "";
+      
+      // Reset steps
+      updateStep(1);
+      
+      // Update wallet balances in UI
+      updateWalletBalances();
+    }
+
+    // Initialize on page load
+    document.addEventListener("DOMContentLoaded", function() {
+      // Change labels as requested
+      document.querySelector('label[for="from-wallet"]').textContent = "من محفظتي:";
+      document.querySelector('label[for="to-wallet"]').textContent = "إلى محفظة:";
+      
+      // Initialize wallet balances display
+      initWalletBalances();
+    });
+  </script>
+
+  <!-- تذييل الصفحة مع حقوق الملكية -->
+  <footer style="text-align: center; margin-top: 20px; color: #666; font-size: 0.9rem; padding: 10px;">
+    <p>المدى للخدمات البرمجية التسويقية والإعلانية</p>
+    <p>المدير العام: المهندس/ محمد المرتضى</p>
+    <p>© <span id="current-year">2023</span> جميع الحقوق محفوظة</p>
+  </footer>
+
+  <script>
+    // Update year automatically
+    document.getElementById('current-year').textContent = new Date().getFullYear();
+  </script>
+</body>
+</html>