import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:wow_english/common/extension/string_extension.dart';
import 'package:wow_english/common/widgets/textfiled_customer_widget.dart';

import 'blocs/forget_pwd_bloc.dart';

class ForgetPassWordPage extends StatelessWidget {
  const ForgetPassWordPage({super.key, this.phoneNum});
  final String? phoneNum;

  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return BlocProvider(
      create: (context) => ForgetPwdBloc(),
      child: Scaffold(
        body: Container(
          color: Colors.white,
          child: SafeArea(
            child: Padding(
              padding: EdgeInsets.symmetric(horizontal: 40.w),
              child: Column(
                children: [
                  34.verticalSpace,
                  Row(
                    children: [
                      Image.asset(
                        'wow_logo'.assetPng,
                        height: 49.w,
                        width: 83.5.h,
                      ),
                      12.5.horizontalSpace,
                      Text(
                        '欢迎登录wow english\n接下来请设置一下您的密码吧！',
                        style: TextStyle(
                          fontSize: 16.sp,
                          color: const Color(0xFF666666)
                        ),
                      )
                    ],
                  ),
                  Row(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Expanded(
                        child: Column(
                          mainAxisAlignment: MainAxisAlignment.start,
                          children: [
                            43.verticalSpace,
                            Row(
                              children: [
                                Expanded(
                                    child: TextFiledCustomerWidget(
                                      height: 55.h,
                                      hitText: '请输入八位以上密码',
                                      bgImageName: 'Input_layer_up',
                                      onChangeValue: (String value) {

                                        },
                                    )
                                ),
                                10.horizontalSpace,
                                Offstage(
                                  offstage: false,
                                  child: Image.asset(
                                    'login_pass'.assetPng,
                                    height: 30,
                                    width: 30,
                                  ),
                                )
                              ],
                            ),
                            9.verticalSpace,
                            const Offstage(
                              offstage: false,
                              child: Text('您已达到密码最大输入数，请妥善调整密码'),
                            ),
                            9.verticalSpace,
                            Row(
                              children: [
                                Expanded(
                                    child: TextFiledCustomerWidget(
                                      height: 55.h,
                                      hitText: '请再次输入相同密码',
                                      bgImageName: 'Input_layer_up',
                                      onChangeValue: (String value) {

                                      },
                                    )
                                ),
                                10.horizontalSpace,
                                Offstage(
                                  offstage: false,
                                  child: Image.asset(
                                    'login_error'.assetPng,
                                    height: 30,
                                    width: 30,
                                  ),
                                )
                              ],
                            ),
                            9.verticalSpace,
                            const Offstage(
                              offstage: false,
                              child: Text('请确认两次输入的密码是否一致'),
                            ),
                            Row(
                              mainAxisAlignment: MainAxisAlignment.end,
                              children: [
                                GestureDetector(
                                  onTap: () {

                                  },
                                  child: Container(
                                    decoration: BoxDecoration(
                                      image: DecorationImage(
                                          image: AssetImage(
                                              'login_enter'.assetPng
                                          ),
                                          fit: BoxFit.fill
                                      ),
                                    ),
                                    padding: const EdgeInsets.symmetric(
                                        horizontal: 28.0,
                                        vertical: 14.0
                                    ),
                                    child:  const Text(
                                        '确定',
                                      style: TextStyle(
                                        color: Colors.white
                                      ),
                                    ),
                                  ),
                                ),
                                50.horizontalSpace
                              ],
                            )
                          ],
                        ),
                      ),
                      30.horizontalSpace,
                      Image.asset(
                        'steven'.assetPng,
                        height: 254.h,
                        width: 100.w,
                      )
                    ],
                  ),
                ],
              ),
            ),
          ),
        ),
      ),
    );;
  }
}