diff --git a/backend/public/index.html b/backend/public/index.html
index 42e9ffb..a6f63be 100644
--- a/backend/public/index.html
+++ b/backend/public/index.html
@@ -1150,6 +1150,34 @@
+
+
+
diff --git a/mobile/lib/features/dashboard/presentation/widgets/channels_view.dart b/mobile/lib/features/dashboard/presentation/widgets/channels_view.dart
index 0fb3cec..31e8301 100644
--- a/mobile/lib/features/dashboard/presentation/widgets/channels_view.dart
+++ b/mobile/lib/features/dashboard/presentation/widgets/channels_view.dart
@@ -120,6 +120,49 @@ class _ChannelsViewState extends State with SingleTickerProviderSt
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
+ Container(
+ width: double.infinity,
+ padding: const EdgeInsets.all(12),
+ margin: const EdgeInsets.only(bottom: 16),
+ decoration: BoxDecoration(
+ color: Colors.white.withOpacity(0.03),
+ borderRadius: BorderRadius.circular(8),
+ border: Border.all(color: Colors.white10),
+ ),
+ child: Column(
+ crossAxisAlignment: CrossAxisAlignment.start,
+ children: [
+ Row(
+ children: [
+ const Icon(Icons.info_outline, color: Colors.purpleAccent, size: 16),
+ const SizedBox(width: 6),
+ Text(
+ type == 'messenger'
+ ? 'تعليمات ربط صفحة فيسبوك:'
+ : 'تعليمات ربط حساب إنستغرام:',
+ style: const TextStyle(
+ color: Colors.purpleAccent,
+ fontSize: 13,
+ fontWeight: FontWeight.bold,
+ ),
+ ),
+ ],
+ ),
+ const SizedBox(height: 8),
+ if (type == 'messenger') ...[
+ _buildStep('1. اذهب إلى developers.facebook.com وأنشئ تطبيقاً.'),
+ _buildStep('2. أضف منتج Messenger إلى لوحة تحكم تطبيقك.'),
+ _buildStep('3. اربط صفحتك وولد رمز الوصول (Page Access Token).'),
+ _buildStep('4. انسخ معرّف الصفحة والرمز وضعهما أدناه.'),
+ ] else ...[
+ _buildStep('1. حول حساب إنستغرام لحساب أعمال واربطه بصفحة فيسبوك.'),
+ _buildStep('2. اذهب لـ developers.facebook.com وأضف Messenger.'),
+ _buildStep('3. انسخ معرّف حساب الأعمال من إعدادات الصفحة المرتبطة.'),
+ _buildStep('4. ولد رمز وصول الصفحة المرتبطة وضعه في الحقل أدناه.'),
+ ],
+ ],
+ ),
+ ),
TextFormField(
controller: pageNameController,
style: const TextStyle(color: Colors.white),
@@ -463,4 +506,14 @@ class _ChannelsViewState extends State with SingleTickerProviderSt
child: Text(text, style: TextStyle(color: color, fontSize: 11, fontWeight: FontWeight.bold)),
);
}
+
+ Widget _buildStep(String text) {
+ return Padding(
+ padding: const EdgeInsets.symmetric(vertical: 2.0),
+ child: Text(
+ text,
+ style: const TextStyle(color: Colors.white70, fontSize: 11, height: 1.4),
+ ),
+ );
+ }
}