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

126
mobile/lib/features/dashboard/presentation/cubit/dashboard_cubit.dart Normal file
View File

@@ -0,0 +1,126 @@
import 'package:flutter_bloc/flutter_bloc.dart';
import '../../data/dashboard_repository.dart';
import 'dashboard_state.dart';
// English: DashboardCubit manages the active tab and data fetching.
// Arabic: يدير ملف الكيوبيت الباب النشط وجلب البيانات المخصصة له.
//
// English: In the web client, AlpineJS switches active tabs and calls fetch functions.
// Arabic: في عميل الويب، تبدل مكتبة ألبين الباب النشط وتستدعي دوال الجلب.
//
// English: Here, this Cubit replicates that behavior by capturing changes and emitting updated states.
// Arabic: هنا، يكرر هذا الكيوبيت هذا السلوك من خلال رصد التغييرات وإرسال حالات محدثة.
class DashboardCubit extends Cubit<DashboardState> {
final DashboardRepository _repository;
DashboardCubit(this._repository)
: super(const DashboardState(
activeTab: DashboardTab.whatsapp,
isLoading: false,
));
// English: Switch the active dashboard view and fetch the required API data.
// Arabic: تبديل عرض لوحة التحكم النشط وجلب بيانات واجهة برمجة التطبيقات المطلوبة.
Future<void> changeTab(DashboardTab tab) async {
// English: Update tab state first to give instant visual feedback in UI.
// Arabic: تحديث حالة الباب أولاً لتقديم استجابة مرئية فورية في الواجهة.
emit(state.copyWith(activeTab: tab, isLoading: true));
try {
switch (tab) {
case DashboardTab.whatsapp:
final status = await _repository.getWhatsAppStatus();
emit(state.copyWith(whatsappStatus: status, isLoading: false));
break;
case DashboardTab.billing:
final plans = await _repository.getPlans();
emit(state.copyWith(plans: plans, isLoading: false));
break;
case DashboardTab.contacts:
final contacts = await _repository.getContacts();
emit(state.copyWith(contacts: contacts, isLoading: false));
break;
case DashboardTab.chatbot:
final rules = await _repository.getChatbotRules();
emit(state.copyWith(chatbotRules: rules, isLoading: false));
break;
case DashboardTab.superAdmin:
final adminStats = await _repository.getAdminStats();
emit(state.copyWith(superAdminStats: adminStats, isLoading: false));
break;
default:
// English: Placeholder views do not hit any backend API.
// Arabic: شاشات الحجز المؤقتة لا تتصل بأي واجهة برمجة تطبيقات.
emit(state.copyWith(isLoading: false));
break;
}
} catch (e) {
final cleanMsg = e.toString().replaceAll('Exception: ', '');
emit(state.copyWith(errorMessage: cleanMsg, isLoading: false));
}
}
// English: Action trigger to reload current active tab data.
// Arabic: مشغل الإجراء لإعادة تحميل بيانات الباب النشط الحالي.
Future<void> refreshCurrentTab() async {
await changeTab(state.activeTab);
}
// English: Add a new contact and automatically reload the updated contacts list.
// Arabic: إضافة جهة اتصال جديدة وإعادة تحميل قائمة جهات الاتصال المحدثة تلقائياً.
Future<bool> addContact(String name, String phone) async {
emit(state.copyWith(isLoading: true));
try {
await _repository.addContact(name, phone);
final contacts = await _repository.getContacts();
emit(state.copyWith(contacts: contacts, isLoading: false));
return true;
} catch (e) {
final cleanMsg = e.toString().replaceAll('Exception: ', '');
emit(state.copyWith(errorMessage: cleanMsg, isLoading: false));
return false;
}
}
// English: Request a new WhatsApp QR connection session and refresh status.
// Arabic: طلب جلسة اتصال واتساب جديدة برمز استجابة سريع وتحديث الحالة.
Future<void> requestWhatsAppQr() async {
emit(state.copyWith(isLoading: true));
try {
await _repository.requestWhatsAppQr();
final status = await _repository.getWhatsAppStatus();
emit(state.copyWith(whatsappStatus: status, isLoading: false));
} catch (e) {
final cleanMsg = e.toString().replaceAll('Exception: ', '');
emit(state.copyWith(errorMessage: cleanMsg, isLoading: false));
}
}
// English: Disconnect active WhatsApp connection and refresh status.
// Arabic: قطع اتصال الواتساب النشط وتحديث الحالة.
Future<void> disconnectWhatsApp() async {
emit(state.copyWith(isLoading: true));
try {
await _repository.disconnectWhatsApp();
final status = await _repository.getWhatsAppStatus();
emit(state.copyWith(whatsappStatus: status, isLoading: false));
} catch (e) {
final cleanMsg = e.toString().replaceAll('Exception: ', '');
emit(state.copyWith(errorMessage: cleanMsg, isLoading: false));
}
}
// English: Approve a pending company subscription billing and reload admin stats.
// Arabic: الموافقة على اشتراك شركة معلق وإعادة تحميل إحصائيات المدير العام.
Future<void> approveBilling(int companyId) async {
emit(state.copyWith(isLoading: true));
try {
await _repository.approveBilling(companyId);
final stats = await _repository.getAdminStats();
emit(state.copyWith(superAdminStats: stats, isLoading: false));
} catch (e) {
final cleanMsg = e.toString().replaceAll('Exception: ', '');
emit(state.copyWith(errorMessage: cleanMsg, isLoading: false));
}
}
}

