add payments screen
This commit is contained in:
Phuoc Nguyen
@@ -11,6 +11,7 @@ import 'package:worker/features/favorites/presentation/pages/favorites_page.dart
|
||||
import 'package:worker/features/loyalty/presentation/pages/rewards_page.dart';
|
||||
import 'package:worker/features/main/presentation/pages/main_scaffold.dart';
|
||||
import 'package:worker/features/orders/presentation/pages/orders_page.dart';
|
||||
import 'package:worker/features/orders/presentation/pages/payments_page.dart';
|
||||
import 'package:worker/features/products/presentation/pages/product_detail_page.dart';
|
||||
import 'package:worker/features/products/presentation/pages/products_page.dart';
|
||||
import 'package:worker/features/promotions/presentation/pages/promotion_detail_page.dart';
|
||||
@@ -117,6 +118,16 @@ class AppRouter {
|
||||
),
|
||||
),
|
||||
|
||||
// Payments Route
|
||||
GoRoute(
|
||||
path: RouteNames.payments,
|
||||
name: RouteNames.payments,
|
||||
pageBuilder: (context, state) => MaterialPage(
|
||||
key: state.pageKey,
|
||||
child: const PaymentsPage(),
|
||||
),
|
||||
),
|
||||
|
||||
// TODO: Add more routes as features are implemented
|
||||
],
|
||||
|
||||
|
||||
@@ -194,7 +194,7 @@ class HomePage extends ConsumerWidget {
|
||||
icon: Icons.receipt_long,
|
||||
label: 'Thanh toán',
|
||||
onTap: () =>
|
||||
_showComingSoon(context, 'Thanh toán', l10n),
|
||||
context.push(RouteNames.payments)
|
||||
),
|
||||
],
|
||||
),
|
||||
|
||||
@@ -0,0 +1,248 @@
|
||||
/// Local Data Source: Invoices
|
||||
///
|
||||
/// Provides mock invoice data for development and testing.
|
||||
library;
|
||||
|
||||
import 'dart:convert';
|
||||
|
||||
import 'package:flutter/foundation.dart';
|
||||
import 'package:worker/features/orders/data/models/invoice_model.dart';
|
||||
|
||||
/// Invoices Local Data Source
|
||||
///
|
||||
/// Manages local mock invoice data.
|
||||
class InvoicesLocalDataSource {
|
||||
/// Get all mock invoices
|
||||
Future<List<InvoiceModel>> getAllInvoices() async {
|
||||
try {
|
||||
debugPrint('[InvoicesLocalDataSource] Loading mock invoices...');
|
||||
|
||||
// Parse mock JSON data
|
||||
final decoded = jsonDecode(_mockInvoicesJson);
|
||||
if (decoded is! List) {
|
||||
throw Exception('Invalid JSON format: expected List');
|
||||
}
|
||||
|
||||
final invoices = (decoded as List<dynamic>)
|
||||
.map((json) => InvoiceModel.fromJson(json as Map<String, dynamic>))
|
||||
.toList();
|
||||
|
||||
debugPrint('[InvoicesLocalDataSource] Loaded ${invoices.length} invoices');
|
||||
return invoices;
|
||||
} catch (e, stackTrace) {
|
||||
debugPrint('[InvoicesLocalDataSource] Error loading invoices: $e');
|
||||
debugPrint('Stack trace: $stackTrace');
|
||||
rethrow;
|
||||
}
|
||||
}
|
||||
|
||||
/// Get invoices by status
|
||||
Future<List<InvoiceModel>> getInvoicesByStatus(String status) async {
|
||||
try {
|
||||
final allInvoices = await getAllInvoices();
|
||||
final filtered = allInvoices
|
||||
.where((invoice) => invoice.status.name == status)
|
||||
.toList();
|
||||
|
||||
debugPrint(
|
||||
'[InvoicesLocalDataSource] Filtered ${filtered.length} invoices with status: $status',
|
||||
);
|
||||
return filtered;
|
||||
} catch (e) {
|
||||
debugPrint('[InvoicesLocalDataSource] Error filtering invoices: $e');
|
||||
rethrow;
|
||||
}
|
||||
}
|
||||
|
||||
/// Search invoices by invoice number or order ID
|
||||
Future<List<InvoiceModel>> searchInvoices(String query) async {
|
||||
try {
|
||||
if (query.isEmpty) {
|
||||
return getAllInvoices();
|
||||
}
|
||||
|
||||
final allInvoices = await getAllInvoices();
|
||||
final filtered = allInvoices
|
||||
.where(
|
||||
(invoice) =>
|
||||
invoice.invoiceNumber.toLowerCase().contains(query.toLowerCase()) ||
|
||||
(invoice.orderId?.toLowerCase().contains(query.toLowerCase()) ?? false),
|
||||
)
|
||||
.toList();
|
||||
|
||||
debugPrint(
|
||||
'[InvoicesLocalDataSource] Found ${filtered.length} invoices matching "$query"',
|
||||
);
|
||||
return filtered;
|
||||
} catch (e) {
|
||||
debugPrint('[InvoicesLocalDataSource] Error searching invoices: $e');
|
||||
rethrow;
|
||||
}
|
||||
}
|
||||
|
||||
/// Get invoice by ID
|
||||
Future<InvoiceModel?> getInvoiceById(String invoiceId) async {
|
||||
try {
|
||||
final allInvoices = await getAllInvoices();
|
||||
final invoice = allInvoices.firstWhere(
|
||||
(invoice) => invoice.invoiceId == invoiceId,
|
||||
orElse: () => throw Exception('Invoice not found: $invoiceId'),
|
||||
);
|
||||
|
||||
debugPrint('[InvoicesLocalDataSource] Found invoice: ${invoice.invoiceNumber}');
|
||||
return invoice;
|
||||
} catch (e) {
|
||||
debugPrint('[InvoicesLocalDataSource] Error getting invoice: $e');
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
/// Get overdue invoices
|
||||
Future<List<InvoiceModel>> getOverdueInvoices() async {
|
||||
try {
|
||||
final allInvoices = await getAllInvoices();
|
||||
final overdue = allInvoices
|
||||
.where((invoice) => invoice.isOverdue)
|
||||
.toList();
|
||||
|
||||
debugPrint('[InvoicesLocalDataSource] Found ${overdue.length} overdue invoices');
|
||||
return overdue;
|
||||
} catch (e) {
|
||||
debugPrint('[InvoicesLocalDataSource] Error getting overdue invoices: $e');
|
||||
rethrow;
|
||||
}
|
||||
}
|
||||
|
||||
/// Get unpaid invoices (issued but not paid)
|
||||
Future<List<InvoiceModel>> getUnpaidInvoices() async {
|
||||
try {
|
||||
final allInvoices = await getAllInvoices();
|
||||
final unpaid = allInvoices
|
||||
.where((invoice) => invoice.status.name == 'issued' && !invoice.isPaid)
|
||||
.toList();
|
||||
|
||||
debugPrint('[InvoicesLocalDataSource] Found ${unpaid.length} unpaid invoices');
|
||||
return unpaid;
|
||||
} catch (e) {
|
||||
debugPrint('[InvoicesLocalDataSource] Error getting unpaid invoices: $e');
|
||||
rethrow;
|
||||
}
|
||||
}
|
||||
|
||||
/// Mock invoices JSON data
|
||||
/// Matches the HTML design with 5 sample invoices
|
||||
static const String _mockInvoicesJson = '''
|
||||
[
|
||||
{
|
||||
"invoice_id": "inv_001",
|
||||
"invoice_number": "INV001",
|
||||
"user_id": "user_001",
|
||||
"order_id": "ord_001",
|
||||
"invoice_type": "sales",
|
||||
"issue_date": "2025-08-03T00:00:00.000Z",
|
||||
"due_date": "2025-08-13T00:00:00.000Z",
|
||||
"currency": "VND",
|
||||
"subtotal_amount": 85000000,
|
||||
"tax_amount": 0,
|
||||
"discount_amount": 0,
|
||||
"shipping_amount": 0,
|
||||
"total_amount": 85000000,
|
||||
"amount_paid": 25000000,
|
||||
"amount_remaining": 60000000,
|
||||
"status": "overdue",
|
||||
"payment_terms": "Thanh toán trong 10 ngày",
|
||||
"notes": "Hóa đơn cho đơn hàng DH001234",
|
||||
"created_at": "2025-08-03T00:00:00.000Z",
|
||||
"updated_at": "2025-08-03T00:00:00.000Z"
|
||||
},
|
||||
{
|
||||
"invoice_id": "inv_002",
|
||||
"invoice_number": "INV002",
|
||||
"user_id": "user_001",
|
||||
"order_id": "ord_002",
|
||||
"invoice_type": "sales",
|
||||
"issue_date": "2025-07-15T00:00:00.000Z",
|
||||
"due_date": "2025-08-15T00:00:00.000Z",
|
||||
"currency": "VND",
|
||||
"subtotal_amount": 42500000,
|
||||
"tax_amount": 0,
|
||||
"discount_amount": 0,
|
||||
"shipping_amount": 0,
|
||||
"total_amount": 42500000,
|
||||
"amount_paid": 0,
|
||||
"amount_remaining": 42500000,
|
||||
"status": "issued",
|
||||
"payment_terms": "Thanh toán trong 30 ngày",
|
||||
"notes": "Hóa đơn cho đơn hàng DH001233",
|
||||
"created_at": "2025-07-15T00:00:00.000Z",
|
||||
"updated_at": "2025-07-15T00:00:00.000Z"
|
||||
},
|
||||
{
|
||||
"invoice_id": "inv_003",
|
||||
"invoice_number": "INV003",
|
||||
"user_id": "user_001",
|
||||
"order_id": "ord_003",
|
||||
"invoice_type": "sales",
|
||||
"issue_date": "2025-06-01T00:00:00.000Z",
|
||||
"due_date": "2025-07-01T00:00:00.000Z",
|
||||
"currency": "VND",
|
||||
"subtotal_amount": 150000000,
|
||||
"tax_amount": 0,
|
||||
"discount_amount": 0,
|
||||
"shipping_amount": 0,
|
||||
"total_amount": 150000000,
|
||||
"amount_paid": 75000000,
|
||||
"amount_remaining": 75000000,
|
||||
"status": "partiallyPaid",
|
||||
"payment_terms": "Thanh toán theo tiến độ",
|
||||
"notes": "Hóa đơn cho đơn hàng DH001232 - Đã thanh toán 50%",
|
||||
"created_at": "2025-06-01T00:00:00.000Z",
|
||||
"updated_at": "2025-06-15T00:00:00.000Z"
|
||||
},
|
||||
{
|
||||
"invoice_id": "inv_004",
|
||||
"invoice_number": "INV004",
|
||||
"user_id": "user_001",
|
||||
"order_id": "ord_004",
|
||||
"invoice_type": "sales",
|
||||
"issue_date": "2025-05-10T00:00:00.000Z",
|
||||
"due_date": "2025-06-10T00:00:00.000Z",
|
||||
"currency": "VND",
|
||||
"subtotal_amount": 32800000,
|
||||
"tax_amount": 0,
|
||||
"discount_amount": 0,
|
||||
"shipping_amount": 0,
|
||||
"total_amount": 32800000,
|
||||
"amount_paid": 32800000,
|
||||
"amount_remaining": 0,
|
||||
"status": "paid",
|
||||
"payment_terms": "Thanh toán ngay",
|
||||
"notes": "Hóa đơn cho đơn hàng DH001231 - Đã thanh toán đầy đủ",
|
||||
"created_at": "2025-05-10T00:00:00.000Z",
|
||||
"updated_at": "2025-05-12T00:00:00.000Z"
|
||||
},
|
||||
{
|
||||
"invoice_id": "inv_005",
|
||||
"invoice_number": "INV005",
|
||||
"user_id": "user_001",
|
||||
"order_id": "ord_005",
|
||||
"invoice_type": "sales",
|
||||
"issue_date": "2025-04-20T00:00:00.000Z",
|
||||
"due_date": "2025-05-20T00:00:00.000Z",
|
||||
"currency": "VND",
|
||||
"subtotal_amount": 95300000,
|
||||
"tax_amount": 0,
|
||||
"discount_amount": 0,
|
||||
"shipping_amount": 0,
|
||||
"total_amount": 95300000,
|
||||
"amount_paid": 0,
|
||||
"amount_remaining": 95300000,
|
||||
"status": "overdue",
|
||||
"payment_terms": "Thanh toán trong 30 ngày",
|
||||
"notes": "Hóa đơn cho đơn hàng DH001230 - Đã quá hạn",
|
||||
"created_at": "2025-04-20T00:00:00.000Z",
|
||||
"updated_at": "2025-04-20T00:00:00.000Z"
|
||||
}
|
||||
]
|
||||
''';
|
||||
}
|
||||
368
lib/features/orders/presentation/pages/payments_page.dart
Normal file
368
lib/features/orders/presentation/pages/payments_page.dart
Normal file
@@ -0,0 +1,368 @@
|
||||
/// Page: Payments Page
|
||||
///
|
||||
/// Displays list of invoices/payments with tab filters.
|
||||
library;
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||||
import 'package:go_router/go_router.dart';
|
||||
import 'package:worker/core/constants/ui_constants.dart';
|
||||
import 'package:worker/core/database/models/enums.dart';
|
||||
import 'package:worker/core/theme/colors.dart';
|
||||
import 'package:worker/features/orders/data/models/invoice_model.dart';
|
||||
import 'package:worker/features/orders/presentation/providers/invoices_provider.dart';
|
||||
import 'package:worker/features/orders/presentation/widgets/invoice_card.dart';
|
||||
|
||||
/// Payments Page
|
||||
///
|
||||
/// Features:
|
||||
/// - Tab bar for invoice status filtering
|
||||
/// - List of invoice cards
|
||||
/// - Pull-to-refresh
|
||||
/// - Empty states for each tab
|
||||
class PaymentsPage extends ConsumerStatefulWidget {
|
||||
const PaymentsPage({super.key});
|
||||
|
||||
@override
|
||||
ConsumerState<PaymentsPage> createState() => _PaymentsPageState();
|
||||
}
|
||||
|
||||
class _PaymentsPageState extends ConsumerState<PaymentsPage>
|
||||
with SingleTickerProviderStateMixin {
|
||||
late TabController _tabController;
|
||||
|
||||
final List<Map<String, String>> _tabs = [
|
||||
{'key': 'all', 'label': 'Tất cả'},
|
||||
{'key': 'unpaid', 'label': 'Chưa thanh toán'},
|
||||
{'key': 'overdue', 'label': 'Quá hạn'},
|
||||
{'key': 'paid', 'label': 'Đã thanh toán'},
|
||||
];
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_tabController = TabController(length: _tabs.length, vsync: this);
|
||||
_tabController.addListener(_onTabChanged);
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_tabController..removeListener(_onTabChanged)
|
||||
..dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
void _onTabChanged() {
|
||||
setState(() {}); // Rebuild to show filtered list
|
||||
}
|
||||
|
||||
/// Filter invoices based on tab key
|
||||
List<InvoiceModel> _filterInvoices(List<InvoiceModel> invoices, String tabKey) {
|
||||
var filtered = List<InvoiceModel>.from(invoices);
|
||||
|
||||
switch (tabKey) {
|
||||
case 'unpaid':
|
||||
// Unpaid tab: issued status only
|
||||
filtered = filtered
|
||||
.where((invoice) => invoice.status == InvoiceStatus.issued && !invoice.isPaid)
|
||||
.toList();
|
||||
break;
|
||||
case 'overdue':
|
||||
// Overdue tab: overdue status
|
||||
filtered = filtered
|
||||
.where((invoice) => invoice.status == InvoiceStatus.overdue || invoice.isOverdue)
|
||||
.toList();
|
||||
break;
|
||||
case 'paid':
|
||||
// Paid tab: paid status
|
||||
filtered = filtered
|
||||
.where((invoice) => invoice.status == InvoiceStatus.paid || invoice.isPaid)
|
||||
.toList();
|
||||
break;
|
||||
case 'all':
|
||||
default:
|
||||
// All tab: no filtering
|
||||
break;
|
||||
}
|
||||
|
||||
// Sort by issue date (newest first)
|
||||
filtered.sort((a, b) => b.issueDate.compareTo(a.issueDate));
|
||||
|
||||
return filtered;
|
||||
}
|
||||
|
||||
/// Get counts for each tab
|
||||
Map<String, int> _getCounts(List<InvoiceModel> invoices) {
|
||||
return {
|
||||
'all': invoices.length,
|
||||
'unpaid': invoices
|
||||
.where((invoice) => invoice.status == InvoiceStatus.issued && !invoice.isPaid)
|
||||
.length,
|
||||
'overdue': invoices
|
||||
.where((invoice) => invoice.status == InvoiceStatus.overdue || invoice.isOverdue)
|
||||
.length,
|
||||
'paid': invoices
|
||||
.where((invoice) => invoice.status == InvoiceStatus.paid || invoice.isPaid)
|
||||
.length,
|
||||
};
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final invoicesAsync = ref.watch(invoicesProvider);
|
||||
|
||||
return invoicesAsync.when(
|
||||
data: (allInvoices) {
|
||||
final counts = _getCounts(allInvoices);
|
||||
|
||||
return Scaffold(
|
||||
backgroundColor: const Color(0xFFF4F6F8),
|
||||
appBar: AppBar(
|
||||
leading: IconButton(
|
||||
icon: const Icon(Icons.arrow_back, color: Colors.black),
|
||||
onPressed: () => context.pop(),
|
||||
),
|
||||
title: const Text(
|
||||
'Thanh toán',
|
||||
style: TextStyle(color: Colors.black),
|
||||
),
|
||||
elevation: AppBarSpecs.elevation,
|
||||
backgroundColor: AppColors.white,
|
||||
foregroundColor: AppColors.grey900,
|
||||
centerTitle: false,
|
||||
bottom: TabBar(
|
||||
controller: _tabController,
|
||||
isScrollable: true,
|
||||
tabAlignment: TabAlignment.start,
|
||||
labelColor: AppColors.primaryBlue,
|
||||
unselectedLabelColor: AppColors.grey500,
|
||||
labelStyle: const TextStyle(
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.w600,
|
||||
),
|
||||
unselectedLabelStyle: const TextStyle(
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.w400,
|
||||
),
|
||||
indicatorColor: AppColors.primaryBlue,
|
||||
indicatorWeight: 3,
|
||||
tabs: _tabs.map((tab) {
|
||||
final count = counts[tab['key']] ?? 0;
|
||||
return Tab(
|
||||
child: Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Text(tab['label']!),
|
||||
const SizedBox(width: 6),
|
||||
Container(
|
||||
padding: const EdgeInsets.symmetric(
|
||||
horizontal: 6,
|
||||
vertical: 2,
|
||||
),
|
||||
decoration: BoxDecoration(
|
||||
color: _tabController.index == _tabs.indexOf(tab)
|
||||
? AppColors.primaryBlue.withValues(alpha: 0.1)
|
||||
: AppColors.grey100,
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
),
|
||||
child: Text(
|
||||
'$count',
|
||||
style: TextStyle(
|
||||
fontSize: 11,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: _tabController.index == _tabs.indexOf(tab)
|
||||
? AppColors.primaryBlue
|
||||
: AppColors.grey500,
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}).toList(),
|
||||
),
|
||||
),
|
||||
body: RefreshIndicator(
|
||||
onRefresh: () async {
|
||||
print('refresh');
|
||||
await ref.read(invoicesProvider.notifier).refresh();
|
||||
},
|
||||
child: TabBarView(
|
||||
controller: _tabController,
|
||||
children: _tabs.map((tab) {
|
||||
final filteredInvoices = _filterInvoices(allInvoices, tab['key']!);
|
||||
|
||||
return CustomScrollView(
|
||||
slivers: [
|
||||
// Invoices List
|
||||
SliverPadding(
|
||||
padding: const EdgeInsets.all(16),
|
||||
sliver: filteredInvoices.isEmpty
|
||||
? _buildEmptyState(tab['label']!)
|
||||
: SliverList(
|
||||
delegate: SliverChildBuilderDelegate(
|
||||
(context, index) {
|
||||
final invoice = filteredInvoices[index];
|
||||
return InvoiceCard(
|
||||
invoice: invoice,
|
||||
onTap: () {
|
||||
// TODO: Navigate to invoice detail page
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
SnackBar(
|
||||
content: Text(
|
||||
'Invoice ${invoice.invoiceNumber} tapped',
|
||||
),
|
||||
duration: const Duration(seconds: 1),
|
||||
),
|
||||
);
|
||||
},
|
||||
onPaymentTap: () {
|
||||
// TODO: Navigate to payment page
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
SnackBar(
|
||||
content: Text(
|
||||
'Payment for ${invoice.invoiceNumber}',
|
||||
),
|
||||
duration: const Duration(seconds: 1),
|
||||
),
|
||||
);
|
||||
},
|
||||
);
|
||||
},
|
||||
childCount: filteredInvoices.length,
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}).toList(),
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
loading: () => Scaffold(
|
||||
backgroundColor: const Color(0xFFF4F6F8),
|
||||
appBar: AppBar(
|
||||
leading: IconButton(
|
||||
icon: const Icon(Icons.arrow_back, color: Colors.black),
|
||||
onPressed: () => context.pop(),
|
||||
),
|
||||
title: const Text(
|
||||
'Danh sách hoá đơn',
|
||||
style: TextStyle(color: Colors.black),
|
||||
),
|
||||
elevation: AppBarSpecs.elevation,
|
||||
backgroundColor: AppColors.white,
|
||||
foregroundColor: AppColors.grey900,
|
||||
centerTitle: false,
|
||||
),
|
||||
body: const Center(
|
||||
child: CircularProgressIndicator(),
|
||||
),
|
||||
),
|
||||
error: (error, stack) => Scaffold(
|
||||
backgroundColor: const Color(0xFFF4F6F8),
|
||||
appBar: AppBar(
|
||||
leading: IconButton(
|
||||
icon: const Icon(Icons.arrow_back, color: Colors.black),
|
||||
onPressed: () => context.pop(),
|
||||
),
|
||||
title: const Text(
|
||||
'Danh sách hoá đơn',
|
||||
style: TextStyle(color: Colors.black),
|
||||
),
|
||||
elevation: AppBarSpecs.elevation,
|
||||
backgroundColor: AppColors.white,
|
||||
foregroundColor: AppColors.grey900,
|
||||
centerTitle: false,
|
||||
),
|
||||
body: Center(
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Icon(
|
||||
Icons.error_outline,
|
||||
size: 80,
|
||||
color: AppColors.danger.withValues(alpha: 0.7),
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
const Text(
|
||||
'Có lỗi xảy ra',
|
||||
style: TextStyle(
|
||||
fontSize: 18,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: AppColors.grey900,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 8),
|
||||
Text(
|
||||
error.toString(),
|
||||
style: const TextStyle(
|
||||
fontSize: 14,
|
||||
color: AppColors.grey500,
|
||||
),
|
||||
textAlign: TextAlign.center,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
/// Build empty state
|
||||
Widget _buildEmptyState(String tabLabel) {
|
||||
String message;
|
||||
IconData icon;
|
||||
|
||||
switch (tabLabel) {
|
||||
case 'Chưa thanh toán':
|
||||
message = 'Không có hóa đơn chưa thanh toán';
|
||||
icon = Icons.receipt_long_outlined;
|
||||
break;
|
||||
case 'Quá hạn':
|
||||
message = 'Không có hóa đơn quá hạn';
|
||||
icon = Icons.warning_amber_outlined;
|
||||
break;
|
||||
case 'Đã thanh toán':
|
||||
message = 'Không có hóa đơn đã thanh toán';
|
||||
icon = Icons.check_circle_outline;
|
||||
break;
|
||||
default:
|
||||
message = 'Không có hóa đơn nào';
|
||||
icon = Icons.receipt_long_outlined;
|
||||
}
|
||||
|
||||
return SliverFillRemaining(
|
||||
child: Center(
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Icon(
|
||||
icon,
|
||||
size: 80,
|
||||
color: AppColors.grey500.withValues(alpha: 0.5),
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
Text(
|
||||
message,
|
||||
style: const TextStyle(
|
||||
fontSize: 18,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: AppColors.grey500,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 8),
|
||||
const Text(
|
||||
'Kéo xuống để làm mới',
|
||||
style: TextStyle(
|
||||
fontSize: 14,
|
||||
color: AppColors.grey500,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,168 @@
|
||||
/// Providers: Invoices
|
||||
///
|
||||
/// Riverpod providers for managing invoices state.
|
||||
library;
|
||||
|
||||
import 'package:riverpod_annotation/riverpod_annotation.dart';
|
||||
import 'package:worker/core/database/models/enums.dart';
|
||||
import 'package:worker/features/orders/data/datasources/invoices_local_datasource.dart';
|
||||
import 'package:worker/features/orders/data/models/invoice_model.dart';
|
||||
|
||||
part 'invoices_provider.g.dart';
|
||||
|
||||
/// Invoices Local Data Source Provider
|
||||
@riverpod
|
||||
InvoicesLocalDataSource invoicesLocalDataSource(Ref ref) {
|
||||
return InvoicesLocalDataSource();
|
||||
}
|
||||
|
||||
/// Invoices Provider
|
||||
///
|
||||
/// Provides list of all invoices from local data source.
|
||||
@riverpod
|
||||
class Invoices extends _$Invoices {
|
||||
@override
|
||||
Future<List<InvoiceModel>> build() async {
|
||||
return await ref.read(invoicesLocalDataSourceProvider).getAllInvoices();
|
||||
}
|
||||
|
||||
/// Refresh invoices
|
||||
Future<void> refresh() async {
|
||||
state = const AsyncValue.loading();
|
||||
state = await AsyncValue.guard(() async {
|
||||
return await ref.read(invoicesLocalDataSourceProvider).getAllInvoices();
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
/// Selected Invoice Status Filter Provider
|
||||
///
|
||||
/// Tracks the currently selected invoice status filter for tabs.
|
||||
/// null means "All" invoices.
|
||||
@riverpod
|
||||
class SelectedInvoiceStatusFilter extends _$SelectedInvoiceStatusFilter {
|
||||
@override
|
||||
String? build() {
|
||||
return null; // Default: show all invoices
|
||||
}
|
||||
|
||||
/// Select a status filter
|
||||
void selectStatus(String? status) {
|
||||
state = status;
|
||||
}
|
||||
|
||||
/// Clear selection (show all)
|
||||
void clearSelection() {
|
||||
state = null;
|
||||
}
|
||||
}
|
||||
|
||||
/// Filtered Invoices Provider
|
||||
///
|
||||
/// Filters invoices by selected status tab.
|
||||
@riverpod
|
||||
Future<List<InvoiceModel>> filteredInvoices(Ref ref) async {
|
||||
final invoicesAsync = ref.watch(invoicesProvider);
|
||||
final selectedStatus = ref.watch(selectedInvoiceStatusFilterProvider);
|
||||
|
||||
return invoicesAsync.when(
|
||||
data: (invoices) {
|
||||
var filtered = invoices;
|
||||
|
||||
// Filter by status tab
|
||||
if (selectedStatus != null) {
|
||||
if (selectedStatus == 'unpaid') {
|
||||
// Unpaid tab: issued status only
|
||||
filtered = filtered
|
||||
.where((invoice) => invoice.status == InvoiceStatus.issued && !invoice.isPaid)
|
||||
.toList();
|
||||
} else if (selectedStatus == 'overdue') {
|
||||
// Overdue tab: overdue status
|
||||
filtered = filtered
|
||||
.where((invoice) => invoice.status == InvoiceStatus.overdue || invoice.isOverdue)
|
||||
.toList();
|
||||
} else if (selectedStatus == 'paid') {
|
||||
// Paid tab: paid status
|
||||
filtered = filtered
|
||||
.where((invoice) => invoice.status == InvoiceStatus.paid || invoice.isPaid)
|
||||
.toList();
|
||||
}
|
||||
}
|
||||
|
||||
// Sort by issue date (newest first)
|
||||
filtered.sort((a, b) => b.issueDate.compareTo(a.issueDate));
|
||||
|
||||
return filtered;
|
||||
},
|
||||
loading: () => [],
|
||||
error: (error, stack) => [],
|
||||
);
|
||||
}
|
||||
|
||||
/// Invoices Count by Status Provider
|
||||
///
|
||||
/// Returns count of invoices for each status tab.
|
||||
@riverpod
|
||||
Future<Map<String, int>> invoicesCountByStatus(Ref ref) async {
|
||||
final invoicesAsync = ref.watch(invoicesProvider);
|
||||
|
||||
return invoicesAsync.when(
|
||||
data: (invoices) {
|
||||
final counts = <String, int>{};
|
||||
|
||||
// All tab
|
||||
counts['all'] = invoices.length;
|
||||
|
||||
// Unpaid tab (issued status)
|
||||
counts['unpaid'] = invoices
|
||||
.where((invoice) => invoice.status == InvoiceStatus.issued && !invoice.isPaid)
|
||||
.length;
|
||||
|
||||
// Overdue tab
|
||||
counts['overdue'] = invoices
|
||||
.where((invoice) => invoice.status == InvoiceStatus.overdue || invoice.isOverdue)
|
||||
.length;
|
||||
|
||||
// Paid tab
|
||||
counts['paid'] = invoices
|
||||
.where((invoice) => invoice.status == InvoiceStatus.paid || invoice.isPaid)
|
||||
.length;
|
||||
|
||||
return counts;
|
||||
},
|
||||
loading: () => {},
|
||||
error: (error, stack) => {},
|
||||
);
|
||||
}
|
||||
|
||||
/// Total Invoices Amount Provider
|
||||
///
|
||||
/// Returns total amount of all invoices.
|
||||
@riverpod
|
||||
Future<double> totalInvoicesAmount(Ref ref) async {
|
||||
final invoicesAsync = ref.watch(invoicesProvider);
|
||||
|
||||
return invoicesAsync.when(
|
||||
data: (invoices) {
|
||||
return invoices.fold<double>(0.0, (sum, invoice) => sum + invoice.totalAmount);
|
||||
},
|
||||
loading: () => 0.0,
|
||||
error: (error, stack) => 0.0,
|
||||
);
|
||||
}
|
||||
|
||||
/// Total Unpaid Amount Provider
|
||||
///
|
||||
/// Returns total amount remaining across all unpaid invoices.
|
||||
@riverpod
|
||||
Future<double> totalUnpaidAmount(Ref ref) async {
|
||||
final invoicesAsync = ref.watch(invoicesProvider);
|
||||
|
||||
return invoicesAsync.when(
|
||||
data: (invoices) {
|
||||
return invoices.fold<double>(0.0, (sum, invoice) => sum + invoice.amountRemaining);
|
||||
},
|
||||
loading: () => 0.0,
|
||||
error: (error, stack) => 0.0,
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,387 @@
|
||||
// GENERATED CODE - DO NOT MODIFY BY HAND
|
||||
|
||||
part of 'invoices_provider.dart';
|
||||
|
||||
// **************************************************************************
|
||||
// RiverpodGenerator
|
||||
// **************************************************************************
|
||||
|
||||
// GENERATED CODE - DO NOT MODIFY BY HAND
|
||||
// ignore_for_file: type=lint, type=warning
|
||||
/// Invoices Local Data Source Provider
|
||||
|
||||
@ProviderFor(invoicesLocalDataSource)
|
||||
const invoicesLocalDataSourceProvider = InvoicesLocalDataSourceProvider._();
|
||||
|
||||
/// Invoices Local Data Source Provider
|
||||
|
||||
final class InvoicesLocalDataSourceProvider
|
||||
extends
|
||||
$FunctionalProvider<
|
||||
InvoicesLocalDataSource,
|
||||
InvoicesLocalDataSource,
|
||||
InvoicesLocalDataSource
|
||||
>
|
||||
with $Provider<InvoicesLocalDataSource> {
|
||||
/// Invoices Local Data Source Provider
|
||||
const InvoicesLocalDataSourceProvider._()
|
||||
: super(
|
||||
from: null,
|
||||
argument: null,
|
||||
retry: null,
|
||||
name: r'invoicesLocalDataSourceProvider',
|
||||
isAutoDispose: true,
|
||||
dependencies: null,
|
||||
$allTransitiveDependencies: null,
|
||||
);
|
||||
|
||||
@override
|
||||
String debugGetCreateSourceHash() => _$invoicesLocalDataSourceHash();
|
||||
|
||||
@$internal
|
||||
@override
|
||||
$ProviderElement<InvoicesLocalDataSource> $createElement(
|
||||
$ProviderPointer pointer,
|
||||
) => $ProviderElement(pointer);
|
||||
|
||||
@override
|
||||
InvoicesLocalDataSource create(Ref ref) {
|
||||
return invoicesLocalDataSource(ref);
|
||||
}
|
||||
|
||||
/// {@macro riverpod.override_with_value}
|
||||
Override overrideWithValue(InvoicesLocalDataSource value) {
|
||||
return $ProviderOverride(
|
||||
origin: this,
|
||||
providerOverride: $SyncValueProvider<InvoicesLocalDataSource>(value),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
String _$invoicesLocalDataSourceHash() =>
|
||||
r'1fd77b210353e5527515abb2e8d53a4771f9320b';
|
||||
|
||||
/// Invoices Provider
|
||||
///
|
||||
/// Provides list of all invoices from local data source.
|
||||
|
||||
@ProviderFor(Invoices)
|
||||
const invoicesProvider = InvoicesProvider._();
|
||||
|
||||
/// Invoices Provider
|
||||
///
|
||||
/// Provides list of all invoices from local data source.
|
||||
final class InvoicesProvider
|
||||
extends $AsyncNotifierProvider<Invoices, List<InvoiceModel>> {
|
||||
/// Invoices Provider
|
||||
///
|
||||
/// Provides list of all invoices from local data source.
|
||||
const InvoicesProvider._()
|
||||
: super(
|
||||
from: null,
|
||||
argument: null,
|
||||
retry: null,
|
||||
name: r'invoicesProvider',
|
||||
isAutoDispose: true,
|
||||
dependencies: null,
|
||||
$allTransitiveDependencies: null,
|
||||
);
|
||||
|
||||
@override
|
||||
String debugGetCreateSourceHash() => _$invoicesHash();
|
||||
|
||||
@$internal
|
||||
@override
|
||||
Invoices create() => Invoices();
|
||||
}
|
||||
|
||||
String _$invoicesHash() => r'8a0d534b4fbb0367f9727f1baa3d48339cf44ab6';
|
||||
|
||||
/// Invoices Provider
|
||||
///
|
||||
/// Provides list of all invoices from local data source.
|
||||
|
||||
abstract class _$Invoices extends $AsyncNotifier<List<InvoiceModel>> {
|
||||
FutureOr<List<InvoiceModel>> build();
|
||||
@$mustCallSuper
|
||||
@override
|
||||
void runBuild() {
|
||||
final created = build();
|
||||
final ref =
|
||||
this.ref as $Ref<AsyncValue<List<InvoiceModel>>, List<InvoiceModel>>;
|
||||
final element =
|
||||
ref.element
|
||||
as $ClassProviderElement<
|
||||
AnyNotifier<AsyncValue<List<InvoiceModel>>, List<InvoiceModel>>,
|
||||
AsyncValue<List<InvoiceModel>>,
|
||||
Object?,
|
||||
Object?
|
||||
>;
|
||||
element.handleValue(ref, created);
|
||||
}
|
||||
}
|
||||
|
||||
/// Selected Invoice Status Filter Provider
|
||||
///
|
||||
/// Tracks the currently selected invoice status filter for tabs.
|
||||
/// null means "All" invoices.
|
||||
|
||||
@ProviderFor(SelectedInvoiceStatusFilter)
|
||||
const selectedInvoiceStatusFilterProvider =
|
||||
SelectedInvoiceStatusFilterProvider._();
|
||||
|
||||
/// Selected Invoice Status Filter Provider
|
||||
///
|
||||
/// Tracks the currently selected invoice status filter for tabs.
|
||||
/// null means "All" invoices.
|
||||
final class SelectedInvoiceStatusFilterProvider
|
||||
extends $NotifierProvider<SelectedInvoiceStatusFilter, String?> {
|
||||
/// Selected Invoice Status Filter Provider
|
||||
///
|
||||
/// Tracks the currently selected invoice status filter for tabs.
|
||||
/// null means "All" invoices.
|
||||
const SelectedInvoiceStatusFilterProvider._()
|
||||
: super(
|
||||
from: null,
|
||||
argument: null,
|
||||
retry: null,
|
||||
name: r'selectedInvoiceStatusFilterProvider',
|
||||
isAutoDispose: true,
|
||||
dependencies: null,
|
||||
$allTransitiveDependencies: null,
|
||||
);
|
||||
|
||||
@override
|
||||
String debugGetCreateSourceHash() => _$selectedInvoiceStatusFilterHash();
|
||||
|
||||
@$internal
|
||||
@override
|
||||
SelectedInvoiceStatusFilter create() => SelectedInvoiceStatusFilter();
|
||||
|
||||
/// {@macro riverpod.override_with_value}
|
||||
Override overrideWithValue(String? value) {
|
||||
return $ProviderOverride(
|
||||
origin: this,
|
||||
providerOverride: $SyncValueProvider<String?>(value),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
String _$selectedInvoiceStatusFilterHash() =>
|
||||
r'677627b34d7754c224b53a03ef61c8da13dee26a';
|
||||
|
||||
/// Selected Invoice Status Filter Provider
|
||||
///
|
||||
/// Tracks the currently selected invoice status filter for tabs.
|
||||
/// null means "All" invoices.
|
||||
|
||||
abstract class _$SelectedInvoiceStatusFilter extends $Notifier<String?> {
|
||||
String? build();
|
||||
@$mustCallSuper
|
||||
@override
|
||||
void runBuild() {
|
||||
final created = build();
|
||||
final ref = this.ref as $Ref<String?, String?>;
|
||||
final element =
|
||||
ref.element
|
||||
as $ClassProviderElement<
|
||||
AnyNotifier<String?, String?>,
|
||||
String?,
|
||||
Object?,
|
||||
Object?
|
||||
>;
|
||||
element.handleValue(ref, created);
|
||||
}
|
||||
}
|
||||
|
||||
/// Filtered Invoices Provider
|
||||
///
|
||||
/// Filters invoices by selected status tab.
|
||||
|
||||
@ProviderFor(filteredInvoices)
|
||||
const filteredInvoicesProvider = FilteredInvoicesProvider._();
|
||||
|
||||
/// Filtered Invoices Provider
|
||||
///
|
||||
/// Filters invoices by selected status tab.
|
||||
|
||||
final class FilteredInvoicesProvider
|
||||
extends
|
||||
$FunctionalProvider<
|
||||
AsyncValue<List<InvoiceModel>>,
|
||||
List<InvoiceModel>,
|
||||
FutureOr<List<InvoiceModel>>
|
||||
>
|
||||
with
|
||||
$FutureModifier<List<InvoiceModel>>,
|
||||
$FutureProvider<List<InvoiceModel>> {
|
||||
/// Filtered Invoices Provider
|
||||
///
|
||||
/// Filters invoices by selected status tab.
|
||||
const FilteredInvoicesProvider._()
|
||||
: super(
|
||||
from: null,
|
||||
argument: null,
|
||||
retry: null,
|
||||
name: r'filteredInvoicesProvider',
|
||||
isAutoDispose: true,
|
||||
dependencies: null,
|
||||
$allTransitiveDependencies: null,
|
||||
);
|
||||
|
||||
@override
|
||||
String debugGetCreateSourceHash() => _$filteredInvoicesHash();
|
||||
|
||||
@$internal
|
||||
@override
|
||||
$FutureProviderElement<List<InvoiceModel>> $createElement(
|
||||
$ProviderPointer pointer,
|
||||
) => $FutureProviderElement(pointer);
|
||||
|
||||
@override
|
||||
FutureOr<List<InvoiceModel>> create(Ref ref) {
|
||||
return filteredInvoices(ref);
|
||||
}
|
||||
}
|
||||
|
||||
String _$filteredInvoicesHash() => r'778c8762e13c620d48e21d240c397f13c03de00e';
|
||||
|
||||
/// Invoices Count by Status Provider
|
||||
///
|
||||
/// Returns count of invoices for each status tab.
|
||||
|
||||
@ProviderFor(invoicesCountByStatus)
|
||||
const invoicesCountByStatusProvider = InvoicesCountByStatusProvider._();
|
||||
|
||||
/// Invoices Count by Status Provider
|
||||
///
|
||||
/// Returns count of invoices for each status tab.
|
||||
|
||||
final class InvoicesCountByStatusProvider
|
||||
extends
|
||||
$FunctionalProvider<
|
||||
AsyncValue<Map<String, int>>,
|
||||
Map<String, int>,
|
||||
FutureOr<Map<String, int>>
|
||||
>
|
||||
with $FutureModifier<Map<String, int>>, $FutureProvider<Map<String, int>> {
|
||||
/// Invoices Count by Status Provider
|
||||
///
|
||||
/// Returns count of invoices for each status tab.
|
||||
const InvoicesCountByStatusProvider._()
|
||||
: super(
|
||||
from: null,
|
||||
argument: null,
|
||||
retry: null,
|
||||
name: r'invoicesCountByStatusProvider',
|
||||
isAutoDispose: true,
|
||||
dependencies: null,
|
||||
$allTransitiveDependencies: null,
|
||||
);
|
||||
|
||||
@override
|
||||
String debugGetCreateSourceHash() => _$invoicesCountByStatusHash();
|
||||
|
||||
@$internal
|
||||
@override
|
||||
$FutureProviderElement<Map<String, int>> $createElement(
|
||||
$ProviderPointer pointer,
|
||||
) => $FutureProviderElement(pointer);
|
||||
|
||||
@override
|
||||
FutureOr<Map<String, int>> create(Ref ref) {
|
||||
return invoicesCountByStatus(ref);
|
||||
}
|
||||
}
|
||||
|
||||
String _$invoicesCountByStatusHash() =>
|
||||
r'c21acf5db26120dc6b4bb27e9c1f84eebe315b59';
|
||||
|
||||
/// Total Invoices Amount Provider
|
||||
///
|
||||
/// Returns total amount of all invoices.
|
||||
|
||||
@ProviderFor(totalInvoicesAmount)
|
||||
const totalInvoicesAmountProvider = TotalInvoicesAmountProvider._();
|
||||
|
||||
/// Total Invoices Amount Provider
|
||||
///
|
||||
/// Returns total amount of all invoices.
|
||||
|
||||
final class TotalInvoicesAmountProvider
|
||||
extends $FunctionalProvider<AsyncValue<double>, double, FutureOr<double>>
|
||||
with $FutureModifier<double>, $FutureProvider<double> {
|
||||
/// Total Invoices Amount Provider
|
||||
///
|
||||
/// Returns total amount of all invoices.
|
||||
const TotalInvoicesAmountProvider._()
|
||||
: super(
|
||||
from: null,
|
||||
argument: null,
|
||||
retry: null,
|
||||
name: r'totalInvoicesAmountProvider',
|
||||
isAutoDispose: true,
|
||||
dependencies: null,
|
||||
$allTransitiveDependencies: null,
|
||||
);
|
||||
|
||||
@override
|
||||
String debugGetCreateSourceHash() => _$totalInvoicesAmountHash();
|
||||
|
||||
@$internal
|
||||
@override
|
||||
$FutureProviderElement<double> $createElement($ProviderPointer pointer) =>
|
||||
$FutureProviderElement(pointer);
|
||||
|
||||
@override
|
||||
FutureOr<double> create(Ref ref) {
|
||||
return totalInvoicesAmount(ref);
|
||||
}
|
||||
}
|
||||
|
||||
String _$totalInvoicesAmountHash() =>
|
||||
r'7800e2be935dfe91d382957539b151bbf4f936fe';
|
||||
|
||||
/// Total Unpaid Amount Provider
|
||||
///
|
||||
/// Returns total amount remaining across all unpaid invoices.
|
||||
|
||||
@ProviderFor(totalUnpaidAmount)
|
||||
const totalUnpaidAmountProvider = TotalUnpaidAmountProvider._();
|
||||
|
||||
/// Total Unpaid Amount Provider
|
||||
///
|
||||
/// Returns total amount remaining across all unpaid invoices.
|
||||
|
||||
final class TotalUnpaidAmountProvider
|
||||
extends $FunctionalProvider<AsyncValue<double>, double, FutureOr<double>>
|
||||
with $FutureModifier<double>, $FutureProvider<double> {
|
||||
/// Total Unpaid Amount Provider
|
||||
///
|
||||
/// Returns total amount remaining across all unpaid invoices.
|
||||
const TotalUnpaidAmountProvider._()
|
||||
: super(
|
||||
from: null,
|
||||
argument: null,
|
||||
retry: null,
|
||||
name: r'totalUnpaidAmountProvider',
|
||||
isAutoDispose: true,
|
||||
dependencies: null,
|
||||
$allTransitiveDependencies: null,
|
||||
);
|
||||
|
||||
@override
|
||||
String debugGetCreateSourceHash() => _$totalUnpaidAmountHash();
|
||||
|
||||
@$internal
|
||||
@override
|
||||
$FutureProviderElement<double> $createElement($ProviderPointer pointer) =>
|
||||
$FutureProviderElement(pointer);
|
||||
|
||||
@override
|
||||
FutureOr<double> create(Ref ref) {
|
||||
return totalUnpaidAmount(ref);
|
||||
}
|
||||
}
|
||||
|
||||
String _$totalUnpaidAmountHash() => r'9a81800149d8809e1c3be065bc3c5357792c4aee';
|
||||
@@ -59,7 +59,7 @@ final class OrdersLocalDataSourceProvider
|
||||
}
|
||||
|
||||
String _$ordersLocalDataSourceHash() =>
|
||||
r'5fb1c0b212ea6874bd42ae1f5b3f9f1db7197d7b';
|
||||
r'753fcc2a4000c4c9843fba022d1bf398daba6c7a';
|
||||
|
||||
/// Orders Provider
|
||||
///
|
||||
@@ -308,7 +308,7 @@ final class FilteredOrdersProvider
|
||||
}
|
||||
}
|
||||
|
||||
String _$filteredOrdersHash() => r'3bef3cc2b8c98297510134d10ceb5ef1618cc3a8';
|
||||
String _$filteredOrdersHash() => r'4cc009352d3b09159c0fe107645634c3a4a81a7c';
|
||||
|
||||
/// Orders Count by Status Provider
|
||||
///
|
||||
@@ -361,7 +361,7 @@ final class OrdersCountByStatusProvider
|
||||
}
|
||||
|
||||
String _$ordersCountByStatusHash() =>
|
||||
r'3a656b9c70510f34702a636b9bda5a7b7660e6ff';
|
||||
r'85fe4fb85410855bb434b19fdc05c933c6e76235';
|
||||
|
||||
/// Total Orders Count Provider
|
||||
|
||||
@@ -399,4 +399,4 @@ final class TotalOrdersCountProvider
|
||||
}
|
||||
}
|
||||
|
||||
String _$totalOrdersCountHash() => r'71f2e2f890b4e3d5a5beaa7bf06a0d78faf039cb';
|
||||
String _$totalOrdersCountHash() => r'ec1ab3a8d432033aa1f02d28e841e78eba06d63e';
|
||||
|
||||
321
lib/features/orders/presentation/widgets/invoice_card.dart
Normal file
321
lib/features/orders/presentation/widgets/invoice_card.dart
Normal file
@@ -0,0 +1,321 @@
|
||||
/// Widget: Invoice Card
|
||||
///
|
||||
/// Displays invoice information in a card format.
|
||||
library;
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:intl/intl.dart';
|
||||
import 'package:worker/core/database/models/enums.dart';
|
||||
import 'package:worker/core/theme/colors.dart';
|
||||
import 'package:worker/features/orders/data/models/invoice_model.dart';
|
||||
|
||||
/// Invoice Card Widget
|
||||
///
|
||||
/// Displays invoice details in a card with status indicator and payment summary.
|
||||
class InvoiceCard extends StatelessWidget {
|
||||
/// Invoice to display
|
||||
final InvoiceModel invoice;
|
||||
|
||||
/// Tap callback
|
||||
final VoidCallback? onTap;
|
||||
|
||||
/// Payment button callback
|
||||
final VoidCallback? onPaymentTap;
|
||||
|
||||
const InvoiceCard({
|
||||
required this.invoice,
|
||||
this.onTap,
|
||||
this.onPaymentTap,
|
||||
super.key,
|
||||
});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final currencyFormatter = NumberFormat.currency(
|
||||
locale: 'vi_VN',
|
||||
symbol: 'đ',
|
||||
decimalDigits: 0,
|
||||
);
|
||||
|
||||
return Card(
|
||||
margin: const EdgeInsets.only(bottom: 12),
|
||||
elevation: 1,
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
),
|
||||
clipBehavior: Clip.antiAlias,
|
||||
child: InkWell(
|
||||
onTap: onTap,
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
// Invoice number and Order ID row
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
// Invoice number
|
||||
Text(
|
||||
'Mã hoá đơn #${invoice.invoiceNumber}',
|
||||
style: const TextStyle(
|
||||
fontSize: 16,
|
||||
fontWeight: FontWeight.w700,
|
||||
color: AppColors.grey900,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 4),
|
||||
// Order ID
|
||||
if (invoice.orderId != null)
|
||||
Text(
|
||||
'Đơn hàng: #${invoice.orderId}',
|
||||
style: const TextStyle(
|
||||
fontSize: 12,
|
||||
color: AppColors.grey500,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
|
||||
// Status badge
|
||||
_buildStatusBadge(),
|
||||
],
|
||||
),
|
||||
|
||||
const SizedBox(height: 12),
|
||||
|
||||
// Invoice dates
|
||||
_buildDetailRow(
|
||||
'Ngày hóa đơn:',
|
||||
_formatDate(invoice.issueDate),
|
||||
),
|
||||
const SizedBox(height: 6),
|
||||
|
||||
_buildDetailRow(
|
||||
'Hạn thanh toán:',
|
||||
_formatDate(invoice.dueDate),
|
||||
),
|
||||
|
||||
const SizedBox(height: 12),
|
||||
|
||||
// Payment summary section
|
||||
Container(
|
||||
padding: const EdgeInsets.all(12),
|
||||
decoration: BoxDecoration(
|
||||
color: AppColors.grey50,
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
),
|
||||
child: Column(
|
||||
spacing: 2,
|
||||
children: [
|
||||
_buildPaymentRow(
|
||||
'Tổng tiền:',
|
||||
currencyFormatter.format(invoice.totalAmount),
|
||||
fontWeight: FontWeight.w600,
|
||||
),
|
||||
if (invoice.amountPaid > 0) ...[
|
||||
const SizedBox(height: 6),
|
||||
_buildPaymentRow(
|
||||
'Đã thanh toán:',
|
||||
currencyFormatter.format(invoice.amountPaid),
|
||||
valueColor: AppColors.success,
|
||||
),
|
||||
],
|
||||
const Divider(),
|
||||
if (invoice.amountRemaining > 0) ...[
|
||||
const SizedBox(height: 6),
|
||||
_buildPaymentRow(
|
||||
'Còn lại:',
|
||||
currencyFormatter.format(invoice.amountRemaining),
|
||||
valueColor: invoice.isOverdue
|
||||
? AppColors.danger
|
||||
: AppColors.warning,
|
||||
fontWeight: FontWeight.w600,
|
||||
),
|
||||
],
|
||||
],
|
||||
),
|
||||
),
|
||||
|
||||
const SizedBox(height: 12),
|
||||
|
||||
// Action button
|
||||
_buildActionButton(),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
/// Build detail row
|
||||
Widget _buildDetailRow(String label, String value) {
|
||||
return Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
spacing: 8,
|
||||
children: [
|
||||
Text(
|
||||
label,
|
||||
style: const TextStyle(
|
||||
fontSize: 14,
|
||||
color: AppColors.grey500,
|
||||
),
|
||||
),
|
||||
|
||||
Text(
|
||||
value,
|
||||
style: const TextStyle(
|
||||
fontSize: 14,
|
||||
color: AppColors.grey900,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
/// Build payment summary row
|
||||
Widget _buildPaymentRow(
|
||||
String label,
|
||||
String value, {
|
||||
Color? valueColor,
|
||||
FontWeight? fontWeight,
|
||||
}) {
|
||||
return Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Text(
|
||||
label,
|
||||
style: const TextStyle(
|
||||
fontSize: 13,
|
||||
color: AppColors.grey500,
|
||||
),
|
||||
),
|
||||
Text(
|
||||
value,
|
||||
style: TextStyle(
|
||||
fontSize: 14,
|
||||
fontWeight: fontWeight ?? FontWeight.w400,
|
||||
color: valueColor ?? AppColors.grey900,
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
/// Build status badge
|
||||
Widget _buildStatusBadge() {
|
||||
return Container(
|
||||
padding: const EdgeInsets.symmetric(
|
||||
horizontal: 12,
|
||||
vertical: 6,
|
||||
),
|
||||
decoration: BoxDecoration(
|
||||
color: _getStatusColor(invoice.status).withValues(alpha: 0.1),
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
border: Border.all(
|
||||
color: _getStatusColor(invoice.status).withValues(alpha: 0.3),
|
||||
width: 1,
|
||||
),
|
||||
),
|
||||
child: Text(
|
||||
_getStatusText(invoice.status).toUpperCase(),
|
||||
style: TextStyle(
|
||||
fontSize: 12,
|
||||
fontWeight: FontWeight.w700,
|
||||
color: _getStatusColor(invoice.status),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
/// Build action button
|
||||
Widget _buildActionButton() {
|
||||
final isPaid = invoice.status == InvoiceStatus.paid || invoice.isPaid;
|
||||
final buttonText = isPaid ? 'Đã hoàn tất' : 'Thanh toán';
|
||||
final buttonColor = isPaid ? AppColors.success : AppColors.primaryBlue;
|
||||
|
||||
return SizedBox(
|
||||
width: double.infinity,
|
||||
child: ElevatedButton(
|
||||
onPressed: isPaid ? null : onPaymentTap,
|
||||
style: ElevatedButton.styleFrom(
|
||||
backgroundColor: buttonColor,
|
||||
disabledBackgroundColor: AppColors.grey100,
|
||||
foregroundColor: Colors.white,
|
||||
disabledForegroundColor: AppColors.grey500,
|
||||
padding: const EdgeInsets.symmetric(vertical: 12),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
),
|
||||
elevation: 0,
|
||||
),
|
||||
child: Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
spacing: 8,
|
||||
children: [
|
||||
Icon(Icons.credit_card),
|
||||
Text(
|
||||
buttonText,
|
||||
style: const TextStyle(
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.w600,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
/// Get status color
|
||||
Color _getStatusColor(InvoiceStatus status) {
|
||||
switch (status) {
|
||||
case InvoiceStatus.draft:
|
||||
return AppColors.grey500;
|
||||
case InvoiceStatus.issued:
|
||||
return const Color(0xFFF59E0B); // yellow for unpaid
|
||||
case InvoiceStatus.partiallyPaid:
|
||||
return AppColors.info; // blue for partial
|
||||
case InvoiceStatus.paid:
|
||||
return AppColors.success; // green for paid
|
||||
case InvoiceStatus.overdue:
|
||||
return AppColors.danger; // red for overdue
|
||||
case InvoiceStatus.cancelled:
|
||||
return AppColors.grey500;
|
||||
case InvoiceStatus.refunded:
|
||||
return const Color(0xFFF97316); // orange
|
||||
}
|
||||
}
|
||||
|
||||
/// Get status text in Vietnamese
|
||||
String _getStatusText(InvoiceStatus status) {
|
||||
switch (status) {
|
||||
case InvoiceStatus.draft:
|
||||
return 'Nháp';
|
||||
case InvoiceStatus.issued:
|
||||
return 'Chưa thanh toán';
|
||||
case InvoiceStatus.partiallyPaid:
|
||||
return 'Một phần';
|
||||
case InvoiceStatus.paid:
|
||||
return 'Đã thanh toán';
|
||||
case InvoiceStatus.overdue:
|
||||
return 'Quá hạn';
|
||||
case InvoiceStatus.cancelled:
|
||||
return 'Đã hủy';
|
||||
case InvoiceStatus.refunded:
|
||||
return 'Đã hoàn tiền';
|
||||
}
|
||||
}
|
||||
|
||||
/// Format date to dd/MM/yyyy
|
||||
String _formatDate(DateTime date) {
|
||||
return DateFormat('dd/MM/yyyy').format(date);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user