import 'bloc/height_bloc.dart';
import 'models/height_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/custom_text_form_field.dart';
import 'package:flutter/services.dart';
import 'package:eatvio_app/widgets/next_step_button.dart';
import 'package:eatvio_app/data/models/userRegistrationModel/user_registration_model.dart';
import 'package:flutter/material.dart';

class HeightScreen extends StatelessWidget {
  const HeightScreen({Key? key}) : super(key: key);

  static Widget builder(BuildContext context) {
    final sheet =
        ModalRoute.of(context)!.settings.arguments as UserRegistrationSheet;
    return BlocProvider<HeightBloc>(
        create: (context) => HeightBloc(HeightState(
            heightModelObj: HeightModel(userRegistrationSheet: sheet)))
          ..add(HeightInitialEvent()),
        child: HeightScreen());
  }

  @override
  Widget build(BuildContext context) {
    mediaQueryData = MediaQuery.of(context);
    return SafeArea(
      child: Scaffold(
        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: 0.55,
                    backgroundColor: theme.colorScheme.onPrimary,
                    valueColor: AlwaysStoppedAnimation<Color>(
                      appTheme.blueA400,
                    ),
                  ),
                ),
              ),
              SizedBox(height: 39.v),
              Column(
                children: [
                  Text(
                    "height_measurements".tr,
                    style: theme.textTheme.headlineSmall,
                  ),
                  SizedBox(height: 174.v),
                  Column(
                    children: [
                      Text(
                        "your_height".tr,
                        style: theme.textTheme.bodyLarge,
                      ),
                      SizedBox(height: 4.v),
                      BlocBuilder<HeightBloc, HeightState>(
                          builder: (context, state) {
                        return CustomTextFormField(
                          width: 150.h,
                          textInputAction: TextInputAction.done,
                          controller: state.heightController,
                          keyboardType: TextInputType.number,
                          inputFormatters: <TextInputFormatter>[
                            FilteringTextInputFormatter.digitsOnly,
                          ],
                        );
                      })
                    ],
                  ),
                ],
              ),
              Spacer(),
              BlocBuilder<HeightBloc, HeightState>(
                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: onTapNext(state, context),
                  );
                },
              ),
            ],
          ),
        ),
      ),
    );
  }

  onTapNext(HeightState state, BuildContext context) {
    return () {
      UserRegistrationSheet sheet = state.heightModelObj!.userRegistrationSheet;
      Navigator.pushNamed(
        context,
        AppRoutes.bloodPressureScreen,
        arguments: sheet,
      );
    };
  }

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

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

  /// Navigates to the previous screen.
  onTapArrowLeft(BuildContext context) {
    NavigatorService.goBack();
  }
}