89
mobile/lib/features/dashboard/presentation/cubit/dashboard_state.dart Normal file
View File

@@ -0,0 +1,89 @@
import 'package:equatable/equatable.dart';
import '../../data/models/chatbot_rule_model.dart';
import '../../data/models/contact_model.dart';
import '../../data/models/plan_model.dart';
import '../../data/models/super_admin_stats_model.dart';
import '../../data/models/whatsapp_status_model.dart';
// English: Enum representing the 9 tabs in the Nabeh web/mobile dashboard.
// Arabic: قائمة تعداد تمثل الأبواب التسعة في لوحة تحكم نبيه على الويب والهاتف.
enum DashboardTab {
superAdmin,
whatsapp,
billing,
contacts,
templates,
campaigns,
chatbot,
integrations,
staff
}
class DashboardState extends Equatable {
// English: The currently selected tab in navigation.
// Arabic: الباب المحدد حالياً في التنقل.
final DashboardTab activeTab;
// English: Indicator if data is being retrieved from backend.
// Arabic: مؤشر ما إذا كان يتم استرداد البيانات من الواجهة الخلفية.
final bool isLoading;
// English: Error message if API requests fail.
// Arabic: رسالة الخطأ إذا فشلت طلبات واجهة برمجة التطبيقات.
final String? errorMessage;
// English: Feature data models parsed from network API responses.
// Arabic: نماذج بيانات الميزات التي تم تحليلها من استجابات الشبكة.
final WhatsAppStatusModel? whatsappStatus;
final List<PlanModel> plans;
final List<ContactModel> contacts;
final List<ChatbotRuleModel> chatbotRules;
final SuperAdminStatsModel? superAdminStats;
const DashboardState({
required this.activeTab,
required this.isLoading,
this.errorMessage,
this.whatsappStatus,
this.plans = const [],
this.contacts = const [],
this.chatbotRules = const [],
this.superAdminStats,
});
// English: Helper copyWith constructor to copy immutable state data safely.
// Arabic: منشئ مساعد لنسخ بيانات الحالة الثابتة بشكل آمن.
DashboardState copyWith({
DashboardTab? activeTab,
bool? isLoading,
String? errorMessage,
WhatsAppStatusModel? whatsappStatus,
List<PlanModel>? plans,
List<ContactModel>? contacts,
List<ChatbotRuleModel>? chatbotRules,
SuperAdminStatsModel? superAdminStats,
}) {
return DashboardState(
activeTab: activeTab ?? this.activeTab,
isLoading: isLoading ?? this.isLoading,
errorMessage: errorMessage, // Reset if null
whatsappStatus: whatsappStatus ?? this.whatsappStatus,
plans: plans ?? this.plans,
contacts: contacts ?? this.contacts,
chatbotRules: chatbotRules ?? this.chatbotRules,
superAdminStats: superAdminStats ?? this.superAdminStats,
);
}
@override
List<Object?> get props => [
activeTab,
isLoading,
errorMessage,
whatsappStatus,
plans,
contacts,
chatbotRules,
superAdminStats,
];
}

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,
);
}
}
}

102
mobile/lib/features/dashboard/presentation/widgets/billing_view.dart Normal file
View File

