dashboard_screen.dart

Go to the documentation of this file.

import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
 
import '../../../../core/ui/widgets/custom_scaffold.dart';
import '../../../../core/ui/theme/color_palette.dart';
import '../../../../core/ui/widgets/logo_header.dart';
import '../../../../core/ui/widgets/error_widget.dart';
import '../../../auth/presentation/bloc/authentication_bloc/authentication_bloc.dart';
// import 'widgets/statistics_card.dart';
// import 'widgets/statistics_card_shimmer.dart';
import 'widgets/time_selector.dart';
import 'widgets/today_collections.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import '../bloc/period_bloc/period_bloc.dart';
import '../bloc/period_bloc/period_state.dart';
import '../bloc/period_bloc/period_event.dart';
import 'widgets/today_collections_shimmer.dart';
 
class DashboardScreen extends StatefulWidget {
  const DashboardScreen({super.key});
 
  @override
  State<DashboardScreen> createState() => _DashboardScreenState();
}
 
class _DashboardScreenState extends State<DashboardScreen> {
  String period = 'week';
 
  @override
  void initState() {
    super.initState();
    loadStatistics(period);
  }
 
  @override
  Widget build(BuildContext context) {
    return CustomScaffold(
      onRefresh: () {
        loadStatistics(period);
      },
      isLeadingVisible: false,
      backgroundColor: ColorPalette.antiFlashWhite,
      body: BlocBuilder<PeriodBloc, PeriodState>(
        builder: (context, state) {
          if (state is TodayStatisticsError || state is PeriodError) {
            return CustomErrorWidget(
              message: "Connection failed",
              onReload: () => loadStatistics(period),
            );
          }
          
          return SingleChildScrollView(
            child: Column(
              children: [
                Padding(
                  padding: const EdgeInsets.only(
                    bottom: 16.0,
                    left: 16.0,
                    right: 16.0,
                  ),
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      LogoHeader(title: "dashboard.title".tr()),
                      BlocBuilder<PeriodBloc, PeriodState>(
                        buildWhen: (previous, current) => current is TodayStatisticsLoading || current is TodayStatisticsLoaded,
                        builder: (context, state) {
                          if (state is TodayStatisticsLoading) {
                            return const TodayCollectionsShimmer();
                          } else if (state is TodayStatisticsLoaded) {
                            final stats = state.statistics;
                            final doneVolume = stats.doneVolume ?? 0;
                            // Format the volume value
                            String formattedVolume = doneVolume >= 1000 
                                ? "${(doneVolume / 1000).toStringAsFixed(2)} MT" 
                                : "${doneVolume.toStringAsFixed(0)} KG";
                                
                            return TodayCollections(
                              totalCollections: ((stats.collectionNumbersDone ?? 0) + (stats.canceledCollections ?? 0)).toString(),
                              collectionsVolume: formattedVolume,
                              done: stats.collectionNumbersDone?.toString() ?? "0",
                              canceled: stats.canceledCollections?.toString() ?? "0",
                              completedPercentage: stats.percentageCompleted?.toString() ?? "0",
                              pendingCollections: stats.pendingCollections?.toString() ?? "0",
                            );
                          }
                          return const SizedBox.shrink();
                        },
                      ),
                      const SizedBox(height: 24),
                      TimeSelector(
                        onTimeRangeChanged: (String newPeriod) {
                          setState(() {
                            period = newPeriod;
                          });
                          _loadPeriodStatistics(newPeriod);
                        },
                      ),
                      const SizedBox(height: 24),
                      BlocBuilder<PeriodBloc, PeriodState>(
                        buildWhen: (previous, current) => current is PeriodLoading || current is PeriodLoaded,
                        builder: (context, state) {
                          if (state is PeriodLoading) {
                            return const TodayCollectionsShimmer();
                          } else if (state is PeriodLoaded) {
                            final stats = state.statistics;
                            final doneVolume = stats.doneVolume ?? 0;
                            String formattedVolume = doneVolume >= 1000 
                                ? "${(doneVolume / 1000).toStringAsFixed(2)} MT" 
                                : "${doneVolume.toStringAsFixed(0)} KG";
                            return TodayCollections(
                              isPeriodSection: true,
                              totalCollections: ((stats.collectionNumbersDone ?? 0) + (stats.canceledCollections ?? 0)).toString(),
                              collectionsVolume: formattedVolume,
                              done: stats.collectionNumbersDone?.toString() ?? "0",
                              canceled: stats.canceledCollections?.toString() ?? "0",
                              completedPercentage: stats.percentageCompleted?.toString() ?? "0",
                              pendingCollections: stats.pendingCollections?.toString() ?? "0",
                            );
                          }
                          return const SizedBox.shrink();
                        },
                      ),
                    ],
                  ),
                ),
              ],
            ),
          );
        },
      ),
    );
  }
 
  void _reloadTodayStatistics() {
    final authState = context.read<AuthenticationBloc>().state;
    if (authState is AuthenticatedState) {
      context.read<PeriodBloc>().add(
        GetTodayStatisticsEvent(
          userId: authState.session.uid ?? 0
        ),
      );
    }
  }
 
  void _loadPeriodStatistics(String periodToLoad) {
    final authState = context.read<AuthenticationBloc>().state;
    if (authState is AuthenticatedState) {
      context.read<PeriodBloc>().add(
        GetCollectionStatisticsEvent(
          userId: authState.session.uid ?? 0,
          period: periodToLoad,
        ),
      );
    }
  }
 
  void loadStatistics(String periodToLoad) {
    _reloadTodayStatistics();
    _loadPeriodStatistics(periodToLoad);
  }
}