status_card_section.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_screenutil/flutter_screenutil.dart';
 
import '../../../../../../core/ui/theme/color_palette.dart';
 
class StatusCardSection extends StatelessWidget {
  final String? reference;
  final double? collectedVolume;
  const StatusCardSection({
    super.key,
    required this.reference,
    required this.collectedVolume,
  });
 
  @override
  Widget build(BuildContext context) {
    return Container(
      width: double.infinity,
      padding: EdgeInsets.all(20.sp),
      decoration: BoxDecoration(
        color: ColorPalette.white,
        borderRadius: BorderRadius.circular(20),
        boxShadow: [
          BoxShadow(
            color: ColorPalette.black.withValues(alpha:0.05),
            blurRadius: 10,
            offset: const Offset(0, 4),
          ),
        ],
      ),
      child: Column(
        children: [
          _buildInfoRow(
            icon: FluentIcons.qr_code_20_filled,
            title: 'confirmation.cv_reference'.tr(),
            value: reference ?? '--',
            iconColor: ColorPalette.grey,
            context: context,
          ),
          const Divider(height: 24),
          _buildInfoRow(
            icon: FluentIcons.drop_12_filled,
            title: 'confirmation.collected_quantity'.tr(),
            value: formatVolume(collectedVolume),
            iconColor: ColorPalette.grey,
            context: context,
          ),
        ],
      ),
    );
  }
 
  Widget _buildInfoRow({
    required IconData icon,
    required String title,
    required String value,
    required Color iconColor,
    required BuildContext context,
  }) {
    return Row(
      children: [
        Container(
          padding: EdgeInsets.all(8.sp),
          decoration: BoxDecoration(
            color: iconColor.withValues(alpha: 0.1),
            borderRadius: BorderRadius.circular(8),
          ),
          child: Icon(icon, color: iconColor, size: 20.sp),
        ),
        SizedBox(width: 12.sp),
        Expanded(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Text(
                title,
                style: Theme.of(context).textTheme.titleSmall!.copyWith(
                  color: ColorPalette.grey,
                ),
              ),
              SizedBox(height: 2.sp),
              Text(
                value,
                style: Theme.of(context).textTheme.titleSmall!.copyWith(
                  color: ColorPalette.darkGrey,
                ),
              ),
            ],
          ),
        ),
      ],
    );
  }
 
  String formatVolume(dynamic volume) {
    if (volume == null) return "--";
    double volumeValue = volume is double ? volume : double.tryParse(volume.toString()) ?? 0.0;
    if (volumeValue > 999) {
      return '${(volumeValue / 1000).toStringAsFixed(2)} MT';
    } else {
      return '$volumeValue KG';
    }
  }
}