@@ -0,0 +1,102 @@
import 'package:flutter/material.dart';
import '../../data/models/plan_model.dart';
class BillingView extends StatelessWidget {
final List<PlanModel> plans;
const BillingView({
super.key,
required this.plans,
});
@override
Widget build(BuildContext context) {
return Padding(
padding: const EdgeInsets.all(20.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
'💳 الباقات والاشتراكات',
style: TextStyle(color: Colors.white, fontSize: 20, fontWeight: FontWeight.bold),
),
const SizedBox(height: 8),
const Text(
'اختر الباقة المناسبة لاحتياجات شركتك لتفعيل ميزات الردود التلقائية غير المحدودة.',
style: TextStyle(color: Colors.white60, fontSize: 13),
),
const SizedBox(height: 24),
// English: Render list of subscription plan cards.
// Arabic: عرض قائمة ببطاقات خطط الاشتراك المتاحة.
if (plans.isEmpty)
const Center(
child: Text(
'لا توجد باقات متاحة حالياً.',
style: TextStyle(color: Colors.white70),
),
)
else
ListView.builder(
shrinkWrap: true,
physics: const NeverScrollableScrollPhysics(),
itemCount: plans.length,
itemBuilder: (context, index) {
final plan = plans[index];
return Container(
margin: const EdgeInsets.only(bottom: 16),
padding: const EdgeInsets.all(20),
decoration: BoxDecoration(
color: const Color(0xFF15102A),
borderRadius: BorderRadius.circular(16),
border: Border.all(color: Colors.white.withOpacity(0.05)),
),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
plan.name,
style: const TextStyle(
color: Colors.white,
fontSize: 18,
fontWeight: FontWeight.bold,
),
),
const SizedBox(height: 6),
const Text(
'الدفع شهرياً - إلغاء في أي وقت',
style: TextStyle(color: Colors.white60, fontSize: 12),
),
],
),
Column(
crossAxisAlignment: CrossAxisAlignment.end,
children: [
Text(
'\$${plan.price.toStringAsFixed(2)}',
style: const TextStyle(
color: Colors.purpleAccent,
fontSize: 22,
fontWeight: FontWeight.bold,
),
),
const SizedBox(height: 4),
const Text(
'/شهرياً',
style: TextStyle(color: Colors.white60, fontSize: 12),
),
],
),
],
),
);
},
),
],
),
);
}
}

129
mobile/lib/features/dashboard/presentation/widgets/chatbot_view.dart Normal file
View File

@@ -0,0 +1,129 @@
import 'package:flutter/material.dart';
import '../../data/models/chatbot_rule_model.dart';
class ChatbotView extends StatelessWidget {
final List<ChatbotRuleModel> rules;
const ChatbotView({
super.key,
required this.rules,
});
@override
Widget build(BuildContext context) {
return Padding(
padding: const EdgeInsets.all(20.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
'🤖 قواعد الرد الآلي للدردشة',
style: TextStyle(color: Colors.white, fontSize: 20, fontWeight: FontWeight.bold),
),
const SizedBox(height: 8),
const Text(
'إدارة قواعد الذكاء الاصطناعي والكلمات المفتاحية المخصصة لتلقي ومعالجة المحادثات الواردة.',
style: TextStyle(color: Colors.white60, fontSize: 13),
),
const SizedBox(height: 24),
// English: Render list of chatbot rule cards.
// Arabic: عرض قائمة ببطاقات قواعد روبوت الدردشة المكونة.
if (rules.isEmpty)
const Center(
child: Padding(
padding: EdgeInsets.symmetric(vertical: 40.0),
child: Text(
'لم يتم تكوين قواعد رد آلي بعد.',
style: TextStyle(color: Colors.white70),
),
),
)
else
ListView.builder(
shrinkWrap: true,
physics: const NeverScrollableScrollPhysics(),
itemCount: rules.length,
itemBuilder: (context, index) {
final rule = rules[index];
return Container(
margin: const EdgeInsets.only(bottom: 16),
padding: const EdgeInsets.all(16),
decoration: BoxDecoration(
color: const Color(0xFF15102A),
borderRadius: BorderRadius.circular(16),
border: Border.all(color: Colors.white.withOpacity(0.05)),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
_buildTriggerBadge(rule.triggerType),
_buildStatusBadge(rule.isActive),
],
),
const Divider(color: Colors.white10, height: 24),
if (rule.triggerType == 'keyword' && rule.keyword != null) ...[
const Text(
'الكلمة المفتاحية للمشغل:',
style: TextStyle(color: Colors.white70, fontSize: 12),
),
const SizedBox(height: 4),
Text(
rule.keyword!,
style: const TextStyle(color: Colors.white, fontSize: 14, fontWeight: FontWeight.bold),
),
const SizedBox(height: 12),
],
const Text(
'رد الروبوت أو تعليمات موجه الذكاء الاصطناعي (AI Prompt):',
style: TextStyle(color: Colors.white70, fontSize: 12),
),
const SizedBox(height: 4),
Text(
rule.aiPrompt ?? 'لا توجد تعليمات',
style: TextStyle(color: Colors.white.withOpacity(0.8), fontSize: 13, height: 1.4),
),
],
),
);
},
),
],
),
);
}
Widget _buildTriggerBadge(String type) {
final isAi = type == 'gemini_ai';
return Container(
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 4),
decoration: BoxDecoration(
color: isAi ? Colors.purpleAccent.withOpacity(0.2) : Colors.blue.withOpacity(0.2),
borderRadius: BorderRadius.circular(8),
border: Border.all(color: isAi ? Colors.purpleAccent : Colors.blue),
),
child: Text(
isAi ? '🧠 ذكاء اصطناعي (Gemini)' : '⌨️ كلمات مفتاحية',
style: TextStyle(color: isAi ? Colors.purpleAccent : Colors.blue, fontSize: 11, fontWeight: FontWeight.bold),
),
);
}
Widget _buildStatusBadge(bool isActive) {
return Container(
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
decoration: BoxDecoration(
color: isActive ? Colors.green.withOpacity(0.2) : Colors.grey.withOpacity(0.2),
borderRadius: BorderRadius.circular(8),
border: Border.all(color: isActive ? Colors.green : Colors.grey),
),
child: Text(
isActive ? 'نشط' : 'غير نشط',
style: TextStyle(color: isActive ? Colors.green : Colors.grey, fontSize: 10, fontWeight: FontWeight.bold),
),
);
}
}

