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 'package:star_lock/main/lockDetail/lockSet/basicInformation/uploadElectricQuantity/uploadElectricQuantity_state.dart';

import '../../../../../app_settings/app_colors.dart';
import '../../../../../tools/appRouteObserver.dart';
import '../../../../../tools/dateTool.dart';
import '../../../../../tools/submitBtn.dart';
import '../../../../../tools/titleAppBar.dart';
import '../../../../lockMian/lockMain/lockMain_logic.dart';
import '../../lockSet/lockSetInfo_entity.dart';
import 'uploadElectricQuantity_logic.dart';

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

  @override
  State<UploadElectricQuantityPage> createState() =>
      _UploadElectricQuantityPageState();
}

class _UploadElectricQuantityPageState extends State<UploadElectricQuantityPage> with RouteAware {
  final UploadElectricQuantityLogic logic = Get.put(UploadElectricQuantityLogic());
  final UploadElectricQuantityState state = Get.find<UploadElectricQuantityLogic>().state;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        backgroundColor: AppColors.mainBackgroundColor,
        appBar: TitleAppBar(
            barTitle: '电量'.tr,
            haveBack: true,
            backgroundColor: AppColors.mainColor),
        body: Container(
          padding: EdgeInsets.all(30.w),
          child: Column(
            children: <Widget>[
              Row(
                mainAxisAlignment: MainAxisAlignment.start,
                children: <Widget>[
                  Expanded(
                      child: Text('电量信息可以通过网关远程更新，或通过手机蓝牙在锁旁边更新'.tr,
                    style: TextStyle(fontSize: 20.sp),
                  )),
                ],
              ),
              SizedBox(
                height: 40.h,
              ),
              Obx(() => Row(
                mainAxisAlignment: MainAxisAlignment.start,
                children: <Widget>[
                  Expanded(
                      child: Text(
                        "${"电池1电量".tr}:${state.lockBasicInfo.value.electricQuantity ?? ""}%",
                        style: TextStyle(fontSize: 20.sp),
                      )),
                ],
              )),
              Visibility(
                visible: (state.lockSetInfoData.value.lockFeature ?? LockFeature()).isSupportBackupBattery == 1,
                child: Obx(() => Row(
                  mainAxisAlignment: MainAxisAlignment.start,
                  children: <Widget>[
                    Expanded(
                        child: Text(
                          "${"电池2电量".tr}:${state.lockBasicInfo.value.electricQuantityStandby ?? ""}%",
                          style: TextStyle(fontSize: 20.sp),
                        )),
                  ],
                )),
              ),
              SizedBox(height: 10.h),
              Obx(() => Row(
                mainAxisAlignment: MainAxisAlignment.start,
                children: <Widget>[
                  Expanded(
                      child: Text(
                        "${"电量更新时间".tr}:${state.uploadElectricQuantityDate.value == 0 ? "-" : DateTool().dateToYMDHNString(state.uploadElectricQuantityDate.value.toString())}",
                        style: TextStyle(fontSize: 20.sp),
                      )),
                ],
              )),
              SizedBox(
                height: 30.h,
              ),
              SubmitBtn(
                  btnName: '更新'.tr,
                  borderRadius: 20.w,
                  fontSize: 32.sp,
                  // margin: EdgeInsets.only(left: 03.w, right: 30.w, top: 20.w),
                  padding: EdgeInsets.only(top: 20.w, bottom: 20.w),
                  onClick: () async {
                    final bool isNetWork = await LockMainLogic.to()?.judgeTheNetwork() ?? false;
                    if (!isNetWork) {
                      return;
                    }
                    logic.getStarLockStatus();
                  }),
            ],
          ),
        )
    );
  }

  @override
  void didChangeDependencies() {
    super.didChangeDependencies();

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

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

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

  /// 返回上一个界面 当前界面即将消失
  @override
  void didPop() {
    super.didPop();
    logic.cancelBlueConnetctToastTimer();
    logic.dismissEasyLoading();
    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;
  }
}