edit_collection_request_view.dart

Go to the documentation of this file.

import 'dart:ui';
 
import 'package:connect/core/localization/app_localizations.dart';
import 'package:connect/core/ui/widgets/custom_scaffold.dart';
import 'package:connect/features/collections/domain/entities/update_collection_req_entity.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/services.dart';
 
import '../../../../../../../../authentication/presentation/logic/authentication_bloc/authentication_bloc.dart';
import '/core/ui/theme/color_palette.dart';
import '/core/ui/widgets/custom_action_slider.dart';
import '/core/ui/widgets/custom_snackbar.dart';
import '/core/ui/widgets/custom_text_form_field.dart';
import '/features/collections/domain/entities/collection_entity.dart';
import '/features/collections/presentation/logic/collection_requests_history_bloc/collection_requests_history_bloc.dart';
import '/features/collections/presentation/logic/update_collection_cubit/update_collection_cubit.dart';
import '/features/collections/presentation/screens/transaction_history_screen/widgets/expected_date_field.dart';
import '/features/collections/presentation/screens/transaction_history_screen/widgets/time_ranges_field.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';
 
class EditCollectionRequestsScreen extends StatefulWidget {
  const EditCollectionRequestsScreen({
    super.key,
    required this.collection,
  });
 
  final CollectionEntity collection;
 
  @override
  State<EditCollectionRequestsScreen> createState() =>
      _EditCollectionRequestsScreenState();
}
 