168
mobile/lib/features/dashboard/presentation/widgets/contacts_view.dart Normal file
View File

@@ -0,0 +1,168 @@
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import '../../data/models/contact_model.dart';
import '../cubit/dashboard_cubit.dart';
import '../screens/add_contact_screen.dart';
class ContactsView extends StatelessWidget {
final List<ContactModel> contacts;
const ContactsView({
super.key,
required this.contacts,
});
// English: Show alert confirmation dialog before navigating.
// Arabic: عرض مربع حوار تأكيدي قبل الانتقال إلى الشاشة التالية.
void _showNavigationDialog(BuildContext context) {
showDialog(
context: context,
builder: (dialogContext) {
return AlertDialog(
backgroundColor: const Color(0xFF15102A),
title: const Text('إضافة جهة اتصال جديدة', style: TextStyle(color: Colors.white)),
content: const Text(
'هل تريد الانتقال لصفحة إضافة جهة اتصال جديدة لتعبئة البيانات؟',
style: TextStyle(color: Colors.white70),
),
actions: [
TextButton(
onPressed: () => Navigator.pop(dialogContext),
child: const Text('إلغاء', style: TextStyle(color: Colors.white60)),
),
TextButton(
onPressed: () {
// English: Pop dialog window first.
// Arabic: إغلاق مربع الحوار أولاً.
Navigator.pop(dialogContext);
// English: Push AddContactScreen, sharing the existing Cubit instance.
// Arabic: الانتقال إلى شاشة إضافة جهة اتصال ومشاركة نفس الكيوبيت الحالي.
Navigator.push(
context,
MaterialPageRoute(
builder: (_) => BlocProvider.value(
value: context.read<DashboardCubit>(),
child: const AddContactScreen(),
),
),
);
},
child: const Text('نعم، انتقل', style: TextStyle(color: Colors.purpleAccent)),
),
],
);
},
);
}
@override
Widget build(BuildContext context) {
return Padding(
padding: const EdgeInsets.all(20.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
const Text(
'👥 دليل جهات الاتصال',
style: TextStyle(color: Colors.white, fontSize: 20, fontWeight: FontWeight.bold),
),
ElevatedButton.icon(
style: ElevatedButton.styleFrom(
backgroundColor: Colors.purpleAccent,
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
),
icon: const Icon(Icons.add, color: Colors.white, size: 16),
label: const Text(
'إضافة جهة',
style: TextStyle(color: Colors.white, fontSize: 12),
),
onPressed: () => _showNavigationDialog(context),
),
],
),
const SizedBox(height: 8),
const Text(
'عرض وإدارة دليل العملاء والجهات التي تواصلت مع النظام الآلي.',
style: TextStyle(color: Colors.white60, fontSize: 13),
),
const SizedBox(height: 24),
// English: Render list of parsed contacts in custom list view.
// Arabic: عرض قائمة بجهات الاتصال المحللة في طريقة عرض القائمة المخصصة.
if (contacts.isEmpty)
const Center(
child: Padding(
padding: EdgeInsets.symmetric(vertical: 40.0),
child: Text(
'دليل جهات الاتصال فارغ حالياً.',
style: TextStyle(color: Colors.white70),
),
),
)
else
ListView.builder(
shrinkWrap: true,
physics: const NeverScrollableScrollPhysics(),
itemCount: contacts.length,
itemBuilder: (context, index) {
final contact = contacts[index];
return Container(
margin: const EdgeInsets.only(bottom: 12),
padding: const EdgeInsets.all(16),
decoration: BoxDecoration(
color: const Color(0xFF15102A),
borderRadius: BorderRadius.circular(12),
border: Border.all(color: Colors.white.withOpacity(0.05)),
),
child: Row(
children: [
Container(
padding: const EdgeInsets.all(10),
decoration: BoxDecoration(
shape: BoxShape.circle,
color: Colors.purpleAccent.withOpacity(0.1),
),
child: const Icon(Icons.person, color: Colors.purpleAccent),
),
const SizedBox(width: 16),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
contact.name,
style: const TextStyle(
color: Colors.white,
fontSize: 16,
fontWeight: FontWeight.bold,
),
),
const SizedBox(height: 4),
Text(
contact.phone,
style: const TextStyle(color: Colors.purpleAccent, fontSize: 13),
),
if (contact.notes != null && contact.notes!.isNotEmpty) ...[
const SizedBox(height: 6),
Text(
contact.notes!,
style: TextStyle(color: Colors.white.withOpacity(0.5), fontSize: 12),
),
],
],
),
),
],
),
);
},
),
],
),
);
}
}

