import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';

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

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

  @override
  State<AddFingerprintPage> createState() => _AddFingerprintPageState();
}

class _AddFingerprintPageState extends State<AddFingerprintPage> {
  final logic = Get.put(AddFingerprintLogic());
  final state = Get.find<AddFingerprintLogic>().state;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      appBar: TitleAppBar(
          barTitle: "${TranslationLoader.lanKeys!.addTip!.tr}${TranslationLoader.lanKeys!.fingerprint!.tr}",
          haveBack: true,
          backgroundColor: AppColors.mainColor),
      body: ListView(
        // mainAxisAlignment: MainAxisAlignment.center,
        // crossAxisAlignment: CrossAxisAlignment.center,
        children: [
          SizedBox(
            height: 50.h,
          ),
          Obx(() => Visibility(
            visible:logic.state.ifConnectScuess.value,
            child: Container(
              padding: EdgeInsets.only(left: 20.w, right: 20.w),
              child: Column(
                children: [
                  Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      Expanded(
                        child: Text(
                          "请将您的手指按下",
                          // TranslationLoader.lanKeys!.lightTouchScreenTip!.tr,
                          textAlign: TextAlign.center,
                          maxLines:null,
                          style: TextStyle(fontSize: 24.sp, fontWeight: FontWeight.w600),
                        ),
                      ),
                    ],
                  ),
                  SizedBox(height: 10.h),
                  Text(
                    "(${state.addFingerprintProcessNumber.value}/4)",
                    // TranslationLoader.lanKeys!.lightTouchScreenTip!.tr,
                    textAlign: TextAlign.center,
                    maxLines:null,
                    style: TextStyle(fontSize: 24.sp),
                  ),
                ],
              ),
            ),
          )),
          Obx(() => Visibility(
            visible:!logic.state.ifConnectScuess.value,
            child: Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                Expanded(
                  child: Text(
                    "尝试连接设备......",
                    // TranslationLoader.lanKeys!.lightTouchScreenTip!.tr,
                    textAlign: TextAlign.center,
                    maxLines:null,
                    style: TextStyle(fontSize: 24.sp, fontWeight: FontWeight.w600),
                  ),
                ),
              ],
            ),
          )),
          SizedBox(
            height: 100.h,
          ),
          Obx(() => Image.asset(
            getIconNumber(state.addFingerprintProcessNumber.value),
            width: 185.w,
            height: 295.h,
          ),),
          SizedBox(
            height: 120.h,
          ),
          Container(
            margin: EdgeInsets.all(10.w),
            child: Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                Expanded(
                  child: Text(
                    "根据提示，抬起手指后再进行下一次指纹采集",
                    // TranslationLoader.lanKeys!.lightTouchScreenTip!.tr,
                    textAlign: TextAlign.center,
                    maxLines:null,
                    style: TextStyle(fontSize: 24.sp),
                  ),
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }

  String getIconNumber(int number){
    switch(number){
      case 1:
        return 'images/main/icon_addFingerprint_fingerprint_two.png';
        break;
      case 2:
        return 'images/main/icon_addFingerprint_fingerprint_three.png';
        break;
      case 3:
        return 'images/main/icon_addFingerprint_fingerprint_four.png';
        break;
      case 4:
        return 'images/main/icon_addFingerprint_fingerprint_five.png';
        break;
      default:
        return 'images/main/icon_addFingerprint_fingerprint_one.png';
        break;
    }
  }

}