collection_details_viewer.dart

Go to the documentation of this file.

// ignore_for_file: unused_field
import 'package:connect/core/localization/app_localizations.dart';
import 'package:connect/core/router/routes.dart';
import 'package:go_router/go_router.dart';
 
import '../../../../../../../../core/utils/number_conversion.dart';
import '/core/ui/widgets/custom_action_slider.dart';
import '/core/ui/widgets/custom_card.dart';
import '/features/collections/domain/entities/collection_entity.dart';
import '/features/collections/domain/enums/collection_status_enum.dart';
import '/features/collections/presentation/screens/transaction_history_screen/views/pending_transactions_view/collection_progress_tracker.dart';
import 'package:flutter/material.dart';
 
import 'package:flutter_screenutil/flutter_screenutil.dart';
 
import 'package:hugeicons/hugeicons.dart';
import 'package:intl/intl.dart';
import 'package:lottie/lottie.dart';
 
class CollectionDetailsViewer extends StatefulWidget {
  const CollectionDetailsViewer({
    super.key,
    required this.collection,
  });
 
  final CollectionEntity collection;
 
  @override
  State<CollectionDetailsViewer> createState() =>
      _CollectionDetailsViewerState();
}
 
class _CollectionDetailsViewerState extends State<CollectionDetailsViewer> {
  final animations = [
    'assets/lotties/process_animations.json',
    'assets/lotties/animation002.json',
    'assets/lotties/done_animation.json',
  ];
 
  int getStatusValue(CollectionStatusEnum status) {
    switch (status) {
      case CollectionStatusEnum.draft:
      case CollectionStatusEnum.notStarted:
        return 0;
      case CollectionStatusEnum.onTheWay:
        return 1;
      case CollectionStatusEnum.arrived:
      case CollectionStatusEnum.cancelled:
      case CollectionStatusEnum.done:
      case CollectionStatusEnum.defaultStatus:
        return 2;
    }
  }
 