56
mobile/lib/features/dashboard/presentation/widgets/simple_placeholder_view.dart Normal file
View File

@@ -0,0 +1,56 @@
import 'package:flutter/material.dart';
class SimplePlaceholderView extends StatelessWidget {
final String title;
final String description;
final IconData icon;
const SimplePlaceholderView({
super.key,
required this.title,
required this.description,
required this.icon,
});
@override
Widget build(BuildContext context) {
// English: Placeholders mimic undeveloped features in standard premium dark cards.
// Arabic: تحاكي شاشات الحجز الميزات التي لم يتم تطويرها في بطاقات داكنة مميزة قياسية.
return Center(
child: Container(
margin: const EdgeInsets.all(20),
padding: const EdgeInsets.all(24),
decoration: BoxDecoration(
color: const Color(0xFF15102A),
borderRadius: BorderRadius.circular(16),
border: Border.all(color: Colors.white.withOpacity(0.05)),
),
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Icon(icon, size: 64, color: Colors.purpleAccent),
const SizedBox(height: 20),
Text(
title,
style: const TextStyle(
color: Colors.white,
fontSize: 20,
fontWeight: FontWeight.bold,
),
textAlign: TextAlign.center,
),
const SizedBox(height: 10),
Text(
description,
style: TextStyle(
color: Colors.white.withOpacity(0.6),
fontSize: 14,
),
textAlign: TextAlign.center,
),
],
),
),
);
}
}

336
mobile/lib/features/dashboard/presentation/widgets/super_admin_view.dart Normal file
View File

