Update: 2026-05-08 01:52:24

musadaq-app/lib/features/tenants/controllers/tenants_management_controller.dart

@@ -30,4 +30,31 @@ class TenantsManagementController extends GetxController {
       isLoading.value = false;
     }
   }
+
+  Future<void> updateTenant(String id, Map<String, dynamic> data) async {
+    try {
+      data['id'] = id;
+      final response = await _dio.post('tenants/update', data: data);
+      if (response.data['success'] == true) {
+        await fetchTenants();
+        AppSnackbar.showSuccess('نجاح', 'تم تحديث بيانات المكتب');
+      }
+    } catch (e) {
+      AppLogger.error('Failed to update tenant', e);
+      AppSnackbar.showError('خطأ', 'تعذر تحديث المكتب');
+    }
+  }
+
+  Future<void> deleteTenant(String id) async {
+    try {
+      final response = await _dio.post('tenants/delete', data: {'id': id});
+      if (response.data['success'] == true) {
+        tenants.removeWhere((t) => t['id'] == id);
+        AppSnackbar.showSuccess('نجاح', 'تم حذف المكتب المحاسبي');
+      }
+    } catch (e) {
+      AppLogger.error('Failed to delete tenant', e);
+      AppSnackbar.showError('خطأ', 'تعذر حذف المكتب');
+    }
+  }
 }

musadaq-app/lib/features/tenants/views/tenants_management_view.dart

