statistics_card.dart

Go to the documentation of this file.

import 'package:fluentui_system_icons/fluentui_system_icons.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
 
import '../../../../../core/ui/theme/color_palette.dart';
 
class StatisticsCard extends StatelessWidget {
  final int collectionNumbersDone;
  final int totalCollections;
  final double doneVolume;
  final double totalVolume;
  final int visitedStops;
  final int totalStops;
 
  const StatisticsCard({
    super.key,
    required this.collectionNumbersDone,
    required this.totalCollections,
    required this.doneVolume,
    required this.totalVolume,
    required this.visitedStops,
    required this.totalStops,
  });
 
  @override
  Widget build(BuildContext context) {
    return Container(
      decoration: BoxDecoration(
        color: ColorPalette.white,
        borderRadius: BorderRadius.circular(24),
        boxShadow: [
          BoxShadow(
            color: ColorPalette.black.withValues(alpha: 0.05),
            blurRadius: 20,
            offset: const Offset(0, 10),
          ),
        ],
      ),
      child: Row(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Expanded(
            child: _buildStatCard(
              "TOTAL EXECUTED",
              collectionNumbersDone.toString(),
              totalCollections.toString(),
              "Assigned",
              "${formatWeight(doneVolume)} / ${formatWeight(totalVolume)}",
              FluentIcons.textbox_rotate_90_20_filled,
            ),
          ),
          const SizedBox(width: 6),
          // Container divider
          Container(
            width: 1,
            height: 230.sp,
            color: ColorPalette.grey.withValues(alpha: 0.2),
          ),
          const SizedBox(width: 6),
          Expanded(
            child: _buildStatCard(
              "TOTAL VISITED STOPS",
              visitedStops.toString(),
              totalStops.toString(),
              "Assigned",
              "",
              FluentIcons.location_12_regular,
            ),
          ),
        ],
      ),
    );
  }
 
  Widget _buildStatCard(
    String title,
    String current,
    String total,
    String subtitle,
    String secondaryValue,
    IconData icon,
  ) {
    return Container(
      padding: const EdgeInsets.all(20),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Container(
            padding: const EdgeInsets.all(12),
            decoration: BoxDecoration(
              color: ColorPalette.lightGreen.withValues(alpha: 0.1),
              borderRadius: BorderRadius.circular(12),
            ),
            child: Icon(
              icon,
              color: ColorPalette.lightGreen,
              size: 24,
            ),
          ),
          const SizedBox(height: 16),
          Text(
            title,
            style: const TextStyle(
              color: ColorPalette.grey,
              fontSize: 12,
              letterSpacing: 0.5,
            ),
          ),
          const SizedBox(height: 8),
          Row(
            crossAxisAlignment: CrossAxisAlignment.end,
            children: [
              Text(
                current,
                style: const TextStyle(
                  fontSize: 28,
                  fontWeight: FontWeight.bold,
                  color: ColorPalette.darkGrey,
                ),
              ),
              Text(
                "/$total",
                style: const TextStyle(
                  fontSize: 20,
                  color: ColorPalette.grey,
                ),
              ),
            ],
          ),
          const SizedBox(height: 4),
          Text(
            subtitle,
            style: const TextStyle(
              color: ColorPalette.grey,
              fontSize: 14,
            ),
          ),
          if (secondaryValue.isNotEmpty) ...[
            const SizedBox(height: 12),
            Container(
              padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
              decoration: BoxDecoration(
                color: ColorPalette.blue.withValues(alpha: 0.1),
                borderRadius: BorderRadius.circular(8),
              ),
              child: Text(
                secondaryValue,
                style: const TextStyle(
                  color: ColorPalette.blue,
                  fontSize: 11,
                  fontWeight: FontWeight.w500,
                ),
              ),
            ),
          ],
        ],
      ),
    );
  }
  
  // Helper method to format weight values
  String formatWeight(double weight) {
    if (weight >= 1000) {
      // Convert to metric tons and format with 2 decimal places
      return "${(weight / 1000).toStringAsFixed(2)} MT";
    } else {
      // Keep as kg
      return "${weight.toStringAsFixed(0)} KG";
    }
  }
}