history_collections_view.dart

Go to the documentation of this file.

import 'package:easy_localization/easy_localization.dart';
import 'package:fluentui_system_icons/fluentui_system_icons.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
 
import '../../../../../../core/UI/widgets/show_documents_option.dart';
import '../../../../../../core/common/entities/collection_entity.dart';
import '../../../../../../core/services/documents_service.dart';
import '../../../../../../core/ui/widgets/loading.dart';
import '../../../../../../core/ui/widgets/stats_card.dart';
import '../../../../../../core/ui/theme/color_palette.dart';
import '../../../../../../core/ui/widgets/empty_content.dart';
import '../../../bloc/history_collections/history_collections_bloc.dart';
import '../../../../../../core/ui/widgets/collection_item/collection_item.dart';
import '../../../../../auth/presentation/bloc/authentication_bloc/authentication_bloc.dart';
import '../widgets/triple_tab_selector.dart';
 
class HistoryCollectionsView extends StatefulWidget {
  const HistoryCollectionsView({super.key});
 
  @override
  State<HistoryCollectionsView> createState() => _HistoryCollectionsViewState();
}
 
class _HistoryCollectionsViewState extends State<HistoryCollectionsView> {
  String _selectedPeriod = "week";
  DateTimeRange? _dateRange;
 
  @override
  void initState() {
    super.initState();
    _loadHistoryCollections();
  }
 
  void _loadHistoryCollections() {
    final authState = context.read<AuthenticationBloc>().state;
    if (authState is AuthenticatedState) {
      if (_selectedPeriod == "calendar" && _dateRange != null) {
        context.read<HistoryCollectionsBloc>().add(
              LoadHistoryCollectionsWithDateRangeEvent(
                userId: authState.session.uid ?? 0,
                dateStart: _dateRange!.start,
                dateEnd: _dateRange!.end,
              ),
            );
      } else {
        context.read<HistoryCollectionsBloc>().add(
              LoadHistoryCollectionsEvent(
                userId: authState.session.uid ?? 0,
                period: _selectedPeriod,
              ),
            );
      }
    }
  }
 