@@ -12,24 +12,30 @@ class TenantsManagementView extends StatelessWidget {
     final isDark = Theme.of(context).brightness == Brightness.dark;
 
     return Scaffold(
+      backgroundColor: isDark ? const Color(0xFF121212) : const Color(0xFFF5F7FA),
       appBar: AppBar(
-        title: const Text('إدارة المكاتب المحاسبية', style: TextStyle(fontFamily: 'El Messiri')),
+        title: const Text('إدارة المكاتب المحاسبية', style: TextStyle(fontWeight: FontWeight.bold)),
         centerTitle: true,
         backgroundColor: const Color(0xFF0F4C81),
         foregroundColor: Colors.white,
         elevation: 0,
         actions: [
           IconButton(
-            icon: const Icon(Icons.add),
-            onPressed: () {
-              Get.to(() => const AddTenantView());
+            icon: const Icon(Icons.refresh_rounded),
+            onPressed: () => controller.fetchTenants(),
+          ),
+          IconButton(
+            icon: const Icon(Icons.add_circle_outline),
+            onPressed: () async {
+              await Get.to(() => const AddTenantView());
+              controller.fetchTenants();
             },
           ),
         ],
       ),
       body: Obx(() {
         if (controller.isLoading.value) {
-          return const Center(child: CircularProgressIndicator());
+          return const Center(child: CircularProgressIndicator(color: Color(0xFF0F4C81)));
         }
 
         if (controller.tenants.isEmpty) {
@@ -37,9 +43,18 @@ class TenantsManagementView extends StatelessWidget {
             child: Column(
               mainAxisAlignment: MainAxisAlignment.center,
               children: [
-                Icon(Icons.account_balance_outlined, size: 80, color: Colors.grey.shade400),
+                Container(
+                  width: 80, height: 80,
+                  decoration: BoxDecoration(
+                    color: const Color(0xFF0F4C81).withValues(alpha: 0.1),
+                    borderRadius: BorderRadius.circular(20),
+                  ),
+                  child: const Icon(Icons.account_balance, size: 40, color: Color(0xFF0F4C81)),
+                ),
                 const SizedBox(height: 16),
-                const Text('لا يوجد مكاتب محاسبية مسجلة', style: TextStyle(fontSize: 18, color: Colors.grey)),
+                Text('لا يوجد مكاتب محاسبية', style: TextStyle(fontSize: 18, fontWeight: FontWeight.w600, color: isDark ? Colors.white54 : Colors.grey)),
+                const SizedBox(height: 8),
+                Text('اضغط + لإضافة مكتب جديد', style: TextStyle(fontSize: 13, color: isDark ? Colors.white24 : Colors.grey.shade400)),
               ],
             ),
           );
@@ -51,38 +66,220 @@ class TenantsManagementView extends StatelessWidget {
             padding: const EdgeInsets.all(16),
             itemCount: controller.tenants.length,
             itemBuilder: (context, index) {
-              final tenant = controller.tenants[index];
-              return Card(
-                elevation: 2,
-                margin: const EdgeInsets.only(bottom: 12),
-                shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
-                child: ListTile(
-                  leading: CircleAvatar(
-                    backgroundColor: const Color(0xFF0F4C81).withValues(alpha: 0.1),
-                    child: const Icon(Icons.account_balance, color: Color(0xFF0F4C81)),
-                  ),
-                  title: Text(
-                    tenant['name'] ?? 'مكتب محاسبي',
-                    style: const TextStyle(fontWeight: FontWeight.bold),
-                  ),
-                  subtitle: Text(tenant['email'] ?? ''),
-                  trailing: Container(
-                    padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
-                    decoration: BoxDecoration(
-                      color: const Color(0xFF0F4C81).withValues(alpha: 0.1),
-                      borderRadius: BorderRadius.circular(6),
-                    ),
-                    child: Text(
-                      tenant['status'] ?? 'active',
-                      style: const TextStyle(color: Color(0xFF0F4C81), fontSize: 12),
-                    ),
-                  ),
-                ),
-              );
+              return _buildTenantCard(controller.tenants[index], controller, isDark, context);
             },
           ),
         );
       }),
     );
   }
+
+  Widget _buildTenantCard(Map<String, dynamic> tenant, TenantsManagementController controller, bool isDark, BuildContext context) {
+    final status = tenant['status'] ?? 'active';
+    final isActive = status == 'active';
+    final companiesCount = tenant['companies_count'] ?? tenant['company_count'] ?? 0;
+    final usersCount = tenant['users_count'] ?? tenant['user_count'] ?? 0;
+
+    return Container(
+      margin: const EdgeInsets.only(bottom: 14),
+      decoration: BoxDecoration(
+        color: isDark ? const Color(0xFF1E1E2E) : Colors.white,
+        borderRadius: BorderRadius.circular(16),
+        border: Border.all(color: isDark ? Colors.white10 : Colors.grey.shade200),
+        boxShadow: [
+          if (!isDark) BoxShadow(color: Colors.black.withValues(alpha: 0.04), blurRadius: 8, offset: const Offset(0, 2)),
+        ],
+      ),
+      child: Column(
+        children: [
+          // Header
+          Container(
+            padding: const EdgeInsets.all(16),
+            decoration: BoxDecoration(
+              gradient: LinearGradient(
+                colors: isActive
+                    ? [const Color(0xFF0F4C81).withValues(alpha: 0.08), const Color(0xFF0F4C81).withValues(alpha: 0.02)]
+                    : [Colors.red.withValues(alpha: 0.08), Colors.red.withValues(alpha: 0.02)],
+                begin: Alignment.topLeft, end: Alignment.bottomRight,
+              ),
+              borderRadius: const BorderRadius.vertical(top: Radius.circular(16)),
+            ),
+            child: Row(
+              children: [
+                Container(
+                  width: 50, height: 50,
+                  decoration: BoxDecoration(
+                    gradient: const LinearGradient(colors: [Color(0xFF0F4C81), Color(0xFF1A6BB5)]),
+                    borderRadius: BorderRadius.circular(14),
+                  ),
+                  child: const Icon(Icons.account_balance, color: Colors.white, size: 24),
+                ),
+                const SizedBox(width: 14),
+                Expanded(
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      Text(
+                        tenant['name'] ?? 'مكتب محاسبي',
+                        style: TextStyle(fontSize: 17, fontWeight: FontWeight.bold, color: isDark ? Colors.white : const Color(0xFF0F172A)),
+                      ),
+                      const SizedBox(height: 4),
+                      if (tenant['email'] != null && tenant['email'].toString().isNotEmpty)
+                        Text(tenant['email'], style: TextStyle(fontSize: 13, color: isDark ? Colors.white38 : Colors.grey)),
+                    ],
+                  ),
+                ),
+                Container(
+                  padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 5),
+                  decoration: BoxDecoration(
+                    color: (isActive ? const Color(0xFF10B981) : Colors.red).withValues(alpha: 0.1),
+                    borderRadius: BorderRadius.circular(8),
+                  ),
+                  child: Row(
+                    mainAxisSize: MainAxisSize.min,
+                    children: [
+                      Icon(isActive ? Icons.check_circle : Icons.block, size: 14, color: isActive ? const Color(0xFF10B981) : Colors.red),
+                      const SizedBox(width: 4),
+                      Text(isActive ? 'نشط' : 'معطّل', style: TextStyle(fontSize: 12, fontWeight: FontWeight.w600, color: isActive ? const Color(0xFF10B981) : Colors.red)),
+                    ],
+                  ),
+                ),
+              ],
+            ),
+          ),
+
+          // Stats row
+          Padding(
+            padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
+            child: Row(
+              children: [
+                _statChip(Icons.business, '$companiesCount شركة', const Color(0xFF3B82F6), isDark),
+                const SizedBox(width: 10),
+                _statChip(Icons.people, '$usersCount مستخدم', const Color(0xFF6366F1), isDark),
+                const SizedBox(width: 10),
+                if (tenant['phone'] != null && tenant['phone'].toString().isNotEmpty)
+                  _statChip(Icons.phone, tenant['phone'], const Color(0xFF10B981), isDark),
+              ],
+            ),
+          ),
+
+          // Actions
+          Container(
+            padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
+            decoration: BoxDecoration(
+              border: Border(top: BorderSide(color: isDark ? Colors.white10 : Colors.grey.shade100)),
+            ),
+            child: Row(
+              mainAxisAlignment: MainAxisAlignment.end,
+              children: [
+                TextButton.icon(
+                  onPressed: () => _showEditDialog(context, tenant, controller),
+                  icon: const Icon(Icons.edit, size: 16, color: Color(0xFF0F4C81)),
+                  label: const Text('تعديل', style: TextStyle(color: Color(0xFF0F4C81), fontSize: 13)),
+                ),
+                const SizedBox(width: 4),
+                TextButton.icon(
+                  onPressed: () => _confirmDelete(context, controller, tenant['id'], tenant['name'] ?? ''),
+                  icon: const Icon(Icons.delete_outline, size: 16, color: Colors.red),
+                  label: const Text('حذف', style: TextStyle(color: Colors.red, fontSize: 13)),
+                ),
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _statChip(IconData icon, String label, Color color, bool isDark) {
+    return Container(
+      padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 6),
+      decoration: BoxDecoration(
+        color: color.withValues(alpha: 0.08),
+        borderRadius: BorderRadius.circular(8),
+      ),
+      child: Row(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          Icon(icon, size: 14, color: color),
+          const SizedBox(width: 4),
+          Text(label, style: TextStyle(fontSize: 11, fontWeight: FontWeight.w600, color: color)),
+        ],
+      ),
+    );
+  }
+
+  void _showEditDialog(BuildContext context, Map<String, dynamic> tenant, TenantsManagementController controller) {
+    final nameC = TextEditingController(text: tenant['name'] ?? '');
+    final emailC = TextEditingController(text: tenant['email'] ?? '');
+    final phoneC = TextEditingController(text: tenant['phone'] ?? '');
+    final addressC = TextEditingController(text: tenant['address'] ?? '');
+
+    Get.dialog(
+      AlertDialog(
+        title: const Text('تعديل بيانات المكتب', textAlign: TextAlign.center, style: TextStyle(fontWeight: FontWeight.bold)),
+        content: SingleChildScrollView(
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            children: [
+              _editField('اسم المكتب', nameC, Icons.account_balance),
+              _editField('البريد الإلكتروني', emailC, Icons.email),
+              _editField('رقم الهاتف', phoneC, Icons.phone),
+              _editField('العنوان', addressC, Icons.location_on),
+            ],
+          ),
+        ),
+        actions: [
+          TextButton(onPressed: () => Get.back(), child: const Text('إلغاء')),
+          ElevatedButton(
+            onPressed: () {
+              Get.back();
+              controller.updateTenant(tenant['id'], {
+                'name': nameC.text,
+                'email': emailC.text,
+                'phone': phoneC.text,
+                'address': addressC.text,
+              });
+            },
+            style: ElevatedButton.styleFrom(
+              backgroundColor: const Color(0xFF0F4C81),
+              shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10)),
+            ),
+            child: const Text('حفظ', style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold)),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _editField(String label, TextEditingController controller, IconData icon) {
+    return Padding(
+      padding: const EdgeInsets.only(bottom: 12),
+      child: TextField(
+        controller: controller,
+        textDirection: TextDirection.rtl,
+        decoration: InputDecoration(
+          labelText: label,
+          prefixIcon: Icon(icon, size: 20),
+          border: OutlineInputBorder(borderRadius: BorderRadius.circular(10)),
+          contentPadding: const EdgeInsets.symmetric(horizontal: 12, vertical: 12),
+        ),
+      ),
+    );
+  }
+
+  void _confirmDelete(BuildContext context, TenantsManagementController controller, String id, String name) {
+    Get.defaultDialog(
+      title: 'حذف المكتب المحاسبي',
+      middleText: 'هل أنت متأكد من حذف "$name"؟\nسيتم حذف جميع بياناته.',
+      textConfirm: 'حذف نهائي',
+      textCancel: 'إلغاء',
+      confirmTextColor: Colors.white,
+      buttonColor: Colors.red,
+      onConfirm: () {
+        Get.back();
+        controller.deleteTenant(id);
+      },
+    );
+  }
 }