details_card.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/constants/factors.dart';
import 'detail_item.dart';
 
class DetailsCard extends StatefulWidget {
  final String cvReference;
  final double volumeDeclared;
  final double volumeCollected;
  final Function(String) onVolumeCollectedChanged;
 
  const DetailsCard({
    super.key,
    required this.cvReference,
    required this.volumeDeclared,
    required this.volumeCollected,
    required this.onVolumeCollectedChanged,
  });
 
  @override
  State<DetailsCard> createState() => _DetailsCardState();
}
 
class _DetailsCardState extends State<DetailsCard> {
  String? errorMessage;
 
  void _handleVolumeChange(String newValue) {
    // Remove this line and uncomment
    // the lines below to enable the validation of the volume collected
    widget.onVolumeCollectedChanged(newValue);
 
    // final double? inputValue = double.tryParse(newValue);
    
    // if (inputValue != null) {
    //   final double minAllowed = widget.volumeDeclared * Factors.minCollectedQuantity;
    //   final double maxAllowed = widget.volumeDeclared * Factors.maxCollectedQuantity;
      
    //   setState(() {
    //     if (inputValue < minAllowed) {
    //       errorMessage = 'Volume cannot be less than ${minAllowed.toStringAsFixed(2)} KG';
    //     } else if (inputValue > maxAllowed) {
    //       errorMessage = 'Volume cannot exceed ${maxAllowed.toStringAsFixed(2)} KG';
    //     } else {
    //       errorMessage = null;
    //     }
    //     widget.onVolumeCollectedChanged(newValue);
    //   });
    // }
  }
 
  @override
  Widget build(BuildContext context) {
    return Container(
      margin: EdgeInsets.symmetric(horizontal: 16.sp),
      padding: EdgeInsets.all(20.sp),
      decoration: BoxDecoration(
        color: Colors.white,
        borderRadius: BorderRadius.circular(20),
        boxShadow: [
          BoxShadow(
            color: Colors.black.withValues(alpha: 0.05),
            blurRadius: 10,
            offset: const Offset(0, 4),
          ),
        ],
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          DetailItem(
            title: 'information.cv_reference'.tr(),
            value: widget.cvReference,
            isReference: true,
            icon: Icons.description_outlined,
          ),
          SizedBox(height: 24.sp),
          Row(
            children: [
              Expanded(
                child: DetailItem(
                  title: 'information.qty_declared'.tr(),
                  subtitle: 'In KG',
                  value: '${widget.volumeDeclared}',
                  icon: FluentIcons.drop_12_regular,
                ),
              ),
              SizedBox(width: 16.sp),
              Expanded(
                child: DetailItem(
                  title: 'information.qty_collected'.tr(),
                  subtitle: 'In KG',
                  value: '${widget.volumeCollected}',
                  icon: FluentIcons.drop_12_filled,
                  isEditable: true,
                  onValueChanged: _handleVolumeChange,
                ),
              ),
            ],
          ),
          // if (errorMessage != null) ...[
          //   SizedBox(height: 8.sp),
          //   Text(
          //     errorMessage!,
          //     style: TextStyle(
          //       color: Colors.red,
          //       fontSize: 12.sp,
          //       fontWeight: FontWeight.w500,
          //     ),
          //   ),
          // ],
        ],
      ),
    );
  }
}