  Future<void> _showDateRangePicker() async {
    final DateTimeRange? picked = await showDateRangePicker(
      context: context,
      firstDate: DateTime(2020),
      lastDate: DateTime.now(),
      initialDateRange: _dateRange ??
          DateTimeRange(
            start: DateTime.now().subtract(const Duration(days: 7)),
            end: DateTime.now(),
          ),
      builder: (context, child) {
        return Theme(
          data: Theme.of(context).copyWith(
            colorScheme: Theme.of(context).colorScheme.copyWith(
                  primary: ColorPalette.lightGreen,
                  onPrimary: Colors.white,
                ),
          ),
          child: child!,
        );
      },
    );
 
    if (picked != null) {
      setState(() {
        _dateRange = picked;
        _loadHistoryCollections();
      });
    }
  }
 
  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        TripleTabSelector(
          firstTabName: "common.this_week".tr(),
          secondTabName: "common.this_month".tr(),
          thirdTabName: "common.calendar".tr(),
          initialSelection: _getTabSelectionIndex(),
          onTabSelected: (index) {
            if (index == 0) {
              _selectedPeriod = "week";
            } else if (index == 1) {
              _selectedPeriod = "month";
            } else if (index == 2) {
              _selectedPeriod = "calendar";
              _showDateRangePicker();
            }
            setState(() {
              _loadHistoryCollections();
            });
          },
        ),
        if (_selectedPeriod == "calendar" && _dateRange == null)
          Container(
            width: double.infinity,
            color: ColorPalette.orange.withValues(alpha: 0.1),
            padding: EdgeInsets.symmetric(vertical: 5.sp, horizontal: 10.sp),
            child: Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
                SizedBox(
                  width: MediaQuery.sizeOf(context).width * 0.8,
                  child: Text(
                    "transactions_history.select_date_message".tr(),
                    style: Theme.of(context).textTheme.titleSmall?.copyWith(
                          color: ColorPalette.orange.withValues(alpha: 0.8),
                          fontWeight: FontWeight.w400,
                        ),
                  ),
                ),
                OutlinedButton(
                  style: OutlinedButton.styleFrom(
                    backgroundColor:
                        ColorPalette.lightGreen.withValues(alpha: 0.1),
                    side: const BorderSide(color: ColorPalette.lightGreen),
                  ),
                  child: const Icon(FluentIcons.calendar_20_regular),
                  onPressed: () => _showDateRangePicker(),
                )
              ],
            ),
          ),
        Expanded(
          child: BlocBuilder<HistoryCollectionsBloc, HistoryCollectionsState>(
            buildWhen: (previous, current) =>
                current is HistoryCollectionsLoading ||
                current is HistoryCollectionsLoaded ||
                current is HistoryCollectionsError,
            builder: (context, state) {
              if (state is HistoryCollectionsLoaded) {
                if (state.collections.isEmpty) {
                  return EmptyContent(text: "common.no_pending_collections".tr());
                }
                return ListView.builder(
                  physics: const AlwaysScrollableScrollPhysics(),
                  itemCount: state.collections.length + 2,
                  itemBuilder: (context, index) {
                    if (index == 0) {
                      if (_selectedPeriod == "calendar" && _dateRange != null) {
                        return Padding(
                          padding: EdgeInsets.only(left: 15.sp, top: 15.sp, right: 15.sp),
                          child: Text(
                            "${"transactions_history.from".tr()} ${_formatDate(_dateRange?.start)}  ${"transactions_history.to".tr()}  ${_formatDate(_dateRange?.end)}",
                            style: Theme.of(context)
                                .textTheme
                                .titleSmall
                                ?.copyWith(
                                  color: ColorPalette.grey,
                                  fontWeight: FontWeight.w600,
                                ),
                          ),
                        );
                      }
                      return const SizedBox();
                    }
                    if (index == 1) {
                      return Padding(
                        padding: EdgeInsets.all(15.sp),
                        child: StatsCard(
                          title: "transactions_history.completed_collections".tr(),
                          number: state.collections.length.toString(),
                          subtitle: _getCollectionQuantity(state.collections),
                          gradient: const LinearGradient(
                            begin: Alignment.topLeft,
                            end: Alignment.bottomRight,
                            colors: [ColorPalette.grey, ColorPalette.darkGrey],
                          ),
                        ),
                      );
                    }
                    return InkWell(
                      onTap: () {
                        showDocumentOptions(
                          context,
                          [
                            DocumentOption(
                              icon: Icons.receipt_long_outlined,
                              title: 'Voucher',
                              color: ColorPalette.orange,
                              onTap: () {
                                DocumentsService.instance
                                    .getCollectionVoucherDocument(
                                  state.collections[index - 2].reference ?? '',
                                  context,
                                );
                              },
                            ),
                          ],
                        );
                      },
                      child: CollectionItem(
                        hidePriority: true,
                        isCompleted: true,
                        isHistory: true,
                        number: '',
                        collection: state.collections[index - 2],
                        showNumber: false,
                      ),
                    );
                  },
                );
              }
              if (state is HistoryCollectionsError) {
                return EmptyContent(text: state.failure.message);
              }
              return const Loading();
            },
          ),
        ),
      ],
    );
  }
 
  String _formatDate(DateTime? date) {
    if (date == null) return '';
    return '${date.year}-${date.month.toString().padLeft(2, '0')}-${date.day.toString().padLeft(2, '0')}';
  }
 
  String _getCollectionQuantity(List<CollectionEntity> collections) {
    String quanitity = collections
        .fold<double>(0, (prev, element) => prev + (element.volume ?? 0))
        .toInt()
        .toString();
    return '$quanitity L';
  }
 
  int _getTabSelectionIndex() {
    if (_selectedPeriod == "week") {
      return 0;
    } else if (_selectedPeriod == "month") {
      return 1;
    } else {
      return 2;
    }
  }
 
  // void _showDocumentOptions(CollectionEntity collection) {
  //  showDialog(
  //    context: context,
  //    builder: (BuildContext context) {
  //      return Dialog(
  //        backgroundColor: Colors.transparent,
  //        elevation: 0,
  //        child: Container(
  //          width: 300.w,
  //          decoration: BoxDecoration(
  //            color: Colors.white,
  //            borderRadius: BorderRadius.circular(20.r),
  //            boxShadow: [
  //              BoxShadow(
  //                color: Colors.black.withValues(alpha: 0.1),
  //                blurRadius: 10,
  //                spreadRadius: 1,
  //              ),
  //            ],
  //          ),
  //          child: Column(
  //            mainAxisSize: MainAxisSize.min,
  //            children: [
  //              Container(
  //                padding: EdgeInsets.symmetric(vertical: 15.sp),
  //                decoration: BoxDecoration(
  //                  color: ColorPalette.lightGreen,
  //                  borderRadius: BorderRadius.only(
  //                    topLeft: Radius.circular(20.r),
  //                    topRight: Radius.circular(20.r),
  //                  ),
  //                ),
  //                child: Center(
  //                  child: Text(
  //                    'Select Document Type',
  //                    style: Theme.of(context).textTheme.titleMedium?.copyWith(
  //                      fontWeight: FontWeight.bold,
  //                      color: Colors.white,
  //                    ),
  //                  ),
  //                ),
  //              ),
  //              SizedBox(height: 20.h),
  //              Padding(
  //                padding: EdgeInsets.symmetric(horizontal: 15.w),
  //                child: Text(
  //                  'Choose which document you want to view:',
  //                  textAlign: TextAlign.center,
  //                  style: TextStyle(
  //                    color: ColorPalette.grey,
  //                    fontSize: 14.sp,
  //                  ),
  //                ),
  //              ),
  //              SizedBox(height: 20.h),
  //              Row(
  //                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
  //                children: [
  //                  _buildDocumentOption(
  //                    icon: Icons.description_outlined,
  //                    title: 'E-Manifest',
  //                    color: ColorPalette.lightGreen,
  //                    onTap: () {
  //                      Navigator.pop(context);
  //                      DocumentsService.instance.getManifestDocument(
  //                        collection.reference ?? '', 
  //                        context
  //                      );
  //                    },
  //                  ),
  //                  _buildDocumentOption(
  //                    icon: Icons.receipt_long_outlined,
  //                    title: 'Voucher',
  //                    color: ColorPalette.orange,
  //                    onTap: () {
  //                      Navigator.pop(context);
  //                      DocumentsService.instance.getCollectionVoucherDocument(
  //                        collection.reference ?? '', 
  //                        context
  //                      );
  //                    },
  //                  ),
  //                ],
  //              ),
  //              SizedBox(height: 20.h),
  //              Divider(height: 1, color: Colors.grey.withValues(alpha: 0.3)),
  //              InkWell(
  //                onTap: () => Navigator.pop(context),
  //                borderRadius: BorderRadius.only(
  //                  bottomLeft: Radius.circular(20.r),
  //                  bottomRight: Radius.circular(20.r),
  //                ),
  //                child: Container(
  //                  padding: EdgeInsets.symmetric(vertical: 15.sp),
  //                  width: double.infinity,
  //                  alignment: Alignment.center,
  //                  child: Text(
  //                    'Cancel',
  //                    style: TextStyle(
  //                      color: Colors.grey,
  //                      fontWeight: FontWeight.w500,
  //                      fontSize: 16.sp,
  //                    ),
  //                  ),
  //                ),
  //              ),
  //            ],
  //          ),
  //        ),
  //      );
  //    },
  //  );
  // }
 
  // Widget _buildDocumentOption({
  //   required IconData icon,
  //   required String title,
  //   required Color color,
  //   required VoidCallback onTap,
  // }) {
  //   return InkWell(
  //     onTap: onTap,
  //     borderRadius: BorderRadius.circular(15.r),
  //     child: Container(
  //       width: 120.w,
  //       padding: EdgeInsets.symmetric(vertical: 15.sp, horizontal: 10.w),
  //       decoration: BoxDecoration(
  //         color: color.withValues(alpha: 0.1),
  //         borderRadius: BorderRadius.circular(15.r),
  //         border: Border.all(color: color.withValues(alpha: 0.3)),
  //       ),
  //       child: Column(
  //         mainAxisSize: MainAxisSize.min,
  //         children: [
  //           Icon(icon, color: color, size: 40.sp),
  //           SizedBox(height: 10.h),
  //           Text(
  //             title,
  //             textAlign: TextAlign.center,
  //             style: TextStyle(
  //               color: color,
  //               fontWeight: FontWeight.w500,
  //               fontSize: 14.sp,
  //             ),
  //           ),
  //         ],
  //       ),
  //     ),
  //   );
  // }
}