import 'dart:async';
import 'package:flutter/material.dart';
import 'package:flutter/scheduler.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import 'package:star_lock/app_settings/app_colors.dart';
import 'package:star_lock/tools/noData.dart';
import 'package:star_lock/tools/submitBtn.dart';

import '../../../appRouters.dart';
import '../../../baseWidget.dart';
import '../../../flavors.dart';
import '../../../mine/mine/starLockMine_page.dart';
import '../../../tools/EasyRefreshTool.dart';
import '../../../tools/eventBusEventManage.dart';
import '../../../tools/storage.dart';
import '../../../tools/titleAppBar.dart';
import '../../../translations/trans_lib.dart';
import '../../lockDetail/lockDetail/lockDetail_page.dart';
import '../entity/lockListInfo_entity.dart';
import '../lockList/lockList_page.dart';
import 'lockMain_logic.dart';

class StarLockMainPage extends StatefulWidget {
  StarLockMainPage({Key? key, this.showAppBar = true, this.showDrawer = true})
      : super(key: key);
  bool showAppBar;
  bool showDrawer;

  @override
  State<StarLockMainPage> createState() => _StarLockMainPageState();
}

class _StarLockMainPageState extends State<StarLockMainPage> with BaseWidget {
  final logic = Get.put(LockMainLogic());
  final state = Get.find<LockMainLogic>().state;

  Future<void> getHttpData() async {
    logic.getStarLockInfo().then((LockListInfoEntity value) {
      if (mounted) {
        setState(() {});
      }
    });
  }

  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance.addPostFrameCallback((_) {
      logic.pageNo = 1;
      getHttpData();
    });

    _initLoadDataAction();
  }

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: const Color(0xFFF5F5F5),
      appBar: widget.showAppBar
          ? TitleAppBar(
              barTitle: F.navTitle,
              haveBack: false,
              haveOtherLeftWidget: true,
              leftWidget: Builder(
                  builder: (context) => IconButton(
                        icon: Image.asset(
                          "images/main/mainLeft_menu_icon.png",
                          color: Colors.white,
                          width: 44.w,
                          height: 44.w,
                        ),
                        onPressed: () {
                          Scaffold.of(context).openDrawer();
                        },
                      )),
              backgroundColor: AppColors.mainColor,
            )
          : null,
      drawer: widget.showDrawer
          ? Drawer(
              width: 1.sw / 3 * 2,
              child: const StarLockMinePage(),
            )
          : null,
      body: EasyRefreshTool(
          onRefresh: () {
            SchedulerBinding.instance.addPostFrameCallback((_) {
              // 更新状态的代码
              logic.pageNo = 1;
              getHttpData();
            });
          },
          child: getDataReturnUI(state.dataLength.value)),
    );
  }

  Widget getDataReturnUI(int type) {
    Widget returnWidget;
    switch (type) {
      case 0:
        // 显示无数据模式
        returnWidget = unHaveData();
        break;
      case 1:
        // 只有一条数据
        Storage.setBool(ifIsDemoModeOrNot, false);
        print(
            "state.lockListInfoEntity.value.data!.groupList![0].lockList![0]:${state.lockListInfoGroupEntity.value.groupList![0].lockList![0].endDate}");
        returnWidget = LockDetailPage(
            isOnlyOneData: true,
            lockListInfoItemEntity:
                state.lockListInfoGroupEntity.value.groupList![0].lockList![0]);
        break;
      case 2:
        // 有多条数据
        Storage.setBool(ifIsDemoModeOrNot, false);
        returnWidget = LockListPage(
            lockListInfoGroupEntity: state.lockListInfoGroupEntity.value);
        break;
      default:
        returnWidget = NoData();
        break;
    }
    return returnWidget;
  }

  Widget unHaveData() {
    return ListView(
      children: [
        Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            SizedBox(
              height: 160.h,
            ),
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                SizedBox(
                    width: 330.w,
                    child: InkWell(
                      child: Padding(
                        padding: const EdgeInsets.all(30.0),
                        child: Image.asset(
                          'images/main/icon_main_unHaveLockData.png',
                          width: 260.w,
                          height: 260.w,
                        ),
                      ),
                      onTap: () {
                        //实现回调函数
                        Navigator.pushNamed(
                          context,
                          Routers.selectLockTypePage,
                        );
                      },
                    )),
              ],
            ),
            Container(
                // padding: EdgeInsets.all(30.w),
                child: Text(
              TranslationLoader
                  .lanKeys!.whenAddingLockThePhoneMustBeNextToTheLock!.tr,
              style: TextStyle(
                  fontSize: 26.sp,
                  // fontWeight: FontWeight.w800,
                  color: Colors.black),
            )),
            SizedBox(
              height: 160.h,
            ),
            F.isLite
                ? Container()
                : SubmitBtn(
                    btnName: '演示模式',
                    onClick: () {
                      Get.toNamed(Routers.demoModeLockDetailPage);
                    },
                  )
          ],
        ),
      ],
    );
  }

  void onShow() {}

  void onHide() {}

  late StreamSubscription _teamEvent;

  void _initLoadDataAction() {
    print("监听刷新首页数据消息");
    _teamEvent = eventBus.on<RefreshLockListInfoDataEvent>().listen((event) {
      logic.pageNo = 1;
      getHttpData();
      print("收到刷新首页数据消息");
    });
  }

  @override
  void dispose() {
    // TODO: implement dispose
    super.dispose();
    _teamEvent.cancel();
  }
}