Files
nabeh/mobile/lib/features/dashboard/presentation/screens/dashboard_screen.dart
2026-05-25 00:29:42 +03:00

295 lines
12 KiB
Dart

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/channels_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.contact_mail_outlined,
),
_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 ChannelsView(
whatsappStatus: state.whatsappStatus,
metaSessions: state.metaSessions,
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,
);
}
}
}