import 'package:flutter/material.dart';
import 'package:flutter_svg/svg.dart';

import '../../config/app_constant.dart';
import '../../config/provider.dart';
import '../../config/size.dart';
import '../../config/style.dart';
import '../../providers/auth_provider.dart';
import '../../utils/text_style.dart';
import '../../utils/text_widget.dart';
import '../../widgets/custom_botton_widget.dart';
import '../../widgets/custom_search_textfield.dart';

class ChangeForgotPasswordScreen extends StatefulWidget {
  final String email;
  final String code;

  const ChangeForgotPasswordScreen(
      {Key? key, required this.email, required this.code})
      : super(key: key);

  @override
  State<ChangeForgotPasswordScreen> createState() =>
      _ChangeForgotPasswordScreenState();
}

class _ChangeForgotPasswordScreenState
    extends State<ChangeForgotPasswordScreen> {
  final hm = SizeConfig.heightMultiplier;
  final wm = SizeConfig.widthMultiplier;
  final tm = SizeConfig.textMultiplier;

  final TextEditingController _newPasswordController = TextEditingController();
  final TextEditingController _confirmPasswordController =
      TextEditingController();

  final _formKey = GlobalKey<FormState>();

  @override
  Widget build(BuildContext context) {
    final authProvider = Provider.of<AuthProvider>(context);

    return Scaffold(
      backgroundColor: AppStyle.appBackground,
      body: SingleChildScrollView(
        child: Padding(
          padding: EdgeInsets.fromLTRB(wm * 10, hm * 10, wm * 10, hm * 20),
          child: Form(
            key: _formKey,
            child: Column(
              children: [
                Hero(
                  tag: "logo",
                  child: SvgPicture.asset(Consts.appLogo,
                      height: hm * 4.5, width: wm * 10),
                ),
                Padding(
                  padding: EdgeInsets.only(top: hm * 10.44, bottom: hm * 2),
                  child: SvgPicture.asset(Consts.unlockIcon,
                      height: hm * 8, width: wm * 28.83),
                ),
                Center(
                    child: Txt(
                  text: "New Password",
                  style: tS(
                    'medium',
                    tm * 3,
                    FontWeight.normal,
                    AppStyle.primary,
                  ),
                )),
                SizedBox(
                  height: hm * 5,
                ),
                CustomTextField(
                  controller: _newPasswordController,
                  hintText: 'Email',
                  iconPosition: CustomTextFieldIconPosition.none,
                  // onChanged: (String) {},
                ),
                CustomTextField(
                  controller: _newPasswordController,
                  hintText: 'password',
                  iconPosition: CustomTextFieldIconPosition.none,
                  // onChanged: (String) {},
                ),
                CustomTextField(
                  controller: _confirmPasswordController,
                  hintText: 'confirm password',
                  iconPosition: CustomTextFieldIconPosition.none,
                  // onChanged: (String) {},
                ),
                SizedBox(
                  height: hm * 4,
                ),
                Align(
                  alignment: Alignment.center,
                  child: Padding(
                    padding: EdgeInsets.only(top: hm * 4, bottom: hm),
                    child: GestureDetector(
                      onTap: () async {
                        if (_newPasswordController.text ==
                            _confirmPasswordController.text) {
                          authProvider.resetPasswordStepFinal(
                              context,
                              widget.email,
                              _newPasswordController.text,
                              widget.code);
                        }
                      },
                      child: const CustomButtonWidget(
                        height: 35,
                        width: 210,
                        borderRadius: 28,
                        fontSize: 15,
                        fillColor: AppStyle.buttonBlue,
                        borderColor: AppStyle.buttonBlue,
                        textColor: AppStyle.white,
                        text: 'Reset Password',
                        fontFamily: 'lato-regular',
                        fontWeight: FontWeight.normal,
                      ),
                    ),
                  ),
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}