import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import 'package:star_lock/flavors.dart';
import 'package:star_lock/mine/minePersonInfo/minePersonInfoEditAccount/minePersonInfoEditAccountNext/minePersonInfoEditAccountNext_logic.dart';
import '../../../../app_settings/app_colors.dart';
import '../../../../tools/submitBtn.dart';
import '../../../../tools/tf_input_haveBorder.dart';
import '../../../../tools/titleAppBar.dart';
import '../../../../translations/trans_lib.dart';

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

  @override
  State<MinePersonInfoEditAccountNextPage> createState() =>
      _MinePersonInfoEditAccountNextPageState();
}

class _MinePersonInfoEditAccountNextPageState
    extends State<MinePersonInfoEditAccountNextPage> {
  final logic = Get.put(PersonInfoEditAccountLogic());
  final state = Get.find<PersonInfoEditAccountLogic>().state;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        backgroundColor: AppColors.mainBackgroundColor,
        appBar: F.sw(
          defaultCall: () => TitleAppBar(
            barTitle: TranslationLoader.lanKeys!.modifyAccount!.tr,
            haveBack: true,
            backgroundColor: AppColors.mainColor,
          ),
          xhjCall: () => TitleAppBar(
            barTitle: TranslationLoader.lanKeys!.modifyAccount!.tr,
            haveBack: true,
            backgroundColor: Colors.white,
            iconColor: AppColors.blackColor,
            titleColor: AppColors.blackColor,
          ),
        ),
        body: Column(
          children: [
            Container(
                width: 1.sw,
                // color: Colors.grey,
                padding: EdgeInsets.only(left: 30.w, top: 15.h, bottom: 15.h),
                child: Text(
                  TranslationLoader.lanKeys!.pleaseEnterNewAccountNumber!.tr,
                  style:
                      TextStyle(fontWeight: FontWeight.w600, fontSize: 24.sp),
                )),
            Container(
              height: 100.h,
              padding: EdgeInsets.only(
                  left: 30.w, right: 30.w, top: 10.h, bottom: 10.h),
              child: TFInputHaveBorder(
                controller: state.accountController,
                label: TranslationLoader.lanKeys!.pleaseEnterNumberOrEmail!.tr,
              ),
            ),
            Container(
              padding: EdgeInsets.only(
                  left: 30.w, right: 30.w, top: 20.h, bottom: 10.h),
              child: TFInputHaveBorder(
                  controller: state.codeController,
                  label:
                      "${TranslationLoader.lanKeys!.pleaseEnter!.tr}${TranslationLoader.lanKeys!.verificationCode!.tr}",
                  rightSlot: GestureDetector(
                    child: Container(
                      width: 180.w,
                      height: 90.h,
                      padding: EdgeInsets.all(5.h),
                      margin: EdgeInsets.only(right: 10.w),
                      // decoration: BoxDecoration(
                      //     color: AppColors.mainColor,
                      //     borderRadius: BorderRadius.circular(5)
                      // ),
                      child: Center(
                        child: Text(
                            '${TranslationLoader.lanKeys!.getTip!.tr}${TranslationLoader.lanKeys!.verificationCode!.tr}',
                            textAlign: TextAlign.center,
                            style: TextStyle(
                              color: Colors.grey,
                              fontSize: 26.sp,
                            )),
                      ),
                    ),
                    onTap: () {},
                  )),
            ),
            SizedBox(height: 50.w),
            SubmitBtn(
                btnName: TranslationLoader.lanKeys!.sure!.tr,
                fontSize: 28.sp,
                borderRadius: 20.w,
                padding: EdgeInsets.only(top: 25.w, bottom: 25.w),
                onClick: () {}),
          ],
        ));
  }
}