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

import '../../../../app_settings/app_colors.dart';
import '../../../../tools/appRouteObserver.dart';
import '../../../../tools/titleAppBar.dart';
import 'addRemoteControl_logic.dart';
import 'addRemoteControl_state.dart';

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

  @override
  State<AddRemoteControlPage> createState() => _AddRemoteControlPageState();
}

class _AddRemoteControlPageState extends State<AddRemoteControlPage> with RouteAware {
  final AddRemoteControlLogic logic = Get.put(AddRemoteControlLogic());
  final AddRemoteControlState state = Get.find<AddRemoteControlLogic>().state;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: AppColors.mainBackgroundColor,
      appBar: TitleAppBar(
        barTitle: '添加遥控'.tr,
        haveBack: true,
        backgroundColor: AppColors.mainColor,
      ),
      body: ListView(
        children: <Widget>[
          SizedBox(height: 180.h),
          Center(
            child: Image.asset(
              'images/main/icon_addRemoteControl_tip.png',
              width: 300.w,
              height: 300.w,
              fit: BoxFit.cover,
            ),
          ),
          SizedBox(height: 90.h),
          CupertinoActivityIndicator(
            radius: 25.h,
          ),
          SizedBox(height: 120.h),
          Container(
            width: 1.sw,
            // height: 50.h,
            padding: EdgeInsets.all(10.w),
            margin: EdgeInsets.only(
                left: 15.w, right: 15.w, top: 10.h, bottom: 10.h),
            // color: AppColors.blackColor,
            decoration: BoxDecoration(
              color: AppColors.blackColor,
              borderRadius: BorderRadius.circular(10.w),
            ),
            child: Center(
                child: Obx(() => Text(
                    state.ifConnectScuess.value
                        ? '已连接到锁,请按遥控'.tr
                        : '尝试连接设备...'.tr,
                    style: TextStyle(color: Colors.white, fontSize: 24.sp)))),
          ),
        ],
      ),
    );
  }

  @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();
    state.ifCurrentScreen.value = false;

    if(state.ifAddState.value){
      logic.senderCancelAddRemoteControlCommand();
    }
  }

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

  /// 进入下级界面 当前界面即将消失
  @override
  void didPushNext() {
    super.didPushNext();
    logic.cancelBlueConnetctToastTimer();

    state.ifCurrentScreen.value = false;
  }
}