monthly_collection_performance_card.dart

Go to the documentation of this file.

import 'package:connect/core/localization/app_localizations.dart';
import 'package:connect/core/utils/number_conversion.dart';
 
import '../../../../../core/constants/app_values.dart';
import '/core/ui/widgets/custom_card.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart';
import 'package:intl/intl.dart';
import 'package:percent_indicator/circular_percent_indicator.dart';
 
class MonthlyCollectionsPerformanceCard extends StatelessWidget {
  const MonthlyCollectionsPerformanceCard({
    super.key,
    required this.volumeDeclared,
    required this.volumeCollected,
    required this.collectionNumbers,
    required this.declaredvsCollected,
    required this.wastPerformance,
  });
 
  final num? volumeCollected;
  final num? volumeDeclared;
  final num? collectionNumbers;
  final num? declaredvsCollected;
  final num? wastPerformance;
 
  @override
  Widget build(BuildContext context) {
    print(volumeDeclared);
    return CustomCard(
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Text(
            AppLocalizations.of(context)
                .translate('MONTHLY COLLECTION PERFORMANCE'),
            style: Theme.of(context).textTheme.bodySmall,
          ),
          SizedBox(height: 10.sp),
          StaggeredGrid.count(
            axisDirection: AxisDirection.down,
            crossAxisCount: 2,
            mainAxisSpacing: 10.sp,
            crossAxisSpacing: 10.sp,
            children: [
              _buildInfoCard(
                title:
                    '${NumberConversionService.convertAndFormatWeight(volumeDeclared)} / ${NumberConversionService.convertAndFormatWeight(volumeDeclared)}',
                subtitle: AppLocalizations.of(context)
                    .translate('Declared vs Collected'),
                context: context,
              ),
              _buildInfoCard(
                title: NumberFormat.compact().format(collectionNumbers ?? 0),
                subtitle: AppLocalizations.of(context).translate('Collections'),
                context: context,
              ),
              const Divider(
                height: 0.0,
              ),
              const Divider(
                height: 0.0,
              ),
              _buildPercentageInfoLabel(
                label: AppLocalizations.of(context)
                    .translate('Declared VS Collected Performance'),
                context: context,
                percentage: declaredvsCollected ?? 0,
              ),
              _buildPercentageInfoLabel(
                label: AppLocalizations.of(context)
                    .translate('Waste Management Performance'),
                context: context,
                percentage: wastPerformance ?? 0,
              ),
            ],
          ),
        ],
      ),
    );
  }
 
  _buildInfoCard({
    required String title,
    required String subtitle,
    required BuildContext context,
  }) {
    return Container(
      padding: EdgeInsets.all(10.sp),
      decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(10),
      ),
      child: Column(
        mainAxisSize: MainAxisSize.min,
        crossAxisAlignment: CrossAxisAlignment.center,
        children: [
          Text(
            title,
            style: Theme.of(context).textTheme.displaySmall?.copyWith(
                  color: Theme.of(context).colorScheme.primary,
                  fontWeight: FontWeight.bold,
                  fontSize: 14.sp,
                ),
          ),
          SizedBox(height: 7.sp),
          Text(
            subtitle,
            textAlign: TextAlign.center,
            style: Theme.of(context).textTheme.bodySmall?.copyWith(
                  fontSize: 10.sp,
                  color: Theme.of(context).hintColor,
                ),
          ),
        ],
      ),
    );
  }
 
  Widget _buildPercentageInfoLabel({
    required String label,
    required BuildContext context,
    required num percentage,
  }) {
    double percentageValue = (percentage > 100) ? 100.0 : percentage.toDouble();
    percentageValue = percentageValue / 100.0;
 
    return Container(
      padding: EdgeInsets.all(10.sp),
      decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(10),
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.center,
        children: [
          CircularPercentIndicator(
            radius: 25.sp,
            lineWidth: 4,
            percent: percentageValue,
            center: Text(
              '${(percentageValue * 100).toStringAsFixed(0)}%',
              style: Theme.of(context).textTheme.bodySmall?.copyWith(
                    fontSize: 10.sp,
                  ),
            ),
            progressColor: Theme.of(context).colorScheme.primary,
            backgroundColor:
                Theme.of(context).colorScheme.primary.withOpacity(0.11),
          ),
          SizedBox(height: 10.sp),
          Text(
            label,
            textAlign: TextAlign.center,
            style: Theme.of(context).textTheme.bodySmall?.copyWith(
                  fontSize: 10.sp,
                  color: Theme.of(context).hintColor,
                ),
          ),
        ],
      ),
    );
  }
}