Hamza/nabeh
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Deploy: 2026-05-24 23:27:32

Browse Source
This commit is contained in:
Hamza-Ayed
2026-05-24 23:27:32 +03:00
parent 2ceffc47d9
commit b20f457eaf
156 changed files with 8308 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

168
mobile/lib/features/dashboard/presentation/screens/add_contact_screen.dart Normal file
View File

@@ -0,0 +1,168 @@
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import '../cubit/dashboard_cubit.dart';
import '../cubit/dashboard_state.dart';
class AddContactScreen extends StatefulWidget {
const AddContactScreen({super.key});
@override
State<AddContactScreen> createState() => _AddContactScreenState();
}
class _AddContactScreenState extends State<AddContactScreen> {
// English: Form key to execute field validations.
// Arabic: مفتاح النموذج لتنفيذ عمليات التحقق من صحة الحقول.
final _formKey = GlobalKey<FormState>();
final _nameController = TextEditingController();
final _phoneController = TextEditingController();
@override
void dispose() {
_nameController.dispose();
_phoneController.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: const Color(0xFF0F0C20),
appBar: AppBar(
backgroundColor: const Color(0xFF15102A),
elevation: 0,
title: const Text(
'إضافة جهة اتصال جديدة',
style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold),
),
),
body: BlocConsumer<DashboardCubit, DashboardState>(
listener: (context, state) {
if (state.errorMessage != null) {
// English: Show API failure messages as SnackBar alert.
// Arabic: عرض رسائل فشل واجهة برمجة التطبيقات كشريط تنبيه.
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text(
state.errorMessage!,
style: const TextStyle(color: Colors.white),
),
backgroundColor: Colors.redAccent,
),
);
}
},
builder: (context, state) {
return SingleChildScrollView(
padding: const EdgeInsets.all(24.0),
child: Form(
key: _formKey,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
'تفاصيل جهة الاتصال',
style: TextStyle(color: Colors.white, fontSize: 16, fontWeight: FontWeight.bold),
),
const SizedBox(height: 20),
// English: Input field for contact name.
// Arabic: حقل إدخال اسم جهة الاتصال.
TextFormField(
controller: _nameController,
style: const TextStyle(color: Colors.white),
decoration: InputDecoration(
labelText: 'الاسم الكامل',
labelStyle: TextStyle(color: Colors.white.withOpacity(0.6)),
prefixIcon: const Icon(Icons.person_outline, color: Colors.purpleAccent),
filled: true,
fillColor: Colors.white.withOpacity(0.05),
enabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(12),
borderSide: BorderSide(color: Colors.white.withOpacity(0.1)),
),
focusedBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(12),
borderSide: const BorderSide(color: Colors.purpleAccent, width: 2),
),
),
validator: (value) {
if (value == null || value.trim().isEmpty) {
return 'الرجاء إدخال اسم جهة الاتصال';
}
return null;
},
),
const SizedBox(height: 20),
// English: Input field for phone number.
// Arabic: حقل إدخال رقم الهاتف.
TextFormField(
controller: _phoneController,
keyboardType: TextInputType.phone,
style: const TextStyle(color: Colors.white),
decoration: InputDecoration(
labelText: 'رقم الهاتف (مع رمز الدولة)',
labelStyle: TextStyle(color: Colors.white.withOpacity(0.6)),
prefixIcon: const Icon(Icons.phone_outlined, color: Colors.purpleAccent),
filled: true,
fillColor: Colors.white.withOpacity(0.05),
enabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(12),
borderSide: BorderSide(color: Colors.white.withOpacity(0.1)),
),
focusedBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(12),
borderSide: const BorderSide(color: Colors.purpleAccent, width: 2),
),
),
validator: (value) {
if (value == null || value.trim().isEmpty) {
return 'الرجاء إدخال رقم الهاتف';
}
return null;
},
),
const SizedBox(height: 40),
// English: Save button. Shows progress bar or calls Cubit and Pops on success.
// Arabic: زر الحفظ. يعرض شريط تقدم التحميل أو يستدعي الكيوبيت ويغلق الصفحة عند النجاح.
if (state.isLoading)
const Center(child: CircularProgressIndicator(color: Colors.purpleAccent))
else
ElevatedButton(
style: ElevatedButton.styleFrom(
backgroundColor: Colors.purpleAccent,
minimumSize: const Size(double.infinity, 56),
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
),
onPressed: () async {
if (_formKey.currentState!.validate()) {
// English: Dispatch addContact action to DashboardCubit.
// Arabic: استدعاء إجراء إضافة جهة اتصال في الكيوبيت.
final success = await context.read<DashboardCubit>().addContact(
_nameController.text.trim(),
_phoneController.text.trim(),
);
if (success && mounted) {
// English: Use Navigator.pop to return to previous contacts screen.
// Arabic: استخدام ميزة الموجه لإغلاق الشاشة والرجوع لقائمة جهات الاتصال.
Navigator.pop(context);
}
}
},
child: const Text(
'حفظ جهة الاتصال',
style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold, color: Colors.white),
),
),
],
),
),
);
},
),
);
}
}

