collection_request_payment_screen.dart

Go to the documentation of this file.

import 'dart:convert';
 
import 'package:easy_localization/easy_localization.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:go_router/go_router.dart';
import 'package:signature/signature.dart';
import 'package:flutter/material.dart';
 
import '../../../../../core/router/routes.dart';
import '../../../../auth/presentation/bloc/authentication_bloc/authentication_bloc.dart';
import '../../bloc/collections_information_bloc/collections_information_bloc.dart';
import '../../../domain/entities/res/res_collection_confirmation_entity.dart';
import '../../../../../core/ui/widgets/custom_scaffold.dart';
import '../../../../../core/ui/widgets/custom_snackbar.dart';
import '../../../../../core/ui/widgets/custom_slider.dart';
import '../widgets/collection_request_details_header.dart';
import '../../../../../core/ui/theme/color_palette.dart';
import 'widgets/payment_method_section.dart';
import 'widgets/volume_info_section.dart';
import 'widgets/signature_section.dart';
import 'widgets/contact_selector.dart';
import 'widgets/rating_dialog.dart';
 
class CollectionRequestPaymentScreen extends StatefulWidget {
  final GoRouterState state;
  const CollectionRequestPaymentScreen({super.key, required this.state});
 
  @override
  State<CollectionRequestPaymentScreen> createState() => _CollectionRequestPaymentScreenState();
}
 
class _CollectionRequestPaymentScreenState extends State<CollectionRequestPaymentScreen> {
  bool isLoading = false;
  ResCollectionConfirmationEntity? collectionConfirmation;
  String selectedPaymentMethod = '';
  final SignatureController _signatureController = SignatureController(
    penStrokeWidth: 3,
    penColor: Colors.black,
    exportBackgroundColor: Colors.white,
  );
 
  bool _isDrawingMode = false;
 
  String? signatureBase64;
  int? selectedContact;
 
  @override
  void initState() {
    collectionConfirmation = widget.state.extra as ResCollectionConfirmationEntity?;
    final int restaurantId = collectionConfirmation?.restaurantId ?? 0;
    context.read<CollectionsInformationBloc>().add(
      GetCollectionPaymentModeListEvent(restaurentId: restaurantId),
    );
    context.read<CollectionsInformationBloc>().add(
      GetCollectionContactListEvent(restaurentId: restaurantId),
    );
    super.initState();
  }
 
  Future<void> _handleSignatureComplete(int? contactId, String confirmationId) async {
    if (_signatureController.isEmpty) {
      CustomSnackBar.display(
        context,
        ColorPalette.orange,
        'full_fill_collection.required_signature_text'.tr(),
      );
      return;
    }
 
    final image = await _signatureController.toPngBytes();
    if (image != null) {
      setState(() {
        signatureBase64 = base64Encode(image);
      });
      if (mounted) {
        final authState = context.read<AuthenticationBloc>().state;
        final int? userId;
        if (authState is AuthenticatedState) {
          userId = authState.session.uid;
        } else {
          return;
        }
        context.read<CollectionsInformationBloc>().add(
          SendCollectionPaymentEvent(
            id: confirmationId,
            invoiceDateDue: DateTime.now().toIso8601String(),
            userId: userId ?? 0,
            signatureImage: signatureBase64!,
            paymentModeId: int.tryParse(selectedPaymentMethod),
            contactId: contactId,
          ),
        );
      }
    }
  }
 
  void _showRatingDialog(String id) {
    showDialog(
      context: context,
      barrierDismissible: false,
      builder: (context) => BlocProvider.value(
        value: context.read<CollectionsInformationBloc>(),
        child: RatingDialog(
          collectionId: id,
          onRatingSuccess: () {
            context.push(Routes.collectionRequestSuccessScreen.route);
          },
        ),
      ),
    );
  }
 
  @override
  void dispose() {
    _signatureController.dispose();
    super.dispose();
  }
 
  @override
  Widget build(BuildContext context) {
    final ResCollectionConfirmationEntity confirmation = collectionConfirmation ?? widget.state.extra as ResCollectionConfirmationEntity;
    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 CollectionPaymentLoading || current is CollectionPaymentLoaded || current is CollectionPaymentError,
        listener: (context, state) {
          if (state is CollectionPaymentLoading) setState(() {isLoading = true;});
          if (state is CollectionPaymentLoaded){
            setState(() {isLoading = false;});
            CustomSnackBar.display(
              context,
              ColorPalette.darkGreen,
              'Payment successful',
            );
            _showRatingDialog(confirmation.id.toString());
          }
          if (state is CollectionPaymentError) {
            setState(() {isLoading = false;});
            CustomSnackBar.display(
              context,
              ColorPalette.orange,
              state.failure.message,
            );
          }
        },
        child: CustomScaffold(
          isLeadingVisible: false,
          isLoading: isLoading,
          backgroundColor: ColorPalette.antiFlashWhite,
          title: "Full-fill Collection",
          body: SingleChildScrollView(
            physics: _isDrawingMode
                ? const NeverScrollableScrollPhysics()
                : const AlwaysScrollableScrollPhysics(),
            child: Column(
              children: [
                CollectionRequestDetailsHeader(
                  margin: EdgeInsets.all(16.sp),
                  address: confirmation.address ?? '--',
                  name: confirmation.restaurant ?? '--',
                  stepNumber: 3,
                ),
                SizedBox(height: 5.sp),
                VolumeInfoSection(
                  declaredVolume: "${confirmation.volumeDeclared ?? "0"}",
                  collectedVolume: "${confirmation.volumeCollected ?? "0"}",
                ),
                SizedBox(height: 16.sp),
                Padding(
                  padding: EdgeInsets.symmetric(horizontal: 16.sp),
                  child: Column(
                    children: [
                      PaymentMethodSection(
                        restaurantId: confirmation.restaurantId ?? 0,
                        selectedPaymentMethod: selectedPaymentMethod,
                        onChanged: (String? newValue) {
                          setState(() {
                            selectedPaymentMethod = newValue!;
                          });
                        },
                      ),
                      SizedBox(height: 16.sp),
                      ContactSelector(
                        selectedContactId: selectedContact,
                        onChanged: (int? newValue) {
                          setState(() {
                            selectedContact = newValue;
                          });
                        },
                      ),
                      SizedBox(height: 16.sp),
                      SignatureSection(
                        isDrawingMode: _isDrawingMode,
                        onDrawingModeToggle: () => setState(() => _isDrawingMode = !_isDrawingMode),
                        onClear: () => _signatureController.clear(),
                        controller: _signatureController,
                      ),
                      SizedBox(height: 16.sp),
                      CustomSlider(
                        text: 'full_fill_collection.full_fill_collection_action'.tr(),
                        action: (controller) {
                          _handleSignatureComplete(selectedContact, confirmation.id.toString());
                        },
                      ),
                      SizedBox(height: 16.sp),
                    ],
                  ),
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}