eatvio_app_old/lib/presentation/registration/allergies_screen/allergies_screen.dart

import 'package:go_router/go_router.dart';

import 'bloc/allergies_bloc.dart';
import 'models/allergies_model.dart';
import 'package:eatvio_app/core/app_export.dart';
import 'package:eatvio_app/widgets/app_bar/appbar_leading_image.dart';
import 'package:eatvio_app/widgets/app_bar/appbar_title_image.dart';
import 'package:eatvio_app/widgets/app_bar/custom_app_bar.dart';
import 'package:eatvio_app/widgets/next_step_button.dart';
import 'package:eatvio_app/data/models/userRegistrationModel/user_registration_model.dart';
import 'package:eatvio_app/widgets/custom_text_form_field.dart';
import 'package:flutter/material.dart';

class AllergiesScreen extends StatefulWidget {
  const AllergiesScreen({Key? key}) : super(key: key);

  static Widget builder(BuildContext context, sheet) {
    return BlocProvider<AllergiesBloc>(
      create: (context) => AllergiesBloc(AllergiesState(allergiesModelObj: AllergiesModel(userRegistrationSheet: sheet)))..add(AllergiesInitialEvent()),
      child: AllergiesScreen(),
    );
  }

  @override
  State<AllergiesScreen> createState() => _AllergiesScreenState();
}

class _AllergiesScreenState extends State<AllergiesScreen> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      resizeToAvoidBottomInset: false,
      appBar: _buildAppBar(context),
      body: Container(
        width: double.maxFinite,
        padding: EdgeInsets.symmetric(horizontal: 16.h, vertical: 9.v),
        child: Column(
          children: [
            SizedBox(height: 7.v),
            Container(
              height: 16.v,
              width: 343.h,
              decoration: BoxDecoration(
                color: theme.colorScheme.onPrimary,
                borderRadius: BorderRadius.circular(8.h),
                border: Border.all(color: theme.colorScheme.primary, width: 1.h),
              ),
              child: ClipRRect(
                borderRadius: BorderRadius.circular(8.h),
                child: LinearProgressIndicator(
                  value: (10 / 15).toDouble(),
                  backgroundColor: theme.colorScheme.onPrimary,
                  valueColor: AlwaysStoppedAnimation<Color>(appTheme.blueA400),
                ),
              ),
            ),
            SizedBox(height: 22.v),
            Text("allergies_presence".tr, style: theme.textTheme.headlineSmall),
            Spacer(flex: 36),
            _buildTextFormField(context),
            Spacer(flex: 54),
            BlocBuilder<AllergiesBloc, AllergiesState>(
              builder: (context, state) {
                return NextStepButton(
                  text: "continue".tr.toUpperCase(),
                  margin: EdgeInsets.only(left: 16.h, right: 16.h, bottom: 50.v),
                  buttonStyle: CustomButtonStyles.outlinePrimaryTL15,
                  onPressed: onTapContinue(state, context),
                );
              },
            ),
            BlocBuilder<AllergiesBloc, AllergiesState>(
              builder: (context, state) {
                return GestureDetector(
                  onTap: onTapSkip(state, context),
                  child: Text("skip".tr, style: theme.textTheme.bodyLarge),
                );
              },
            ),
          ],
        ),
      ),
    );
  }

  onTapSkip(AllergiesState state, BuildContext context) {
    return () {
      UserRegistrationSheet sheet = state.allergiesModelObj!.userRegistrationSheet;
      GoRouter.of(context).goNamed('medicineIntakeScreen', extra: sheet);
    };
  }

  onTapContinue(AllergiesState state, BuildContext context) {
    return () {
      UserRegistrationSheet sheet = state.allergiesModelObj!.userRegistrationSheet;
      sheet.aboutAllergy = state.enterInformationController!.text;
      GoRouter.of(context).goNamed('medicineIntakeScreen', extra: sheet);
    };
  }

  /// Section Widget
  _buildAppBar(BuildContext context) {
    return CustomAppBar(
      leadingWidth: 31.h,
      leading:
          AppbarLeadingImage(imagePath: ImageConstant.imgArrowLeft, margin: EdgeInsets.only(left: 18.h, top: 15.v, bottom: 15.v), onTap: onTapBack(context)),
      centerTitle: true,
      title: AppbarTitleImage(imagePath: ImageConstant.imgLogoEatvio),
    );
  }

  onTapBack(BuildContext context) {
    return () {
      onTapArrowLeft(context);
    };
  }

  /// Section Widget
  _buildTextFormField(BuildContext context) {
    return Column(
      children: [
        Text("fill_in_information".tr, style: CustomTextStyles.titleMediumSegoeUI),
        SizedBox(height: 2.v),
        BlocSelector<AllergiesBloc, AllergiesState, TextEditingController?>(
          selector: (state) => state.enterInformationController,
          builder: (context, enterInformationController) {
            return CustomTextFormField(
              controller: enterInformationController,
              hintText: "enter_information".tr,
              textInputAction: TextInputAction.done,
              maxLines: 8,
            );
          },
        ),
      ],
    );
  }

  /// Navigates to the previous screen.
  onTapArrowLeft(BuildContext context) {
    GoRouter.of(context).pop();
  }
}