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

import '../../../../app_settings/app_colors.dart';
import '../../../../blue/blue_manage.dart';
import '../../../../tools/appRouteObserver.dart';
import '../../../../tools/commonItem.dart';
import '../../../../tools/showBottomSheetTool.dart';
import '../../../../tools/showTipView.dart';
import '../../../../tools/titleAppBar.dart';
import '../../../../translations/trans_lib.dart';
import 'automaticBlocking_logic.dart';

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

  @override
  State<AutomaticBlockingPage> createState() => _AutomaticBlockingPageState();
}

class _AutomaticBlockingPageState extends State<AutomaticBlockingPage> with RouteAware {
  final logic = Get.put(AutomaticBlockingLogic());
  final state = Get.find<AutomaticBlockingLogic>().state;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        backgroundColor: AppColors.mainBackgroundColor,
        appBar: TitleAppBar(
            barTitle: TranslationLoader.lanKeys!.automaticBlocking!.tr,
            haveBack: true,
            actionsList: [
              Obx(() => TextButton(
                onPressed: state.canNext.value == false ? null :() {
                  // if(state.isJustForShow.value == true){
                  //   return;
                  // }
                  // if(state.isCustomLockTime.value == true && state.timeController.text.isEmpty){
                  //   logic.showToast("请输入自定义时间");
                  //   return;
                  // }

                  if(state.isOpen.value == false){
                    ShowTipView().showIosTipWithContentDialog('关闭后，智能锁将设置为全天常开模式，直到手动关闭'.tr, (){
                      logic.sendAutoLock();
                    });
                  }else{
                    logic.sendAutoLock();
                  }
                },
                child: Text(
                  state.canNext.value == false ? "" : TranslationLoader.lanKeys!.save!.tr,
                  style: TextStyle(color: Colors.white, fontSize: 24.sp),
                ),
              )),
            ],
            backgroundColor: AppColors.mainColor),
        body: ListView(
          children: [
            Obx(() => CommonItem(
                leftTitel: TranslationLoader.lanKeys!.automaticBlocking!.tr,
                isHaveLine: false,
                isHaveRightWidget: true,
                rightWidget:
                SizedBox(width: 60.w, height: 50.h, child: _switch())),),
            Visibility(
              visible: state.isOpen.value == true ? true : false,
              child: Column(
                children: [
                  Container(height: 10.h,),
                  Builder(builder: (context) {
                    return Obx(() => CommonItem(
                        leftTitel: TranslationLoader.lanKeys!.delayTime!.tr,
                        rightTitle: state.isCustomLockTime.value == true ? "自定义".tr : (state.autoLockTime.value.isNotEmpty && state.autoLockTime.value != "0")  ? "${state.autoLockTime}s" : "",
                        isHaveLine: false,
                        isHaveDirection: true,
                        action: () {
                          if(state.isJustForShow.value == true){
                            return;
                          }
                          var list = [
                            "5",
                            "10",
                            "15",
                            "30",
                            "60",
                            TranslationLoader.lanKeys!.custom!.tr
                          ];
                          ShowBottomSheetTool().showSingleRowPicker(
                            //上下文
                              context,
                              //默认的索引
                              normalIndex: 0,
                              title: TranslationLoader.lanKeys!.time!.tr,
                              cancelTitle: TranslationLoader.lanKeys!.cancel!.tr,
                              sureTitle: TranslationLoader.lanKeys!.sure!.tr,
                              //要显示的列表
                              //可自定义数据适配器
                              //adapter: PickerAdapter(),
                              data: list,
                              //选择事件的回调
                              clickCallBack: (int index, var str) {
                                if(index != 5){
                                  state.isCustomLockTime.value = false;
                                  state.autoLockTime.value = str.toString();
                                }else{
                                  state.isCustomLockTime.value = true;
                                }
                                logic.ifCanNext();
                              });
                        }));
                  }),
                  Container(height: 10.h),
                  Obx(() => Visibility(
                      visible: state.isCustomLockTime.value,
                      child: Container(
                        color: Colors.white,
                        padding: EdgeInsets.only(
                            left: 30.w, top: 10.w, right: 30.w, bottom: 10.w),
                        child: Column(
                          children: [
                            Row(
                              children: [
                                Text(
                                  "${TranslationLoader.lanKeys!.pleaseEnter!.tr}${TranslationLoader.lanKeys!.time!.tr}(S)",
                                  style: TextStyle(fontSize: 24.sp),
                                ),
                              ],
                            ),
                            Obx(() => TextField(
                              //输入框一行
                              maxLines: 1,
                              controller: state.timeController,
                              keyboardType: TextInputType.number,
                              autofocus: false,
                              readOnly: state.isJustForShow.value == true ? true : false,
                              onChanged: (value) {
                                state.autoLockTime.value = value;
                                logic.ifCanNext();
                              },
                              decoration: InputDecoration(
                                //输入里面输入文字内边距设置
                                contentPadding:
                                const EdgeInsets.only(top: 12.0, bottom: 8.0),
                                hintText:
                                "${TranslationLoader.lanKeys!.pleaseEnter!.tr}${TranslationLoader.lanKeys!.time!.tr}(S)",
                                hintStyle: TextStyle(fontSize: 24.sp),
                                //不需要输入框下划线
                                border: InputBorder.none,
                              ),
                            )),
                            Container(
                              height: 0.5.h,
                              color: Colors.grey,
                            ),
                          ],
                        ),
                      ))),
                ],
              ),
            ),
            Container(
              padding: EdgeInsets.all(30.w),
              child: Row(
                mainAxisAlignment: MainAxisAlignment.start,
                children: [
                  Expanded(
                      child: Text(
                    TranslationLoader.lanKeys!.automaticBlockingTip!.tr,
                    style: TextStyle(fontSize: 20.sp),
                  )),
                ],
              ),
            )
          ],
        ));
  }

  CupertinoSwitch _switch() {
    return CupertinoSwitch(
      activeColor: CupertinoColors.activeBlue,
      trackColor: CupertinoColors.systemGrey5,
      thumbColor: CupertinoColors.white,
      value: state.isOpen.value,
      onChanged: state.isJustForShow.value == true ? null : (value){
        setState(() {
          state.isOpen.value = value;
          if(state.isOpen.value == false){
            state.autoLockTime.value = "";
          }
          logic.ifCanNext();
        });
      },
    );
  }

  @override
  void didChangeDependencies() {
    // TODO: implement didChangeDependencies
    super.didChangeDependencies();

    /// 路由订阅
    AppRouteObserver().routeObserver.subscribe(this, ModalRoute.of(context)!);
  }

  @override
  void dispose() {
    // TODO: implement dispose
    /// 取消路由订阅
    AppRouteObserver().routeObserver.unsubscribe(this);
    super.dispose();
  }

  /// 从上级界面进入 当前界面即将出现
  @override
  void didPush() {
    super.didPush();
    state.ifCurrentScreen.value = true;
  }

  /// 返回上一个界面 当前界面即将消失
  @override
  void didPop() {
    super.didPop();
    logic.cancelBlueConnetctToastTimer();
    if (EasyLoading.isShow) EasyLoading.dismiss(animation: true);
    state.ifCurrentScreen.value = false;
    state.sureBtnState.value = 0;
  }

  /// 从下级返回 当前界面即将出现
  @override
  void didPopNext() {
    super.didPopNext();
    state.ifCurrentScreen.value = true;
  }

  /// 进入下级界面 当前界面即将消失
  @override
  void didPushNext() {
    super.didPushNext();
    logic.cancelBlueConnetctToastTimer();
    if (EasyLoading.isShow) EasyLoading.dismiss(animation: true);
    state.ifCurrentScreen.value = false;
    state.sureBtnState.value = 0;
  }

}