Hamza/musadaq-saas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update: 2026-05-07 03:06:15

Browse Source
This commit is contained in:
Hamza-Ayed
2026-05-07 03:06:15 +03:00
parent 272971fc5b
commit bfb6368ec8
28 changed files with 3292 additions and 188 deletions
Download Patch File Download Diff File Expand all files Collapse all files

205
musadaq-app/lib/features/invoices/views/invoice_detail_view.dart Normal file
View File

@@ -0,0 +1,205 @@
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import '../controllers/invoice_detail_controller.dart';
class InvoiceDetailView extends StatelessWidget {
const InvoiceDetailView({super.key});
@override
Widget build(BuildContext context) {
final controller = Get.put(InvoiceDetailController());
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)),
backgroundColor: isDark ? const Color(0xFF1E1E2E) : const Color(0xFF0F4C81),
foregroundColor: Colors.white,
elevation: 0,
),
body: Obx(() {
if (controller.isLoading.value) {
return const Center(child: CircularProgressIndicator(color: Color(0xFF0F4C81)));
}
if (controller.invoice.isEmpty) {
return const Center(child: Text('لم يتم العثور على الفاتورة'));
}
final inv = controller.invoice;
final status = inv['status'] ?? 'pending';
return SingleChildScrollView(
padding: const EdgeInsets.all(16),
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
// Header Card
Container(
padding: const EdgeInsets.all(20),
decoration: BoxDecoration(
color: isDark ? const Color(0xFF1E1E2E) : Colors.white,
borderRadius: BorderRadius.circular(16),
border: Border.all(color: isDark ? Colors.white10 : Colors.grey.shade200),
),
child: Column(
children: [
Text(
inv['supplier_name'] ?? inv['company_name'] ?? 'بدون اسم',
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold,
color: isDark ? Colors.white : const Color(0xFF0F172A),
),
textAlign: TextAlign.center,
),
const SizedBox(height: 8),
Text(
'فاتورة ضريبية',
style: TextStyle(color: isDark ? Colors.white70 : Colors.grey.shade600),
),
const SizedBox(height: 16),
Text(
'${double.tryParse(inv['grand_total']?.toString() ?? '0')?.toStringAsFixed(2) ?? '0.00'} JOD',
style: TextStyle(
fontSize: 32,
fontWeight: FontWeight.w900,
color: isDark ? const Color(0xFF5EEAD4) : const Color(0xFF0F4C81),
fontFamily: 'monospace',
),
),
const SizedBox(height: 16),
_buildStatusChip(status),
],
),
),
const SizedBox(height: 16),
// Details Card
Container(
padding: const EdgeInsets.all(20),
decoration: BoxDecoration(
color: isDark ? const Color(0xFF1E1E2E) : Colors.white,
borderRadius: BorderRadius.circular(16),
border: Border.all(color: isDark ? Colors.white10 : Colors.grey.shade200),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text('المعلومات الأساسية', style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold)),
const SizedBox(height: 16),
_buildInfoRow('رقم الفاتورة', inv['invoice_number'] ?? '—', isDark),
const Divider(height: 24),
_buildInfoRow('تاريخ الإصدار', inv['invoice_date'] ?? '—', isDark),
const Divider(height: 24),
_buildInfoRow('الرقم الضريبي', inv['tax_number'] ?? '—', isDark),
],
),
),
const SizedBox(height: 16),
// Amounts Card
Container(
padding: const EdgeInsets.all(20),
decoration: BoxDecoration(
color: isDark ? const Color(0xFF1E1E2E) : Colors.white,
borderRadius: BorderRadius.circular(16),
border: Border.all(color: isDark ? Colors.white10 : Colors.grey.shade200),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text('تفاصيل المبلغ', style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold)),
const SizedBox(height: 16),
_buildInfoRow('المبلغ الخاضع للضريبة', '${inv['subtotal'] ?? '0.00'} JOD', isDark),
const Divider(height: 24),
_buildInfoRow('قيمة الضريبة', '${inv['tax_amount'] ?? '0.00'} JOD', isDark),
const Divider(height: 24),
_buildInfoRow('الإجمالي', '${inv['grand_total'] ?? '0.00'} JOD', isDark, isBold: true),
],
),
),
const SizedBox(height: 32),
// Action Buttons
if (status == 'extracted') ...[
SizedBox(
height: 52,
child: ElevatedButton.icon(
onPressed: () => controller.approveInvoice(),
style: ElevatedButton.styleFrom(
backgroundColor: const Color(0xFF10B981),
foregroundColor: Colors.white,
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
),
icon: const Icon(Icons.check_circle_outline),
label: const Text('اعتماد الفاتورة نهائياً', style: TextStyle(fontWeight: FontWeight.bold, fontSize: 16)),
),
),
const SizedBox(height: 12),
],
SizedBox(
height: 52,
child: OutlinedButton.icon(
onPressed: () => controller.viewOriginalImage(),
style: OutlinedButton.styleFrom(
foregroundColor: const Color(0xFF0F4C81),
side: const BorderSide(color: Color(0xFF0F4C81)),
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
),
icon: const Icon(Icons.image_outlined),
label: const Text('عرض صورة الفاتورة الأصلية', style: TextStyle(fontWeight: FontWeight.bold, fontSize: 16)),
),
),
const SizedBox(height: 40),
],
),
);
}),
);
}
Widget _buildStatusChip(String status) {
Color color;
String text;
switch (status) {
case 'approved': color = const Color(0xFF10B981); text = '✓ معتمدة'; break;
case 'extracted': color = const Color(0xFF3B82F6); text = 'جاهزة للتدقيق'; break;
default: color = const Color(0xFFF59E0B); text = 'قيد المعالجة';
}
return Container(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
decoration: BoxDecoration(
color: color.withOpacity(0.1),
borderRadius: BorderRadius.circular(20),
border: Border.all(color: color.withOpacity(0.2)),
),
child: Text(text, style: TextStyle(color: color, fontWeight: FontWeight.bold, fontSize: 13)),
);
}
Widget _buildInfoRow(String label, String value, bool isDark, {bool isBold = false}) {
return Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(label, style: TextStyle(fontSize: 14, color: isDark ? Colors.white70 : Colors.grey.shade600)),
Text(
value,
style: TextStyle(
fontWeight: isBold ? FontWeight.w900 : FontWeight.w600,
fontSize: isBold ? 18 : 15,
color: isDark ? Colors.white : Colors.black87,
fontFamily: value.contains(RegExp(r'[0-9]')) ? 'monospace' : null,
),
),
],
);
}
}