@@ -0,0 +1,336 @@
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import '../../data/models/super_admin_stats_model.dart';
import '../cubit/dashboard_cubit.dart';
class SuperAdminView extends StatelessWidget {
final SuperAdminStatsModel? stats;
const SuperAdminView({
super.key,
required this.stats,
});
// English: Show a confirmation dialog before approving company billing subscription.
// Arabic: عرض مربع حوار تأكيدي للموافقة على ترقية الفوترة والاشتراك.
void _showApproveDialog(BuildContext context, int companyId, String companyName) {
showDialog(
context: context,
builder: (dialogContext) {
return AlertDialog(
backgroundColor: const Color(0xFF15102A),
title: const Text('الموافقة على الاشتراك', style: TextStyle(color: Colors.white)),
content: Text(
'هل أنت متأكد من تفعيل اشتراك شركة "$companyName"؟ سيتم ترقية حسابهم على الفور.',
style: const TextStyle(color: Colors.white70),
),
actions: [
TextButton(
onPressed: () => Navigator.pop(dialogContext),
child: const Text('إلغاء', style: TextStyle(color: Colors.white60)),
),
TextButton(
onPressed: () {
Navigator.pop(dialogContext);
// English: Dispatch approveBilling command to DashboardCubit.
// Arabic: استدعاء أمر الموافقة على الاشتراك في الكيوبيت.
context.read<DashboardCubit>().approveBilling(companyId);
},
child: const Text('نعم، وافق', style: TextStyle(color: Colors.green)),
),
],
);
},
);
}
@override
Widget build(BuildContext context) {
final model = stats;
return Padding(
padding: const EdgeInsets.all(20.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
'👑 لوحة تحكم المشرف العام',
style: TextStyle(
color: Colors.white, fontSize: 20, fontWeight: FontWeight.bold),
),
const SizedBox(height: 8),
const Text(
'مراقبة إحصائيات منصة نبيه بالكامل وإدارة تراخيص الشركات وطلبات الترقية.',
style: TextStyle(color: Colors.white60, fontSize: 13),
),
const SizedBox(height: 24),
if (model == null)
const Center(
child: Text(
'فشل تحميل إحصائيات المشرف العام.',
style: TextStyle(color: Colors.white70),
),
)
else ...[
// English: Stats widgets mirroring the web interface dashboard indicators.
// Arabic: أدوات إحصائية تحاكي مؤشرات لوحة معلومات واجهة الويب.
Row(
children: [
Expanded(
child: _buildMetricCard(
'الشركات المسجلة',
model.totalCompanies.toString(),
Icons.business,
Colors.purpleAccent,
),
),
const SizedBox(width: 12),
Expanded(
child: _buildMetricCard(
'جلسات الواتساب',
'${model.connectedSessions}/${model.totalSessions}',
Icons.phone_android,
Colors.green,
),
),
],
),
const SizedBox(height: 30),
// English: Display pending billing approval requests.
// Arabic: عرض طلبات الموافقة على ترقية الباقات المعلقة.
const Text(
'طلبات الترقية المعلقة للموافقة',
style: TextStyle(
color: Colors.white,
fontSize: 16,
fontWeight: FontWeight.bold),
),
const SizedBox(height: 12),
if (model.pendingApprovals.isEmpty)
Container(
width: double.infinity,
padding: const EdgeInsets.all(16),
decoration: BoxDecoration(
color: Colors.white.withOpacity(0.02),
borderRadius: BorderRadius.circular(12),
border: Border.all(color: Colors.white12),
),
child: const Center(
child: Text(
'لا توجد طلبات ترقية معلقة حالياً.',
style: TextStyle(color: Colors.white60, fontSize: 13),
),
),
)
else
ListView.builder(
shrinkWrap: true,
physics: const NeverScrollableScrollPhysics(),
itemCount: model.pendingApprovals.length,
itemBuilder: (context, index) {
final company =
model.pendingApprovals[index] as Map<String, dynamic>;
return Container(
margin: const EdgeInsets.only(bottom: 12),
padding: const EdgeInsets.all(16),
decoration: BoxDecoration(
color: const Color(0xFF1E1446),
borderRadius: BorderRadius.circular(12),
border: Border.all(
color: Colors.purpleAccent.withOpacity(0.3)),
),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
company['name'] as String? ?? 'شركة غير معروفة',
style: const TextStyle(
color: Colors.white,
fontWeight: FontWeight.bold),
),
const SizedBox(height: 6),
Text(
'الباقة المطلوبة: ${company['plan_name'] ?? 'لا يوجد'}',
style: const TextStyle(
color: Colors.purpleAccent, fontSize: 12),
),
],
),
ElevatedButton(
style: ElevatedButton.styleFrom(
backgroundColor: Colors.green,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8)),
),
child: const Text('موافقة',
style: TextStyle(fontSize: 12)),
onPressed: () {
_showApproveDialog(
context,
company['id'] as int? ?? 0,
company['name'] as String? ?? 'الشركة',
);
},
),
],
),
);
},
),
const SizedBox(height: 30),
// English: Display list of SaaS Companies.
// Arabic: عرض قائمة الشركات المسجلة وتفاصيل استخداماتها.
const Text(
'الشركات والعملاء المشتركين',
style: TextStyle(
color: Colors.white,
fontSize: 16,
fontWeight: FontWeight.bold),
),
const SizedBox(height: 12),
ListView.builder(
shrinkWrap: true,
physics: const NeverScrollableScrollPhysics(),
itemCount: model.companies.length,
itemBuilder: (context, index) {
final company = model.companies[index] as Map<String, dynamic>;
return Container(
margin: const EdgeInsets.only(bottom: 16),
padding: const EdgeInsets.all(16),
decoration: BoxDecoration(
color: const Color(0xFF15102A),
borderRadius: BorderRadius.circular(12),
border: Border.all(color: Colors.white.withOpacity(0.05)),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
company['name'] as String? ?? 'شركة',
style: const TextStyle(
color: Colors.white,
fontSize: 15,
fontWeight: FontWeight.bold),
),
_buildSubBadge(
company['sub_status'] as String? ?? 'expired',
company['plan_name'] as String?),
],
),
const Divider(color: Colors.white10, height: 24),
_buildDetailRow('الجلسات النشطة',
'${company['active_sessions'] ?? 0}/${company['sessions_count'] ?? 0}'),
const SizedBox(height: 8),
// English: Display SaaS resource usages metrics (Requests, Voice, OCR).
// Arabic: عرض مقاييس استخدام موارد النظام (الطلبات، الصوت، تحليل الصور).
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
_buildUsageText('الطلبات',
(company['request_usage'] ?? 0).toString()),
_buildUsageText('الصوت',
(company['voice_usage'] ?? 0).toString()),
_buildUsageText(
'OCR', (company['ocr_usage'] ?? 0).toString()),
],
),
],
),
);
},
),
],
],
),
);
}
Widget _buildMetricCard(
String title, String value, IconData icon, Color color) {
return Container(
padding: const EdgeInsets.all(16),
decoration: BoxDecoration(
color: const Color(0xFF15102A),
borderRadius: BorderRadius.circular(16),
border: Border.all(color: Colors.white.withOpacity(0.05)),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Icon(icon, color: color, size: 24),
const SizedBox(height: 12),
Text(title,
style: const TextStyle(color: Colors.white60, fontSize: 12)),
const SizedBox(height: 4),
Text(value,
style: const TextStyle(
color: Colors.white,
fontSize: 20,
fontWeight: FontWeight.bold)),
],
),
);
}
Widget _buildSubBadge(String status, String? planName) {
final name = planName ?? 'لا توجد باقة';
Color color = Colors.grey;
if (status == 'active') {
color = Colors.green;
} else if (status == 'trialing') {
color = Colors.blue;
}
return Container(
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
decoration: BoxDecoration(
color: color.withOpacity(0.15),
borderRadius: BorderRadius.circular(8),
border: Border.all(color: color),
),
child: Text(
name,
style:
TextStyle(color: color, fontSize: 11, fontWeight: FontWeight.bold),
),
);
}
Widget _buildDetailRow(String label, String value) {
return Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(label,
style: const TextStyle(color: Colors.white60, fontSize: 13)),
Text(value,
style: const TextStyle(
color: Colors.white,
fontSize: 13,
fontWeight: FontWeight.bold)),
],
);
}
Widget _buildUsageText(String label, String value) {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(label,
style: const TextStyle(color: Colors.white54, fontSize: 11)),
const SizedBox(height: 2),
Text(value,
style: const TextStyle(
color: Colors.purpleAccent,
fontSize: 13,
fontWeight: FontWeight.bold)),
],
);
}
}