293
mobile/lib/features/dashboard/presentation/screens/dashboard_screen.dart Normal file
View File

@@ -0,0 +1,293 @@
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import '../../../auth/data/models/user_model.dart';
import '../../../auth/presentation/cubit/auth_cubit.dart';
import '../../data/dashboard_repository.dart';
import '../cubit/dashboard_cubit.dart';
import '../cubit/dashboard_state.dart';
import '../widgets/billing_view.dart';
import '../widgets/chatbot_view.dart';
import '../widgets/contacts_view.dart';
import '../widgets/simple_placeholder_view.dart';
import '../widgets/super_admin_view.dart';
import '../widgets/whatsapp_view.dart';
class DashboardScreen extends StatelessWidget {
final UserModel user;
const DashboardScreen({super.key, required this.user});
@override
Widget build(BuildContext context) {
// English: Wrap dashboard view in a local BlocProvider to manage dashboard tab states.
// Arabic: تغليف واجهة لوحة التحكم في موفر كتلة محلي لإدارة حالات تبويبات لوحة التحكم.
return BlocProvider<DashboardCubit>(
create: (context) {
final cubit = DashboardCubit(DashboardRepository());
// English: Load WhatsApp status as the default view on launch.
// Arabic: تحميل حالة الواتساب كعرض افتراضي عند بدء التشغيل.
cubit.changeTab(DashboardTab.whatsapp);
return cubit;
},
child: BlocBuilder<DashboardCubit, DashboardState>(
builder: (context, state) {
return Scaffold(
backgroundColor: const Color(0xFF0F0C20),
appBar: AppBar(
backgroundColor: const Color(0xFF15102A),
elevation: 0,
title: Text(
_getAppBarTitle(state.activeTab),
style: const TextStyle(
color: Colors.white, fontWeight: FontWeight.bold),
),
actions: [
IconButton(
icon: const Icon(Icons.refresh, color: Colors.purpleAccent),
tooltip: 'تحديث البيانات',
onPressed: () {
context.read<DashboardCubit>().refreshCurrentTab();
},
),
],
),
// English: Slide drawer menu offering navigation to all 9 dashboard tabs.
// Arabic: قائمة درج جانبية توفر التنقل إلى جميع أبواب لوحة التحكم التسعة.
drawer: Drawer(
backgroundColor: const Color(0xFF15102A),
child: Column(
children: [
UserAccountsDrawerHeader(
decoration: const BoxDecoration(
gradient: LinearGradient(
colors: [Color(0xFF281C5C), Color(0xFF15102A)],
begin: Alignment.topLeft,
end: Alignment.bottomRight,
),
),
currentAccountPicture: CircleAvatar(
backgroundColor: Colors.purpleAccent.withOpacity(0.2),
child: const Icon(Icons.person,
color: Colors.purpleAccent, size: 40),
),
accountName: Text(
user.name,
style: const TextStyle(
fontWeight: FontWeight.bold, fontSize: 16),
),
accountEmail: Text(
user.isSuperAdmin
? '👑 المشرف العام للمنصة'
: '🏢 مدير الشركة',
style: const TextStyle(
color: Colors.purpleAccent, fontSize: 13),
),
),
Expanded(
child: ListView(
padding: EdgeInsets.zero,
children: [
// English: Show Super Admin tab only if current user is_super_admin is true.
// Arabic: عرض تبويب المشرف العام فقط إذا كان المستخدم الحالي مشرفاً عاماً.
if (user.isSuperAdmin)
_buildDrawerItem(
context,
'👑 لوحة المشرف العام',
DashboardTab.superAdmin,
state.activeTab,
Icons.admin_panel_settings,
),
_buildDrawerItem(
context,
'📱 اتصال الواتساب',
DashboardTab.whatsapp,
state.activeTab,
Icons.phone_android,
),
_buildDrawerItem(
context,
'💳 الباقات والاشتراكات',
DashboardTab.billing,
state.activeTab,
Icons.credit_card,
),
_buildDrawerItem(
context,
'👥 دليل جهات الاتصال',
DashboardTab.contacts,
state.activeTab,
Icons.contacts_outlined,
),
_buildDrawerItem(
context,
'📝 قوالب الرسائل',
DashboardTab.templates,
state.activeTab,
Icons.message_outlined,
),
_buildDrawerItem(
context,
'📣 الحملات التسويقية',
DashboardTab.campaigns,
state.activeTab,
Icons.campaign_outlined,
),
_buildDrawerItem(
context,
'🤖 قواعد الرد الآلي',
DashboardTab.chatbot,
state.activeTab,
Icons.android_outlined,
),
_buildDrawerItem(
context,
'🔌 التكاملات والربط',
DashboardTab.integrations,
state.activeTab,
Icons.integration_instructions_outlined,
),
_buildDrawerItem(
context,
'👤 الموظفين والدعم',
DashboardTab.staff,
state.activeTab,
Icons.people_outline,
),
],
),
),
const Divider(color: Colors.white10),
ListTile(
leading: const Icon(Icons.logout, color: Colors.redAccent),
title: const Text('تسجيل الخروج',
style: TextStyle(color: Colors.redAccent)),
onTap: () {
context.read<AuthCubit>().logout();
},
),
const SizedBox(height: 20),
],
),
),
body: state.isLoading
? const Center(
child:
CircularProgressIndicator(color: Colors.purpleAccent))
: state.errorMessage != null
? Center(
child: Padding(
padding: const EdgeInsets.all(20.0),
child: Text(
state.errorMessage!,
style: const TextStyle(
color: Colors.redAccent, fontSize: 14),
textAlign: TextAlign.center,
),
),
)
: SingleChildScrollView(
child: _renderActiveTabContent(context, state),
),
);
},
),
);
}
Widget _buildDrawerItem(
BuildContext context,
String title,
DashboardTab tab,
DashboardTab activeTab,
IconData icon,
) {
final isSelected = tab == activeTab;
return ListTile(
leading:
Icon(icon, color: isSelected ? Colors.purpleAccent : Colors.white60),
title: Text(
title,
style: TextStyle(
color: isSelected ? Colors.purpleAccent : Colors.white,
fontWeight: isSelected ? FontWeight.bold : FontWeight.normal,
),
),
selected: isSelected,
selectedTileColor: Colors.purpleAccent.withOpacity(0.05),
onTap: () {
// English: Close drawer and switch tab.
// Arabic: إغلاق درج القائمة الجانبية وتبديل التبويب.
Navigator.pop(context);
context.read<DashboardCubit>().changeTab(tab);
},
);
}
String _getAppBarTitle(DashboardTab tab) {
switch (tab) {
case DashboardTab.superAdmin:
return 'المشرف العام - نبيه';
case DashboardTab.whatsapp:
return 'اتصال الواتساب';
case DashboardTab.billing:
return 'الباقات والاشتراكات';
case DashboardTab.contacts:
return 'دليل جهات الاتصال';
case DashboardTab.templates:
return 'قوالب الرسائل';
case DashboardTab.campaigns:
return 'الحملات التسويقية';
case DashboardTab.chatbot:
return 'قواعد الرد الآلي';
case DashboardTab.integrations:
return 'التكاملات والربط';
case DashboardTab.staff:
return 'الموظفين والدعم';
}
}
Widget _renderActiveTabContent(BuildContext context, DashboardState state) {
switch (state.activeTab) {
case DashboardTab.superAdmin:
return SuperAdminView(stats: state.superAdminStats);
case DashboardTab.whatsapp:
return WhatsAppView(
status: state.whatsappStatus,
onRefresh: () => context.read<DashboardCubit>().refreshCurrentTab(),
);
case DashboardTab.billing:
return BillingView(plans: state.plans);
case DashboardTab.contacts:
return ContactsView(contacts: state.contacts);
case DashboardTab.chatbot:
return ChatbotView(rules: state.chatbotRules);
case DashboardTab.templates:
return const SimplePlaceholderView(
title: 'قوالب الرسائل',
description:
'ميزة تصميم قوالب رسائل الواتساب الديناميكية تحت التطوير.',
icon: Icons.message,
);
case DashboardTab.campaigns:
return const SimplePlaceholderView(
title: 'الحملات التسويقية',
description:
'ميزة إرسال وإدارة الحملات البريدية والجماعية تحت التطوير.',
icon: Icons.campaign,
);
case DashboardTab.integrations:
return const SimplePlaceholderView(
title: 'التكاملات والربط',
description: 'ربط البوابة مع منصات سلة وووردبريس عبر واجهات البرمجة.',
icon: Icons.integration_instructions,
);
case DashboardTab.staff:
return const SimplePlaceholderView(
title: 'الموظفين والدعم',
description:
'إضافة وإدارة حسابات الموظفين والعملاء لتوزيع المحادثات.',
icon: Icons.people_outline,
);
}
}
}