import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import 'package:star_lock/main/lockDetail/face/addFace/addFace_logic.dart';

import '../../../../../app_settings/app_colors.dart';
import '../../../../../tools/submitBtn.dart';
import '../../../../../tools/titleAppBar.dart';
import '../../../../../translations/trans_lib.dart';

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

  @override
  State<AddFacePage> createState() => _AddFacePageState();
}

class _AddFacePageState extends State<AddFacePage> {
  final logic = Get.put(AddFaceLogic());
  final state = Get.find<AddFaceLogic>().state;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      appBar: TitleAppBar(
          barTitle:
              "${TranslationLoader.lanKeys!.addTip!.tr}${TranslationLoader.lanKeys!.face!.tr}",
          haveBack: true,
          backgroundColor: AppColors.mainColor),
      body: ListView(
        children: [
          SizedBox(
            height: 50.h,
          ),
          Obx(() => Image.asset(
                state.isClickAddFace.value == false
                    ? 'images/main/icon_addFace_step1.png'
                    : 'images/main/icon_addFace_step2.png',
                width: 100.w,
                height: 457.h,
                fit: BoxFit.fitHeight,
              )),
          SizedBox(
            height: 60.h,
          ),
          Container(
            padding: EdgeInsets.only(left: 20.w, right: 20.w),
            child: Row(
              mainAxisAlignment: MainAxisAlignment.start,
              children: [
                Expanded(
                  child: Text(
                    "请单人正对门锁,距离一个成年人手臂长度\n(约0.6米)。\n保持脸部无遮挡，露出五官。",
                    textAlign: TextAlign.left,
                    maxLines: null,
                    style:
                        TextStyle(fontSize: 24.sp, fontWeight: FontWeight.w600),
                  ),
                ),
              ],
            ),
          ),
          SizedBox(
            height: 120.h,
          ),
          Obx(
            () => state.isClickAddFace.value == false
                ? Container(
                    padding: EdgeInsets.only(left: 20.w, right: 20.w),
                    child: SubmitBtn(
                        btnName: "准备好了，开始添加",
                        borderRadius: 20.w,
                        onClick: () {
                          state.isClickAddFace.value = true;
                          logic.senderAddFace();
                        }),
                  )
                : Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      Text(
                        '正在录入中...',
                        style: TextStyle(
                            color: AppColors.darkGrayTextColor,
                            fontSize: 22.sp),
                        textAlign: TextAlign.center,
                      )
                    ],
                  ),
          )
        ],
      ),
    );
  }
}