details_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 DetailsSection extends StatelessWidget {
  final String address;
  final String cRReference;
  final String volume;
  final String instructions;
 
  const DetailsSection({
    super.key,
    required this.address,
    required this.cRReference,
    required this.volume,
    required this.instructions,
 
  });
 
  @override
  Widget build(BuildContext context) {
    return Container(
      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, 2),
          ),
        ],
      ),
      child: Column(
        children: [
          _buildDetailItem(
            context,
            FluentIcons.location_24_filled,
            'collection_card.address'.tr(),
            address,
          ),
          SizedBox(height: 16.h),
          _buildDetailItem(
            context,
            FluentIcons.qr_code_24_filled,
            'collection_card.cr_reference'.tr(),
            cRReference,
          ),
          SizedBox(height: 16.h),
          _buildDetailItem(
            context,
            FluentIcons.drop_12_filled,
            'collection_card.declared_quantity'.tr(),
            formatVolume(volume),
          ),
          SizedBox(height: 16.h),
          _buildDetailItem(
            context,
            FluentIcons.list_16_filled,
            'collection_card.instructions'.tr(),
            instructions,
          ),
        ],
      ),
    );
  }
 
  Widget _buildDetailItem(
    BuildContext context,
    IconData icon,
    String title,
    String content,
  ) {
    return Row(
      children: [
        Container(
          padding: EdgeInsets.all(12.sp),
          decoration: BoxDecoration(
            color: ColorPalette.lightGreen.withValues(alpha:0.1),
            borderRadius: BorderRadius.circular(16),
          ),
          child: Icon(
            icon,
            color: ColorPalette.darkGreen,
            size: 20.sp,
          ),
        ),
        SizedBox(width: 16.w),
        Expanded(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Text(
                title,
                style: Theme.of(context).textTheme.titleSmall?.copyWith(
                  color: ColorPalette.grey,
                ),
              ),
              SizedBox(height: 4.h),
              Text(
                content,
                style: Theme.of(context).textTheme.displaySmall?.copyWith(
                  color: ColorPalette.black,
                  fontWeight: FontWeight.w400,
                ),  
              ),
            ],
          ),
        ),
      ],
    );
  }
 
  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';
    }
  }
}