  @override
  Widget build(BuildContext context) {
    final titles = [
      AppLocalizations.of(context).translate('Your request has been received'),
      AppLocalizations.of(context)
          .translate('Your collection will  be scheduled'),
      AppLocalizations.of(context)
          .translate('Your collection will  be scheduled')
    ];
    return ListView(
      padding: EdgeInsets.symmetric(
        horizontal: 15.sp,
        vertical: 15.sp,
      ),
      children: [
        Container(
          decoration: BoxDecoration(
            borderRadius: BorderRadius.circular(10),
            color: Theme.of(context).colorScheme.primary,
          ),
          child: Stack(
            children: [
              Positioned(
                right: -30,
                bottom: -50,
                child: Lottie.asset(
                  animations[getStatusValue(
                    CollectionStatusEnumFromJson(
                      widget.collection.status ??
                          AppLocalizations.of(context).translate('draft'),
                    ),
                  )],
                  height: 180.sp,
                ),
              ),
              Positioned(
                top: 0,
                left: 0,
                right: 0,
                bottom: 0,
                child: Container(
                  decoration: BoxDecoration(
                    borderRadius: BorderRadius.circular(10),
                    gradient: LinearGradient(
                      colors: [
                        Theme.of(context).colorScheme.primary.withOpacity(0.11),
                        Theme.of(context).colorScheme.primary.withOpacity(0.8),
                      ],
                    ),
                  ),
                ),
              ),
              Padding(
                padding: EdgeInsets.only(
                    top: 12.sp, bottom: 12.sp, left: 12.sp, right: 80.sp),
                child: _adaptstatsToView(
                  widget.collection.status ??
                      AppLocalizations.of(context).translate('draft'),
                  titles,
                ),
              ),
            ],
          ),
        ),
        SizedBox(height: 10.sp),
        CustomCard(
          padding: EdgeInsets.all(15.sp),
          child: CollectionProgressTracker(
            stepNumber: CollectionStatusNumberFromEnum(
              CollectionStatusEnumFromJson(
                widget.collection.status ??
                    AppLocalizations.of(context).translate('draft'),
              ),
            ),
          ),
        ),
        SizedBox(height: 10.sp),
        CustomCard(
          padding: EdgeInsets.all(13.sp),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              _buildInfoLabel(
                context: context,
                icon: HugeIcons.strokeRoundedBinaryCode,
                label: AppLocalizations.of(context).translate('CR Reference'),
                info: widget.collection.name,
              ),
              SizedBox(height: 25.sp),
              Row(
                children: [
                  Expanded(
                    child: _buildInfoLabel(
                      context: context,
                      icon: HugeIcons.strokeRoundedCalendar01,
                      label:
                          AppLocalizations.of(context).translate('Order Date'),
                      info: widget.collection.dateOrder != null
                          ? DateFormat('yyyy-MM-dd')
                              .format(widget.collection.dateOrder!)
                          : AppLocalizations.of(context)
                              .translate('No date available'),
                    ),
                  ),
                  Expanded(
                    child: _buildInfoLabel(
                      context: context,
                      icon: HugeIcons.strokeRoundedClock01,
                      label: AppLocalizations.of(context)
                          .translate('Picking Time'),
                      info: widget.collection.proposedTime?.name,
                    ),
                  ),
                ],
              ),
              SizedBox(height: 25.sp),
              _buildInfoLabel(
                context: context,
                icon: HugeIcons.strokeRoundedWeightScale01,
                label: AppLocalizations.of(context).translate('Quantity'),
                info: NumberConversionService.convertAndFormatWeight(
                  widget.collection.orderLines?.first.productQty,
                ),
                // info:
                //     '${NumberFormat.compact().format(widget.collection.orderLines?.first.productQty)} ${extractKg(widget.collection.orderLines?.first.productUom?.name)}',
              ),
              SizedBox(height: 25.sp),
              _buildInfoLabel(
                context: context,
                icon: HugeIcons.strokeRoundedEqualSignCircle,
                label: AppLocalizations.of(context).translate('Instructions'),
                info: widget.collection.instruction,
              ),
              SizedBox(height: 22.sp),
              Visibility(
                visible: widget.collection.status ==
                    AppLocalizations.of(context).translate('draft'),
                child: Row(
                  children: [
                    Flexible(
                      child: CustomSliderV2(
                        text: AppLocalizations.of(context)
                            .translate('EDIT COLLECTION'),
                        action: (action) {
                          context.push(
                            Routes.editCollection.route,
                            extra: widget.collection,
                          );
                          // showModalBottomSheet(
                          //   context: context,
                          //   isScrollControlled: true,
                          //   backgroundColor: Colors.transparent,
                          //   builder: (context) => Padding(
                          //     padding: EdgeInsets.all(15.sp),
                          //     child: SafeArea(
                          //       child: EditCollectionRequestView(
                          //         collection: widget.collection,
                          //       ),
                          //     ),
                          //   ),
                          // );
                        },
                      ),
                    ),
                  ],
                ),
              ),
            ],
          ),
        ),
      ],
    );
  }
 
  _adaptstatsToView(String status, List<String> titles) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      mainAxisSize: MainAxisSize.min,
      children: [
        Text(
          titles[getStatusValue(
            CollectionStatusEnumFromJson(
              status,
            ),
          )],
          style: Theme.of(context).textTheme.bodyLarge?.copyWith(
                fontWeight: FontWeight.bold,
                height: 1.5.sp,
                color: Theme.of(context).colorScheme.onPrimary,
              ),
        ),
      ],
    );
  }
 
  _buildInfoLabel({
    required BuildContext context,
    IconData? icon,
    required String label,
    required String? info,
    MainAxisSize? size,
  }) {
    return Row(
      mainAxisSize: size ?? MainAxisSize.min,
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        icon == null
            ? const SizedBox()
            : Container(
                decoration: BoxDecoration(
                  color:
                      Theme.of(context).colorScheme.primary.withOpacity(0.11),
                  borderRadius: BorderRadius.circular(10),
                ),
                padding: EdgeInsets.all(9.sp),
                child: Icon(
                  icon,
                  color: Theme.of(context).colorScheme.primary,
                  size: 18.sp,
                ),
              ),
        SizedBox(width: 15.sp),
        Expanded(
          child: Column(
            mainAxisSize: MainAxisSize.min,
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Opacity(
                opacity: 0.7,
                child: Text(
                  label,
                  style: Theme.of(context).textTheme.bodySmall,
                ),
              ),
              SizedBox(height: 3.sp),
              Text(
                info ?? AppLocalizations.of(context).translate('Not Found'),
                style: Theme.of(context).textTheme.bodySmall,
              ),
            ],
          ),
        ),
      ],
    );
  }
}
 
extractKg(String? thestring) {
  return thestring
      ?.split(':')
      .last
      .trim()
      .replaceAll('}', '')
      .replaceAll('"', '');
}