create_new_collection_view.dart

Go to the documentation of this file.

import 'package:connect/core/localization/app_localizations.dart';
import 'package:flutter/services.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/authentication/presentation/logic/authentication_bloc/authentication_bloc.dart';
import '/features/collections/domain/entities/collection_entity.dart';
import '/features/collections/domain/entities/create_collection_req_entity.dart';
import '/features/collections/presentation/logic/collection_requests_history_bloc/collection_requests_history_bloc.dart';
import '/features/collections/presentation/logic/create_collection_cubit/create_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:flutter/cupertino.dart';
 
import 'dart:ui';
 
class CreateNewCollectionView extends StatefulWidget {
  const CreateNewCollectionView({super.key});
 
  @override
  State<CreateNewCollectionView> createState() =>
      _CreateNewCollectionViewState();
}
 
class _CreateNewCollectionViewState extends State<CreateNewCollectionView>
    with SingleTickerProviderStateMixin {
  late AnimationController _controller;
  late Animation<double> _scaleAnimation;
 
  @override
  void initState() {
    super.initState();
    _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();
  }
 
  @override
  void dispose() {
    _controller.dispose();
    super.dispose();
  }
 
  @override
  Widget build(BuildContext context) {
    return BlocConsumer<CreateCollectionCubit, CreateCollectionState>(
      listener: (context, state) {
        if (state is CollectionCreatedState) {
          CustomSnackBar.display(
            context,
            ColorPalette.lightGreen,
            AppLocalizations.of(context)
                .translate('Your collection has been successfully created'),
          );
          final authenticationState = context.read<AuthenticationBloc>().state;
          if (authenticationState is AuthenticatedState) {
            String? partnerId = authenticationState.session.partnerId;
            if (partnerId != null) {
              context.read<CollectionRequestsHistoryBloc>().add(
                    LoadOnGoingCollectionRequestsEvent(
                      partnerId: partnerId,
                    ),
                  );
            }
          }
        }
        if (state is CollectionCreattionFailureState) {
          CustomSnackBar.display(
            context,
            ColorPalette.red,
            AppLocalizations.of(context)
                .translate('Error while creating your collection, try again'),
          );
        }
      },
      builder: (context, state) {
        return ScaleTransition(
          scale: _scaleAnimation,
          child: ClipRRect(
            borderRadius: BorderRadius.circular(20),
            child: BackdropFilter(
              filter: ImageFilter.blur(sigmaX: 5, sigmaY: 5),
              child: Container(
                margin: EdgeInsets.all(15.sp),
                padding: EdgeInsets.all(20.sp),
                decoration: BoxDecoration(
                  color: Theme.of(context).colorScheme.surface.withOpacity(0.8),
                  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) => _onCreateNewCollection(),
      text: AppLocalizations.of(context).translate('SCHEDULE COLLECTION'),
    );
  }
 
  DateTime? _expectedDate = DateTime.now().add(Duration(days: 2));
  ProposedTimeEntity? _selectedTimeRange;
  final _formKey = GlobalKey<FormState>();
  final _volumeController = TextEditingController();
  final _instructioncontroller = TextEditingController();
 
  _onCreateNewCollection() {
    final authenticationState = context.read<AuthenticationBloc>().state;
    if (authenticationState is AuthenticatedState) {
      String partnerId = authenticationState.session.partnerId!;
 
      if (_selectedTimeRange != null &&
          _expectedDate != null &&
          _formKey.currentState!.validate()) {
        final newCollection = CreateCollectionRequestEntity(
          collectionRequest: AppLocalizations.of(context).translate('manual'),
          dateOrder: _expectedDate,
          orderLines: [
            RequestOrderLineEntity(
              partnerId: partnerId,
              productQty: num.parse(_volumeController.text),
            )
          ],
          partnerId: partnerId,
          proposedTime: _selectedTimeRange,
          userId: authenticationState.session.uid,
          instruction: _instructioncontroller.text,
        );
 
        context
            .read<CreateCollectionCubit>()
            .createCollection(entity: newCollection);
      } else {
        CustomSnackBar.display(
          context,
          ColorPalette.red,
          AppLocalizations.of(context)
              .translate('Please select both time range and date to continue'),
        );
      }
    }
  }
 
  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: false,
            expectedDate:
                _expectedDate ?? DateTime.now().add(Duration(days: 2)),
            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,
        ),
      ],
    );
  }
}