class _EditCollectionRequestsScreenState
    extends State<EditCollectionRequestsScreen>
    with SingleTickerProviderStateMixin {
  final _formKey = GlobalKey<FormState>();
  final _volumeController = TextEditingController();
  final _instructioncontroller = TextEditingController();
  late AnimationController _controller;
  late Animation<double> _scaleAnimation;
 
  ProposedTimeEntity? _selectedTimeRange;
  DateTime? _expectedDate;
  String? _collectionType;
 
  @override
  void initState() {
    setState(() {
      if (widget.collection.orderLines?.first.productQty != null) {
        _volumeController.text =
            widget.collection.orderLines!.first.productQty!.toString();
      }
      _selectedTimeRange = widget.collection.proposedTime;
      _expectedDate = widget.collection.dateOrder;
      _instructioncontroller.text = widget.collection.instruction ?? '';
      _collectionType = widget.collection.collectionRequest ?? 'manual';
    });
    _controller = AnimationController(
      duration: const Duration(milliseconds: 800),
      vsync: this,
    );
    _scaleAnimation = Tween<double>(begin: 0.8, end: 1.0).animate(
      CurvedAnimation(parent: _controller, curve: Curves.easeOutBack),
    );
    _controller.forward();
 
    super.initState();
  }
 
  _onUpdateCollection() {
    if (_formKey.currentState!.validate()) {
      final authenticationState = context.read<AuthenticationBloc>().state;
      if (authenticationState is AuthenticatedState) {
        String partnerId = authenticationState.session.partnerId!;
 
        int uid = authenticationState.session.uid!;
 
        final updatedCollection = UpdateCollectionReqEntity(
          id: widget.collection.id ?? 0,
          collectionRequest: _collectionType,
          instruction: _instructioncontroller.text,
          dateOrder: _expectedDate,
          proposedTimeId: _selectedTimeRange?.id?.toInt(),
          quantity: num.parse(_volumeController.text),
          partnerId: int.parse(partnerId),
          userId: uid,
        );
        context
            .read<UpdateCollectionCubit>()
            .updateCollectionRequest(entity: updatedCollection);
      }
    }
  }
 
  @override
  Widget build(BuildContext context) {
    return BlocConsumer<UpdateCollectionCubit, UpdateCollectionState>(
      listener: (context, state) {
        if (state is CollectionUpdatedState) {
          context.pop();
          CustomSnackBar.display(
              context,
              ColorPalette.lightGreen,
              AppLocalizations.of(context)
                  .translate('Your collection has been successfully updated'));
 
          final authenticationState = context.read<AuthenticationBloc>().state;
          if (authenticationState is AuthenticatedState) {
            String? partnerId = authenticationState.session.partnerId;
            context.read<CollectionRequestsHistoryBloc>().add(
                  LoadOnGoingCollectionRequestsEvent(partnerId: partnerId!),
                );
          }
        }
        if (state is CollectionUpdateFailureState) {
          CustomSnackBar.display(
            context,
            ColorPalette.red,
            AppLocalizations.of(context)
                .translate('Error while updating your collection, try again'),
          );
        }
      },
      builder: (context, state) {
        return CustomScaffold(
          title: AppLocalizations.of(context).translate('Update collection'),
          body: SafeArea(
            child: Padding(
              padding: EdgeInsets.symmetric(horizontal: 10.sp, vertical: 15.sp),
              child: state is UpdatingCollectionState
                  ? Center(
                      child: CircularProgressIndicator(),
                    )
                  : ScaleTransition(
                      scale: _scaleAnimation,
                      child: ClipRRect(
                        borderRadius: BorderRadius.circular(20),
                        child: BackdropFilter(
                          filter: ImageFilter.blur(sigmaX: 5, sigmaY: 5),
                          child: Container(
                            padding: EdgeInsets.all(15.sp),
                            decoration: BoxDecoration(
                              color: Theme.of(context).colorScheme.surface,
                              borderRadius: BorderRadius.circular(20),
                            ),
                            child: SingleChildScrollView(
                              child: Form(
                                key: _formKey,
                                child: Column(
                                  children: [
                                    _buildAnimatedInputs(),
                                    SizedBox(height: 15.sp),
                                    _buildSubmitButton(),
                                  ],
                                ),
                              ),
                            ),
                          ),
                        ),
                      ),
                    ),
            ),
          ),
        );
        // if (state is UpdatingCollectionState) {
        //   return Center(
        //     child: CircularProgressIndicator(),
        //   );
        // } else {
        //   return ScaleTransition(
        //     scale: _scaleAnimation,
        //     child: ClipRRect(
        //       borderRadius: BorderRadius.circular(20),
        //       child: BackdropFilter(
        //         filter: ImageFilter.blur(sigmaX: 5, sigmaY: 5),
        //         child: Container(
        //           padding: EdgeInsets.all(15.sp),
        //           decoration: BoxDecoration(
        //             color: Theme.of(context).colorScheme.surface,
        //             borderRadius: BorderRadius.circular(20),
        //           ),
        //           child: SingleChildScrollView(
        //             child: Form(
        //               key: _formKey,
        //               child: Column(
        //                 children: [
        //                   _buildAnimatedInputs(),
        //                   SizedBox(height: 15.sp),
        //                   _buildSubmitButton(),
        //                 ],
        //               ),
        //             ),
        //           ),
        //         ),
        //       ),
        //     ),
        //   );
        // }
      },
    );
  }
 
  Widget _buildAnimatedInputs() {
    return Column(
      children: [
        _buildInputCard(
          icon: CupertinoIcons.calendar,
          title: AppLocalizations.of(context).translate('When'),
          child: Row(
            children: [
              Expanded(child: _buildDateField(context)),
              SizedBox(width: 15.sp),
              Expanded(child: _buildTimeField(context)),
            ],
          ),
        ),
        SizedBox(height: 15.sp),
        _buildInputCard(
          icon: CupertinoIcons.cube_box,
          title: AppLocalizations.of(context).translate('How Much in Kg'),
          child: _buildQuantityField(),
        ),
        SizedBox(height: 15.sp),
        _buildInputCard(
          icon: CupertinoIcons.text_quote,
          title: AppLocalizations.of(context).translate('Any Instructions'),
          child: _buildInstructionsField(),
        ),
      ],
    );
  }
 
  Widget _buildInputCard({
    required IconData icon,
    required String title,
    required Widget child,
  }) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Row(
          children: [
            Icon(icon, color: Theme.of(context).colorScheme.primary),
            SizedBox(width: 10.sp),
            Text(
              title,
              style: Theme.of(context).textTheme.titleMedium?.copyWith(
                    fontWeight: FontWeight.w600,
                  ),
            ),
          ],
        ),
        Divider(height: 20.sp),
        child,
        SizedBox(height: 10.sp),
      ],
    );
  }
 
  Widget _buildSubmitButton() {
    return CustomSliderV2(
      action: (action) => _onUpdateCollection(),
      text: AppLocalizations.of(context)
          .translate('Update collection')
          .toUpperCase(),
    );
  }
 
  Widget _buildDateField(BuildContext context) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Text(
          AppLocalizations.of(context).translate('Collection Date'),
          style: Theme.of(context).textTheme.bodySmall?.copyWith(
                color: Theme.of(context).hintColor,
              ),
        ),
        SizedBox(height: 8.sp),
        Container(
          decoration: BoxDecoration(
            color: Theme.of(context).colorScheme.surface,
            borderRadius: BorderRadius.circular(10),
            border: Border.all(
              color: Theme.of(context).colorScheme.outline.withOpacity(0.3),
              width: 0.5,
            ),
          ),
          child: ExpectedDateField(
            isEditingField: true,
            expectedDate: _expectedDate ?? DateTime.now(),
            onDatePicked: (newDate) {
              setState(() => _expectedDate = newDate);
            },
          ),
        ),
      ],
    );
  }
 
  Widget _buildTimeField(BuildContext context) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Text(
          AppLocalizations.of(context).translate('Time Range'),
          style: Theme.of(context).textTheme.bodySmall?.copyWith(
                color: Theme.of(context).hintColor,
              ),
        ),
        SizedBox(height: 8.sp),
        Container(
          decoration: BoxDecoration(
            color: Theme.of(context).colorScheme.surface,
            borderRadius: BorderRadius.circular(10),
            border: Border.all(
              color: Theme.of(context).colorScheme.outline.withOpacity(0.3),
              width: 0.5,
            ),
          ),
          child: TimeRangeField(
            selectedTimeRange: _selectedTimeRange,
            onPickTimeRange: (time) {
              setState(() => _selectedTimeRange = time);
            },
          ),
        ),
      ],
    );
  }
 
  Widget _buildQuantityField() {
    return CustomTextFormField(
      hintText: AppLocalizations.of(context).translate('Enter Quantity'),
      controller: _volumeController,
      inputType: TextInputType.number,
      inputFormatters: [
        FilteringTextInputFormatter.digitsOnly,
        LengthLimitingTextInputFormatter(
          5,
        ),
      ],
      validator: (value) {
        if (value == null || value.isEmpty) {
          return AppLocalizations.of(context).translate('Quantity is required');
        }
        final int? number = int.tryParse(value);
        if (number == null) {
          return AppLocalizations.of(context).translate('Enter a valid number');
        }
        if (number > 10000) {
          return AppLocalizations.of(context)
              .translate('Maximum allowed quantity is 10,000');
        }
        return null;
      },
    );
  }
 
  Widget _buildInstructionsField() {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        CustomTextFormField(
          hintText: AppLocalizations.of(context)
              .translate('Enter any special instructions'),
          maxLines: 4,
          controller: _instructioncontroller,
        ),
      ],
    );
  }
}
 
