350 lines
16 KiB
Dart
350 lines
16 KiB
Dart
|
import 'dart:developer';
|
||
|
|
|
||
|
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||
|
|
import 'package:enaklo_pos/core/components/custom_date_picker.dart';
|
||
|
|
import 'package:enaklo_pos/core/constants/colors.dart';
|
||
|
|
import 'package:enaklo_pos/core/extensions/date_time_ext.dart';
|
||
|
|
import 'package:enaklo_pos/core/utils/date_formatter.dart';
|
||
|
|
import 'package:enaklo_pos/presentation/report/blocs/item_sales_report/item_sales_report_bloc.dart';
|
||
|
|
import 'package:enaklo_pos/presentation/report/blocs/payment_method_report/payment_method_report_bloc.dart';
|
||
|
|
import 'package:enaklo_pos/presentation/report/blocs/product_sales/product_sales_bloc.dart';
|
||
|
|
import 'package:enaklo_pos/presentation/report/blocs/summary/summary_bloc.dart';
|
||
|
|
import 'package:enaklo_pos/presentation/report/blocs/transaction_report/transaction_report_bloc.dart';
|
||
|
|
import 'package:enaklo_pos/presentation/report/widgets/item_sales_report_widget.dart';
|
||
|
|
import 'package:enaklo_pos/presentation/report/widgets/payment_method_report_widget.dart';
|
||
|
|
import 'package:enaklo_pos/presentation/report/widgets/product_sales_chart_widget.dart';
|
||
|
|
import 'package:enaklo_pos/presentation/report/widgets/report_menu.dart';
|
||
|
|
import 'package:enaklo_pos/presentation/report/widgets/report_title.dart';
|
||
|
|
import 'package:flutter/material.dart';
|
||
|
|
import 'package:enaklo_pos/presentation/report/widgets/summary_report_widget.dart';
|
||
|
|
import 'package:enaklo_pos/presentation/report/widgets/transaction_report_widget.dart';
|
||
|
|
|
||
|
|
import '../../../core/components/spaces.dart';
|
||
|
|
|
||
|
|
class ReportPage extends StatefulWidget {
|
||
|
|
const ReportPage({super.key});
|
||
|
|
|
||
|
|
@override
|
||
|
|
State<ReportPage> createState() => _ReportPageState();
|
||
|
|
}
|
||
|
|
|
||
|
|
class _ReportPageState extends State<ReportPage> {
|
||
|
|
int selectedMenu = 0;
|
||
|
|
String title = 'Transaction Report';
|
||
|
|
DateTime fromDate = DateTime.now().subtract(const Duration(days: 30));
|
||
|
|
DateTime toDate = DateTime.now();
|
||
|
|
|
||
|
|
@override
|
||
|
|
Widget build(BuildContext context) {
|
||
|
|
String searchDateFormatted =
|
||
|
|
'${fromDate.toFormattedDate2()} to ${toDate.toFormattedDate2()}';
|
||
|
|
return Scaffold(
|
||
|
|
body: Row(
|
||
|
|
children: [
|
||
|
|
// LEFT CONTENT
|
||
|
|
Expanded(
|
||
|
|
flex: 2,
|
||
|
|
child: Align(
|
||
|
|
alignment: Alignment.topLeft,
|
||
|
|
child: SingleChildScrollView(
|
||
|
|
padding: const EdgeInsets.all(24.0),
|
||
|
|
child: Column(
|
||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||
|
|
children: [
|
||
|
|
const ReportTitle(),
|
||
|
|
Row(
|
||
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||
|
|
children: [
|
||
|
|
Flexible(
|
||
|
|
child: CustomDatePicker(
|
||
|
|
prefix: const Text('From: '),
|
||
|
|
initialDate: fromDate,
|
||
|
|
onDateSelected: (selectedDate) {
|
||
|
|
fromDate = selectedDate;
|
||
|
|
|
||
|
|
setState(() {});
|
||
|
|
},
|
||
|
|
),
|
||
|
|
),
|
||
|
|
const SpaceWidth(24.0),
|
||
|
|
Flexible(
|
||
|
|
child: CustomDatePicker(
|
||
|
|
prefix: const Text('To: '),
|
||
|
|
initialDate: toDate,
|
||
|
|
onDateSelected: (selectedDate) {
|
||
|
|
toDate = selectedDate;
|
||
|
|
setState(() {});
|
||
|
|
// context.read<TransactionReportBloc>().add(
|
||
|
|
// TransactionReportEvent.getReport(
|
||
|
|
// startDate:
|
||
|
|
// DateFormatter.formatDateTime(
|
||
|
|
// fromDate),
|
||
|
|
// endDate: DateFormatter.formatDateTime(
|
||
|
|
// toDate)),
|
||
|
|
// );
|
||
|
|
// context.read<ItemSalesReportBloc>().add(
|
||
|
|
// ItemSalesReportEvent.getItemSales(
|
||
|
|
// startDate:
|
||
|
|
// DateFormatter.formatDateTime(
|
||
|
|
// fromDate),
|
||
|
|
// endDate: DateFormatter.formatDateTime(
|
||
|
|
// toDate)),
|
||
|
|
// );
|
||
|
|
},
|
||
|
|
),
|
||
|
|
),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
Padding(
|
||
|
|
padding: const EdgeInsets.all(15.0),
|
||
|
|
child: Wrap(
|
||
|
|
children: [
|
||
|
|
ReportMenu(
|
||
|
|
label: 'Transaction Report',
|
||
|
|
onPressed: () {
|
||
|
|
selectedMenu = 0;
|
||
|
|
title = 'Transaction Report';
|
||
|
|
setState(() {});
|
||
|
|
//enddate is 1 month before the current date
|
||
|
|
context.read<TransactionReportBloc>().add(
|
||
|
|
TransactionReportEvent.getReport(
|
||
|
|
startDate: DateFormatter.formatDateTime(
|
||
|
|
fromDate),
|
||
|
|
endDate: DateFormatter.formatDateTime(
|
||
|
|
toDate)),
|
||
|
|
);
|
||
|
|
},
|
||
|
|
isActive: selectedMenu == 0,
|
||
|
|
),
|
||
|
|
ReportMenu(
|
||
|
|
label: 'Item Sales Report',
|
||
|
|
onPressed: () {
|
||
|
|
selectedMenu = 1;
|
||
|
|
title = 'Item Sales Report';
|
||
|
|
setState(() {});
|
||
|
|
context.read<ItemSalesReportBloc>().add(
|
||
|
|
ItemSalesReportEvent.getItemSales(
|
||
|
|
startDate: DateFormatter.formatDateTime(
|
||
|
|
fromDate),
|
||
|
|
endDate: DateFormatter.formatDateTime(
|
||
|
|
toDate)),
|
||
|
|
);
|
||
|
|
},
|
||
|
|
isActive: selectedMenu == 1,
|
||
|
|
),
|
||
|
|
ReportMenu(
|
||
|
|
label: 'Product Sales Chart',
|
||
|
|
onPressed: () {
|
||
|
|
selectedMenu = 2;
|
||
|
|
title = 'Product Sales Chart';
|
||
|
|
setState(() {});
|
||
|
|
context.read<ProductSalesBloc>().add(
|
||
|
|
ProductSalesEvent.getProductSales(
|
||
|
|
DateFormatter.formatDateTime(fromDate),
|
||
|
|
DateFormatter.formatDateTime(toDate)),
|
||
|
|
);
|
||
|
|
},
|
||
|
|
isActive: selectedMenu == 2,
|
||
|
|
),
|
||
|
|
ReportMenu(
|
||
|
|
label: 'Summary Sales Report',
|
||
|
|
onPressed: () {
|
||
|
|
selectedMenu = 3;
|
||
|
|
title = 'Summary Sales Report';
|
||
|
|
setState(() {});
|
||
|
|
context.read<SummaryBloc>().add(
|
||
|
|
SummaryEvent.getSummary(
|
||
|
|
DateFormatter.formatDateTime(fromDate),
|
||
|
|
DateFormatter.formatDateTime(toDate)),
|
||
|
|
);
|
||
|
|
|
||
|
|
log("Date ${DateFormatter.formatDateTime(fromDate)}");
|
||
|
|
},
|
||
|
|
isActive: selectedMenu == 3,
|
||
|
|
),
|
||
|
|
ReportMenu(
|
||
|
|
label: 'Payment Method Report',
|
||
|
|
onPressed: () {
|
||
|
|
selectedMenu = 4;
|
||
|
|
title = 'Payment Method Report';
|
||
|
|
setState(() {});
|
||
|
|
context.read<PaymentMethodReportBloc>().add(
|
||
|
|
PaymentMethodReportEvent.getPaymentMethodReport(
|
||
|
|
startDate: DateFormatter.formatDateTime(fromDate),
|
||
|
|
endDate: DateFormatter.formatDateTime(toDate)),
|
||
|
|
);
|
||
|
|
},
|
||
|
|
isActive: selectedMenu == 4,
|
||
|
|
),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
|
||
|
|
// RIGHT CONTENT
|
||
|
|
Expanded(
|
||
|
|
flex: 2,
|
||
|
|
child: selectedMenu == 0
|
||
|
|
? BlocBuilder<TransactionReportBloc, TransactionReportState>(
|
||
|
|
builder: (context, state) {
|
||
|
|
return state.maybeWhen(
|
||
|
|
orElse: () => const Center(
|
||
|
|
child: CircularProgressIndicator(),
|
||
|
|
),
|
||
|
|
error: (message) {
|
||
|
|
return Text(message);
|
||
|
|
},
|
||
|
|
loaded: (transactionReport) {
|
||
|
|
return TransactionReportWidget(
|
||
|
|
transactionReport: transactionReport,
|
||
|
|
title: title,
|
||
|
|
searchDateFormatted: searchDateFormatted,
|
||
|
|
headerWidgets: _getTitleReportPageWidget(),
|
||
|
|
);
|
||
|
|
},
|
||
|
|
);
|
||
|
|
},
|
||
|
|
)
|
||
|
|
: selectedMenu == 1
|
||
|
|
? BlocBuilder<ItemSalesReportBloc, ItemSalesReportState>(
|
||
|
|
builder: (context, state) {
|
||
|
|
return state.maybeWhen(
|
||
|
|
orElse: () => const Center(
|
||
|
|
child: CircularProgressIndicator(),
|
||
|
|
),
|
||
|
|
error: (message) {
|
||
|
|
return Text(message);
|
||
|
|
},
|
||
|
|
loaded: (itemSales) {
|
||
|
|
return ItemSalesReportWidget(
|
||
|
|
itemSales: itemSales,
|
||
|
|
title: title,
|
||
|
|
searchDateFormatted: searchDateFormatted,
|
||
|
|
headerWidgets: _getItemSalesPageWidget(),
|
||
|
|
);
|
||
|
|
},
|
||
|
|
);
|
||
|
|
},
|
||
|
|
)
|
||
|
|
: selectedMenu == 2
|
||
|
|
? BlocBuilder<ProductSalesBloc, ProductSalesState>(
|
||
|
|
builder: (context, state) {
|
||
|
|
return state.maybeWhen(
|
||
|
|
orElse: () => const Center(
|
||
|
|
child: CircularProgressIndicator(),
|
||
|
|
),
|
||
|
|
error: (message) {
|
||
|
|
return Text(message);
|
||
|
|
},
|
||
|
|
success: (productSales) {
|
||
|
|
return ProductSalesChartWidgets(
|
||
|
|
title: title,
|
||
|
|
searchDateFormatted: searchDateFormatted,
|
||
|
|
productSales: productSales,
|
||
|
|
);
|
||
|
|
},
|
||
|
|
);
|
||
|
|
},
|
||
|
|
)
|
||
|
|
: selectedMenu == 3
|
||
|
|
? BlocBuilder<SummaryBloc, SummaryState>(
|
||
|
|
builder: (context, state) {
|
||
|
|
return state.maybeWhen(
|
||
|
|
orElse: () => const Center(
|
||
|
|
child: CircularProgressIndicator(),
|
||
|
|
),
|
||
|
|
error: (message) {
|
||
|
|
return Text(message);
|
||
|
|
},
|
||
|
|
success: (summary) {
|
||
|
|
return SummaryReportWidget(
|
||
|
|
summary: summary,
|
||
|
|
title: title,
|
||
|
|
searchDateFormatted: searchDateFormatted,
|
||
|
|
);
|
||
|
|
},
|
||
|
|
);
|
||
|
|
},
|
||
|
|
)
|
||
|
|
: selectedMenu == 4
|
||
|
|
? BlocBuilder<PaymentMethodReportBloc, PaymentMethodReportState>(
|
||
|
|
builder: (context, state) {
|
||
|
|
return state.maybeWhen(
|
||
|
|
orElse: () => const Center(
|
||
|
|
child: CircularProgressIndicator(),
|
||
|
|
),
|
||
|
|
error: (message) {
|
||
|
|
return Text(message);
|
||
|
|
},
|
||
|
|
loaded: (paymentMethodData) {
|
||
|
|
return PaymentMethodReportWidget(
|
||
|
|
paymentMethodData: paymentMethodData,
|
||
|
|
title: title,
|
||
|
|
searchDateFormatted: searchDateFormatted,
|
||
|
|
headerWidgets: _getPaymentMethodPageWidget(),
|
||
|
|
);
|
||
|
|
},
|
||
|
|
);
|
||
|
|
},
|
||
|
|
)
|
||
|
|
: const SizedBox.shrink()),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
List<Widget> _getTitleReportPageWidget() {
|
||
|
|
return [
|
||
|
|
_getTitleItemWidget('ID', 120),
|
||
|
|
_getTitleItemWidget('Total', 100),
|
||
|
|
_getTitleItemWidget('Sub Total', 100),
|
||
|
|
_getTitleItemWidget('Tax', 100),
|
||
|
|
_getTitleItemWidget('Disocunt', 100),
|
||
|
|
_getTitleItemWidget('Service', 100),
|
||
|
|
_getTitleItemWidget('Total Item', 100),
|
||
|
|
_getTitleItemWidget('Cashier', 180),
|
||
|
|
_getTitleItemWidget('Time', 200),
|
||
|
|
];
|
||
|
|
}
|
||
|
|
|
||
|
|
List<Widget> _getItemSalesPageWidget() {
|
||
|
|
return [
|
||
|
|
_getTitleItemWidget('ID', 80),
|
||
|
|
_getTitleItemWidget('Order', 60),
|
||
|
|
_getTitleItemWidget('Product', 160),
|
||
|
|
_getTitleItemWidget('Qty', 60),
|
||
|
|
_getTitleItemWidget('Price', 140),
|
||
|
|
_getTitleItemWidget('Total Price', 140),
|
||
|
|
];
|
||
|
|
}
|
||
|
|
|
||
|
|
List<Widget> _getPaymentMethodPageWidget() {
|
||
|
|
return [
|
||
|
|
_getTitleItemWidget('Payment Method', 180),
|
||
|
|
_getTitleItemWidget('Total Amount', 180),
|
||
|
|
_getTitleItemWidget('Transaction Count', 180),
|
||
|
|
];
|
||
|
|
}
|
||
|
|
|
||
|
|
Widget _getTitleItemWidget(String label, double width) {
|
||
|
|
return Container(
|
||
|
|
width: width,
|
||
|
|
height: 56,
|
||
|
|
color: AppColors.primary,
|
||
|
|
alignment: Alignment.centerLeft,
|
||
|
|
child: Center(
|
||
|
|
child: Text(
|
||
|
|
label,
|
||
|
|
style: TextStyle(
|
||
|
|
color: Colors.white,
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|