286 lines
12 KiB
Dart
286 lines
12 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:get/get.dart';
|
|
import '../controllers/tenants_management_controller.dart';
|
|
import 'add_tenant_view.dart';
|
|
|
|
class TenantsManagementView extends StatelessWidget {
|
|
const TenantsManagementView({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final controller = Get.put(TenantsManagementController());
|
|
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(fontWeight: FontWeight.bold)),
|
|
centerTitle: true,
|
|
backgroundColor: const Color(0xFF0F4C81),
|
|
foregroundColor: Colors.white,
|
|
elevation: 0,
|
|
actions: [
|
|
IconButton(
|
|
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(color: Color(0xFF0F4C81)));
|
|
}
|
|
|
|
if (controller.tenants.isEmpty) {
|
|
return Center(
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
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),
|
|
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)),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
return RefreshIndicator(
|
|
onRefresh: controller.fetchTenants,
|
|
child: ListView.builder(
|
|
padding: const EdgeInsets.all(16),
|
|
itemCount: controller.tenants.length,
|
|
itemBuilder: (context, index) {
|
|
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);
|
|
},
|
|
);
|
|
}
|
|
}
|