class AutoManualSwitcher extends StatefulWidget {
  final ValueChanged<bool> onToggle;
  final bool initialValue;
 
  const AutoManualSwitcher({
    super.key,
    required this.onToggle,
    required this.initialValue,
  });
 
  @override
  AutoManualSwitcherState createState() => AutoManualSwitcherState();
}
 
class AutoManualSwitcherState extends State<AutoManualSwitcher> {
  late bool isAuto;
 
  @override
  void initState() {
    super.initState();
    isAuto = widget.initialValue;
  }
 
  void toggleMode() {
    setState(() {
      isAuto = !isAuto;
    });
    widget.onToggle(isAuto);
  }
 
  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: toggleMode,
      child: Container(
        padding: EdgeInsets.symmetric(vertical: 15.sp, horizontal: 30.sp),
        decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(10),
          gradient: LinearGradient(
            colors: isAuto
                ? [
                    Theme.of(context).scaffoldBackgroundColor,
                    Theme.of(context).colorScheme.surface,
                  ]
                : [
                    Theme.of(context).colorScheme.surface,
                    Theme.of(context).scaffoldBackgroundColor,
                  ],
          ),
        ),
        child: Row(
          mainAxisAlignment: MainAxisAlignment.spaceAround,
          children: [
            AnimatedOpacity(
              opacity: isAuto ? 1.0 : 0.5,
              duration: const Duration(milliseconds: 300),
              child: Text(
                AppLocalizations.of(context).translate('auto'),
                style: Theme.of(context).textTheme.bodySmall?.copyWith(
                      color: isAuto
                          ? Theme.of(context).colorScheme.primary
                          : Theme.of(context).colorScheme.onSurface,
                      fontWeight: isAuto ? FontWeight.bold : FontWeight.normal,
                    ),
              ),
            ),
            const SizedBox(width: 20),
            AnimatedOpacity(
              opacity: isAuto ? 0.5 : 1.0,
              duration: const Duration(milliseconds: 300),
              child: Text(
                AppLocalizations.of(context).translate('manual'),
                style: Theme.of(context).textTheme.bodySmall?.copyWith(
                      color: isAuto
                          ? Theme.of(context).colorScheme.onSurface
                          : Theme.of(context).colorScheme.primary,
                      fontWeight: isAuto ? FontWeight.normal : FontWeight.bold,
                    ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}
 
class EditCard extends StatelessWidget {
  const EditCard({
    super.key,
    required this.child,
    required this.title,
  });
 
  final Widget child;
  final String title;
 
  @override
  Widget build(BuildContext context) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.center,
      children: [
        Row(
          children: [
            SizedBox(
              width: 20.sp,
              child: Divider(
                height: 0.0,
                thickness: 0.5,
                color: Theme.of(context).hintColor,
              ),
            ),
            SizedBox(width: 10.sp),
            Text(
              title,
              style: Theme.of(context).textTheme.bodySmall?.copyWith(
                    color: Theme.of(context).hintColor,
                  ),
            ),
            SizedBox(width: 10.sp),
            Expanded(
              child: Divider(
                height: 0.0,
                thickness: 0.5,
                color: Theme.of(context).hintColor,
              ),
            ),
          ],
        ),
        SizedBox(height: 12.sp),
        child,
      ],
    );
  }
}