206
mobile/lib/features/dashboard/presentation/widgets/whatsapp_view.dart Normal file
View File

@@ -0,0 +1,206 @@
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import '../../data/models/whatsapp_status_model.dart';
import '../cubit/dashboard_cubit.dart';
class WhatsAppView extends StatelessWidget {
final WhatsAppStatusModel? status;
final VoidCallback onRefresh;
const WhatsAppView({
super.key,
required this.status,
required this.onRefresh,
});
// English: Show a confirmation dialog before disconnecting.
// Arabic: عرض مربع حوار تأكيدي قبل قطع الاتصال لتجنب الإجراء المفاجئ.
void _showDisconnectDialog(BuildContext context) {
showDialog(
context: context,
builder: (dialogContext) {
return AlertDialog(
backgroundColor: const Color(0xFF15102A),
title: const Text('قطع اتصال الواتساب', style: TextStyle(color: Colors.white)),
content: const Text(
'هل أنت متأكد من رغبتك في قطع الاتصال؟ سيؤدي ذلك إلى تعطيل روبوت خدمة العملاء والردود التلقائية.',
style: TextStyle(color: Colors.white70),
),
actions: [
TextButton(
onPressed: () => Navigator.pop(dialogContext),
child: const Text('إلغاء', style: TextStyle(color: Colors.white60)),
),
TextButton(
onPressed: () {
Navigator.pop(dialogContext);
// English: Dispatch disconnectWhatsApp command to DashboardCubit.
// Arabic: استدعاء أمر قطع اتصال الواتساب في الكيوبيت.
context.read<DashboardCubit>().disconnectWhatsApp();
},
child: const Text('نعم، اقطع الاتصال', style: TextStyle(color: Colors.redAccent)),
),
],
);
},
);
}
@override
Widget build(BuildContext context) {
final session = status;
return Padding(
padding: const EdgeInsets.all(20.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
'📱 إعدادات اتصال الواتساب',
style: TextStyle(color: Colors.white, fontSize: 20, fontWeight: FontWeight.bold),
),
const SizedBox(height: 8),
const Text(
'اربط حسابك مع بوابة واتساب التابعة لنظام نبيه لتفعيل الردود التلقائية والتحقق.',
style: TextStyle(color: Colors.white60, fontSize: 13),
),
const SizedBox(height: 24),
// English: Display WhatsApp connection card containing session and status.
// Arabic: عرض بطاقة اتصال الواتساب التي تحتوي على الجلسة والحالة.
Container(
padding: const EdgeInsets.all(20),
decoration: BoxDecoration(
color: const Color(0xFF15102A),
borderRadius: BorderRadius.circular(16),
border: Border.all(color: Colors.white.withOpacity(0.05)),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
const Text(
'حالة الجلسة الحالية',
style: TextStyle(color: Colors.white70, fontSize: 14),
),
_buildStatusBadge(session?.status ?? 'disconnected'),
],
),
const Divider(color: Colors.white10, height: 24),
_buildRow('اسم الجلسة', session?.name ?? 'WhatsApp Team'),
_buildRow('مفتاح التعريف', session?.sessionKey ?? 'لا يوجد'),
if (session?.phone != null) _buildRow('رقم الهاتف المرتبط', session!.phone!),
const SizedBox(height: 24),
// English: Render different elements depending on connection status.
// Arabic: عرض عناصر مختلفة حسب حالة الاتصال.
if (session == null || session.status == 'disconnected') ...[
const Text(
'⚠️ الحساب غير متصل. يرجى توليد رمز الاستجابة السريعة (QR Code) ومسحه ضوئياً لتفعيل الاتصال.',
style: TextStyle(color: Colors.orangeAccent, fontSize: 13),
),
const SizedBox(height: 20),
ElevatedButton.icon(
style: ElevatedButton.styleFrom(
backgroundColor: Colors.purpleAccent,
padding: const EdgeInsets.symmetric(vertical: 14, horizontal: 24),
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10)),
),
icon: const Icon(Icons.qr_code_scanner),
label: const Text('توليد رمز الاستجابة QR'),
onPressed: () {
// English: Dispatch requestWhatsAppQr command to DashboardCubit.
// Arabic: استدعاء أمر طلب رمز الاستجابة في الكيوبيت.
context.read<DashboardCubit>().requestWhatsAppQr();
},
),
] else if (session.status == 'waiting_qr') ...[
const Text(
'🔍 رمز الاستجابة جاهز للمسح. يرجى فتح الواتساب في هاتفك واختيار "الأجهزة المرتبطة" ثم مسح الرمز أدناه:',
style: TextStyle(color: Colors.yellowAccent, fontSize: 13),
),
const SizedBox(height: 20),
Center(
child: Container(
padding: const EdgeInsets.all(12),
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(12),
),
child: const Icon(Icons.qr_code_2, size: 200, color: Colors.black),
),
),
const SizedBox(height: 20),
] else if (session.status == 'connected') ...[
const Text(
'✅ الحساب متصل وجاهز للعمل. الردود التلقائية وروبوت خدمة العملاء نشطان الآن.',
style: TextStyle(color: Colors.greenAccent, fontSize: 13),
),
const SizedBox(height: 20),
OutlinedButton.icon(
style: OutlinedButton.styleFrom(
foregroundColor: Colors.redAccent,
side: const BorderSide(color: Colors.redAccent),
padding: const EdgeInsets.symmetric(vertical: 14, horizontal: 24),
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10)),
),
icon: const Icon(Icons.link_off),
label: const Text('قطع الاتصال'),
onPressed: () => _showDisconnectDialog(context),
),
],
],
),
),
],
),
);
}
Widget _buildRow(String label, String value) {
return Padding(
padding: const EdgeInsets.symmetric(vertical: 6.0),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(label, style: const TextStyle(color: Colors.white70, fontSize: 13)),
Text(value, style: const TextStyle(color: Colors.white, fontSize: 13, fontWeight: FontWeight.bold)),
],
),
);
}
Widget _buildStatusBadge(String status) {
Color color;
String text;
switch (status) {
case 'connected':
color = Colors.green;
text = 'متصل';
break;
case 'waiting_qr':
color = Colors.orange;
text = 'بانتظار المسح';
break;
case 'connecting':
color = Colors.blue;
text = 'جاري الاتصال';
break;
default:
color = Colors.red;
text = 'غير متصل';
break;
}
return Container(
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 4),
decoration: BoxDecoration(
color: color.withOpacity(0.2),
borderRadius: BorderRadius.circular(12),
border: Border.all(color: color),
),
child: Text(text, style: TextStyle(color: color, fontSize: 11, fontWeight: FontWeight.bold)),
);
}
}