collection_request_confirmation_screen.dart

Go to the documentation of this file.

import 'dart:io';
 
import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:go_router/go_router.dart';
import 'package:image_picker/image_picker.dart';
 
import '../../../../../core/common/models/confirmation_param_model.dart';
import '../../../../../core/router/routes.dart';
import '../../../../../core/services/image_service.dart';
import '../../../../../core/ui/theme/color_palette.dart';
import '../../../../../core/ui/widgets/custom_scaffold.dart';
import '../../../../../core/ui/widgets/custom_slider.dart';
import '../../../../../core/ui/widgets/custom_snackbar.dart';
import '../../../../auth/presentation/bloc/authentication_bloc/authentication_bloc.dart';
import '../../bloc/collections_information_bloc/collections_information_bloc.dart';
import '../widgets/collection_request_details_header.dart';
import 'widgets/pictures_sections.dart';
import 'widgets/scanned_drums_section.dart';
import 'widgets/status_card_section.dart';
 
class CollectionRequestConfirmationScreen extends StatefulWidget {
  final GoRouterState state;
  const CollectionRequestConfirmationScreen({super.key, required this.state});
 
  @override
  State<CollectionRequestConfirmationScreen> createState() => _CollectionRequestConfirmationScreenState();
}
 
class _CollectionRequestConfirmationScreenState extends State<CollectionRequestConfirmationScreen> {
  ConfirmationParamModel? confirmationParam;
  final ImagePicker _picker = ImagePicker();
  String? voucherImageBase64;
  String? drumImageBase64;
  File? voucherImageFile;
  File? drumImageFile;
  bool isLoading = false;
 
  @override
  void initState() {
    confirmationParam = widget.state.extra as ConfirmationParamModel?;
    super.initState();
  }
 
  Future<void> _takePhoto(bool isVoucher) async {
    try {
      final XFile? image = await _picker.pickImage(
        source: ImageSource.camera,
        imageQuality: 80,
        maxWidth: 1200,
        maxHeight: 1200,
      );
      final String? imageBase64 = await ImageService.instance.processImage(image);
      
      if (imageBase64 == null) return;
      if (isVoucher) {
        setState(() {
          voucherImageFile = File(image!.path);
          voucherImageBase64 = imageBase64;
        });
      } else {
        setState(() {
          drumImageFile = File(image!.path);
          drumImageBase64 = imageBase64;
        });
      }
    } catch (e) {
      if (mounted) {
        ScaffoldMessenger.of(context).showSnackBar(
          SnackBar(content: Text('Error capturing image: $e')),
        );
      }
    }
  }
 
  @override
  Widget build(BuildContext context) {
    final ConfirmationParamModel confirmationParamModel = confirmationParam ?? widget.state.extra as ConfirmationParamModel;
    return PopScope(
      canPop: false,
      onPopInvokedWithResult: (didPop, _) {
        if (didPop) return;
        ScaffoldMessenger.of(context).showSnackBar(
          const SnackBar(
            content: Text('You cannot go back'),
            backgroundColor: ColorPalette.red,
            duration: Duration(seconds: 2),
          ),
        );
      },
      child: BlocListener<CollectionsInformationBloc, CollectionsInformationState>(
        listenWhen: (previous, current) => current is CollectionConfirmationLoading || current is CollectionConfirmationLoaded || current is CollectionConfirmationError,
        listener: (context, state) {
          if (state is CollectionConfirmationError) {
            setState(() {
              isLoading = false;
            });
            CustomSnackBar.display(context, ColorPalette.orange, state.failure.message);
          } else if (state is CollectionConfirmationLoaded) {
            setState(() {
              isLoading = false;
            });
            context.push(Routes.collectionRequestPaymentScreen.route, extra: state.confirmation);
          } else if (state is CollectionConfirmationLoading) {
            setState(() {
              isLoading = true;
            });
          }
        },
        child: CustomScaffold(
          isLeadingVisible: false,
          isLoading: isLoading,
          title: 'confirmation.title'.tr(),
          backgroundColor: ColorPalette.antiFlashWhite,
          body: SafeArea(
            child: Column(
              children: [
                Expanded(
                  child: SingleChildScrollView(
                    padding: EdgeInsets.all(20.sp),
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        CollectionRequestDetailsHeader(
                          address: confirmationParamModel.resCollectionInformationEntity.address,
                          name: confirmationParamModel.resCollectionInformationEntity.restaurant,
                          stepNumber: 2,
                        ),
                        SizedBox(height: 15.sp),
                        StatusCardSection(
                          reference: confirmationParamModel.resCollectionInformationEntity.reference,
                          collectedVolume: confirmationParamModel.resCollectionInformationEntity.volumeCollected,  
                        ),
                        SizedBox(height: 15.sp),
                        ScannedDrumsSection(
                          depositedDrums: confirmationParamModel.resCollectionInformationEntity.depositedDrum.split(','),
                          recoveredDrums: confirmationParamModel.resCollectionInformationEntity.recoveredDrum.split(','),
                        ),
                        SizedBox(height: 15.sp),
                        PicturesSections(
                          voucherPicture: voucherImageFile?.path,
                          drumPicture: drumImageFile?.path,
                          onAddVoucherPicture: () => _takePhoto(true),
                          onAddDrumPicture: () => _takePhoto(false),
                          onDeletePicture: (picture) {
                            setState(() {
                              if (picture == voucherImageFile?.path) {
                                voucherImageFile = null;
                                voucherImageBase64 = null;
                              } else if (picture == drumImageFile?.path) {
                                drumImageFile = null;
                                drumImageBase64 = null;
                              }
                            });
                          },
                        ),
                        SizedBox(height: 15.sp),
                        CustomSlider(
                          text: "> > ${'confirmation.confirm_collection'.tr()}",
                          action: (p0) {
                            _submitData(
                              confirmationParamModel: confirmationParamModel,
                            );
                          },
                        ),
                      ],
                    ),
                  ),
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
 
  Future<void> _submitData({
    required ConfirmationParamModel confirmationParamModel,
  }) async {
    // if (voucherImageBase64 == null || drumImageBase64 == null) {
    //   CustomSnackBar.display(context, ColorPalette.red, 'Please take photos of both the voucher and drum');
    //   return;
    // }
    final authState = context.read<AuthenticationBloc>().state;
    final int? userId;
    if (authState is AuthenticatedState) {
      userId = authState.session.uid;
    } else {
      return;
    }
    context.read<CollectionsInformationBloc>().add(
      SendCollectionConfirmationEvent(
        containerImage: drumImageBase64 ?? "",
        voucherImage: voucherImageBase64 ?? "",
        id: confirmationParamModel.resCollectionInformationEntity.id.toString(),
        invoiceDateDue: DateTime.now(),
        userId: userId.toString(),
        address: confirmationParamModel.collectionEntity.address ?? '',
        reference: confirmationParamModel.collectionEntity.reference ?? '',
        restaurant: confirmationParamModel.collectionEntity.restaurant ?? '',
        restaurantId: confirmationParamModel.collectionEntity.restaurantId,
        volumeCollected: confirmationParamModel.collectionEntity.volumeCollected ?? 0,
        volumeDeclared: confirmationParamModel.collectionEntity.volume ?? 0,
      )
    );
  }
}