Deploy: 2026-05-25 00:59:08

mobile/lib/features/dashboard/presentation/widgets/channels_view.dart

@@ -120,6 +120,49 @@ class _ChannelsViewState extends State<ChannelsView> 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<ChannelsView> 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),
+      ),
+    );
+  }
 }