281
musadaq-app/lib/features/invoices/views/invoices_list_view.dart Normal file
View File

@@ -0,0 +1,281 @@
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import '../controllers/invoices_controller.dart';
class InvoicesListView extends GetView<InvoicesController> {
const InvoicesListView({super.key});
@override
Widget build(BuildContext context) {
final isDark = Theme.of(context).brightness == Brightness.dark;
return Column(
children: [
// App Bar replacement
Container(
padding: EdgeInsets.only(top: MediaQuery.of(context).padding.top, left: 8, right: 8, bottom: 12),
color: isDark ? const Color(0xFF1E1E2E) : const Color(0xFF0F4C81),
child: Row(
children: [
const SizedBox(width: 48),
Expanded(
child: Center(
child: Text(
'الفواتير',
style: TextStyle(color: Colors.white, fontSize: 18, fontWeight: FontWeight.bold),
),
),
),
IconButton(
icon: const Icon(Icons.search_rounded, color: Colors.white),
onPressed: () => controller.toggleSearch(),
),
IconButton(
icon: const Icon(Icons.refresh_rounded, color: Colors.white),
onPressed: () => controller.loadInvoices(),
),
],
),
),
// Search Bar
Obx(() => AnimatedContainer(
duration: const Duration(milliseconds: 300),
height: controller.isSearching.value ? 64 : 0,
child: controller.isSearching.value
? Padding(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
child: TextField(
onChanged: (v) => controller.searchQuery.value = v,
textDirection: TextDirection.rtl,
decoration: InputDecoration(
hintText: 'بحث بالرقم أو اسم المورد...',
prefixIcon: const Icon(Icons.search, size: 20),
filled: true,
fillColor: isDark ? Colors.white10 : Colors.white,
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(12),
borderSide: BorderSide.none,
),
contentPadding: const EdgeInsets.symmetric(horizontal: 16),
),
),
)
: const SizedBox(),
)),
// Filter Tabs
Container(
height: 44,
margin: const EdgeInsets.symmetric(vertical: 8),
child: ListView(
scrollDirection: Axis.horizontal,
padding: const EdgeInsets.symmetric(horizontal: 16),
children: [
_buildFilterChip('الكل', 'all', controller, isDark),
_buildFilterChip('قيد المعالجة', 'uploaded', controller, isDark),
_buildFilterChip('جاهزة', 'extracted', controller, isDark),
_buildFilterChip('معتمدة', 'approved', controller, isDark),
],
),
),
// Invoice List
Expanded(
child: Obx(() {
if (controller.isLoading.value) {
return _buildShimmerList();
}
final invoices = controller.filteredInvoices;
if (invoices.isEmpty) {
return _buildEmptyState(isDark);
}
return RefreshIndicator(
onRefresh: () async => controller.loadInvoices(),
child: ListView.builder(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
itemCount: invoices.length,
itemBuilder: (context, index) => _buildInvoiceCard(invoices[index], isDark),
),
);
}),
),
],
);
}
Widget _buildFilterChip(String label, String value, InvoicesController ctrl, bool isDark) {
return Obx(() {
final isSelected = ctrl.filterStatus.value == value;
return Padding(
padding: const EdgeInsets.only(left: 8),
child: ChoiceChip(
label: Text(label),
selected: isSelected,
onSelected: (_) => ctrl.filterStatus.value = value,
selectedColor: const Color(0xFF0F4C81),
backgroundColor: isDark ? Colors.white10 : Colors.white,
labelStyle: TextStyle(
color: isSelected ? Colors.white : (isDark ? Colors.white70 : Colors.black87),
fontWeight: isSelected ? FontWeight.w700 : FontWeight.w400,
fontSize: 13,
),
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
side: BorderSide(color: isSelected ? Colors.transparent : Colors.grey.shade300),
),
);
});
}
Widget _buildInvoiceCard(Map<String, dynamic> inv, bool isDark) {
final status = inv['status'] ?? '';
Color statusColor;
String statusText;
IconData statusIcon;
switch (status) {
case 'approved':
statusColor = const Color(0xFF10B981);
statusText = '✓ معتمدة';
statusIcon = Icons.check_circle;
break;
case 'extracted':
statusColor = const Color(0xFF3B82F6);
statusText = 'جاهزة للتدقيق';
statusIcon = Icons.pending_actions;
break;
default:
statusColor = const Color(0xFFF59E0B);
statusText = 'قيد المعالجة';
statusIcon = Icons.hourglass_empty;
}
return Card(
margin: const EdgeInsets.only(bottom: 12),
elevation: 0,
color: isDark ? const Color(0xFF1E1E2E) : Colors.white,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(14),
side: BorderSide(color: isDark ? Colors.white10 : Colors.grey.shade200),
),
child: InkWell(
borderRadius: BorderRadius.circular(14),
onTap: () {
Get.toNamed('/invoice-detail', arguments: {'id': inv['id'].toString()});
},
child: Padding(
padding: const EdgeInsets.all(16),
child: Row(
children: [
Container(
width: 48,
height: 48,
decoration: BoxDecoration(
color: statusColor.withOpacity(0.1),
borderRadius: BorderRadius.circular(12),
),
child: Icon(statusIcon, color: statusColor, size: 24),
),
const SizedBox(width: 14),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
inv['supplier_name'] ?? inv['company_name'] ?? 'بدون اسم',
style: TextStyle(
fontWeight: FontWeight.w700,
fontSize: 15,
color: isDark ? Colors.white : const Color(0xFF0F172A),
),
maxLines: 1,
overflow: TextOverflow.ellipsis,
),
const SizedBox(height: 4),
Text(
'# ${inv['invoice_number'] ?? '—'} • ${inv['invoice_date'] ?? '—'}',
style: TextStyle(
fontSize: 12,
color: isDark ? Colors.white38 : const Color(0xFF94A3B8),
fontFamily: 'monospace',
),
),
],
),
),
Column(
crossAxisAlignment: CrossAxisAlignment.end,
children: [
Text(
'${double.tryParse(inv['grand_total']?.toString() ?? '0')?.toStringAsFixed(2) ?? '0.00'} JOD',
style: TextStyle(
fontWeight: FontWeight.w800,
fontSize: 14,
color: isDark ? const Color(0xFF5EEAD4) : const Color(0xFF008080),
fontFamily: 'monospace',
),
),
const SizedBox(height: 6),
Container(
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 3),
decoration: BoxDecoration(
color: statusColor.withOpacity(0.1),
borderRadius: BorderRadius.circular(8),
),
child: Text(
statusText,
style: TextStyle(color: statusColor, fontSize: 11, fontWeight: FontWeight.w600),
),
),
],
),
],
),
),
),
);
}
Widget _buildEmptyState(bool isDark) {
return Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(Icons.receipt_long_rounded, size: 80, color: isDark ? Colors.white12 : Colors.grey.shade300),
const SizedBox(height: 16),
Text(
'لا توجد فواتير بعد',
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.w600,
color: isDark ? Colors.white38 : Colors.grey,
),
),
const SizedBox(height: 8),
Text(
'ابدأ بتصوير فواتيرك من زر الماسح الضوئي',
style: TextStyle(fontSize: 13, color: isDark ? Colors.white24 : Colors.grey.shade400),
),
],
),
);
}
Widget _buildShimmerList() {
return ListView.builder(
padding: const EdgeInsets.all(16),
itemCount: 5,
itemBuilder: (context, index) => Container(
height: 80,
margin: const EdgeInsets.only(bottom: 12),
decoration: BoxDecoration(
color: Colors.grey.withOpacity(0.1),
borderRadius: BorderRadius.circular(14),
),
),
);
}
}