import 'dart:async';

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:flutter_svg/svg.dart';
import 'package:provider/provider.dart';
import 'package:sail/constant/app_colors.dart';
import 'package:sail/constant/app_dimens.dart';
import 'package:sail/model/themeCollection.dart';
import 'package:sail/models/app_model.dart';
import 'package:sail/models/plan_model.dart';
import 'package:sail/models/server_model.dart';
import 'package:sail/models/user_model.dart';
import 'package:sail/models/user_subscribe_model.dart';
import 'package:sail/pages/accountPage.dart';
import 'package:sail/pages/homePage.dart';
import 'package:sail/pages/my_profile.dart';
import 'package:sail/pages/plan/plan_page.dart';
import 'package:sail/pages/proPage.dart';
import 'package:sail/pages/server_list.dart';
import 'package:sail/router/application.dart';
import 'package:sail/routes/OnceNotice.dart';
import 'package:sail/routes/proRoute.dart';
import 'package:sail/utils/l10n.dart';
import 'package:sail/utils/message_util.dart';
import 'package:sail/utils/navigator_util.dart';
import 'package:sail/widgets/ProgressView.dart';
import 'package:sail/widgets/home_widget.dart';
import 'package:sail/widgets/power_btn.dart';
import 'package:sail/widgets/sail_app_bar.dart';
import 'package:sail/utils/common_util.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'package:url_launcher/url_launcher.dart';

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

  @override
  HomePageState createState() => HomePageState();
}

class HomePageState extends State<HomePage> with WidgetsBindingObserver {
  late AppModel _appModel;
  late ServerModel _serverModel;
  late UserModel _userModel;
  late UserSubscribeModel _userSubscribeModel;
  late PlanModel _planModel;
  bool _isLoadingData = false;
  bool _initialStatus = false;
  bool _isfinishedLoad = false;
  late Timer _timer;
  bool _isFirst = false;

  int currentPage = 0;
  late List<Map<String, dynamic>> _itemsList = const [
    {
      'name': 'Home',
      'iconPath': 'assets/home.svg',
      'icon': Icons.home_filled,
      'route': HomeWidget()
    },
    {
      'name': 'Nodes',
      'iconPath': 'assets/logo2.svg',
      'icon': Icons.rocket_launch,
      'route': ServerListPage()
    },
    {
      'name': 'Account',
      'iconPath': 'assets/profile.svg',
      'icon': Icons.person,
      'route': AccountPage()
    }
  ];

  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance.addObserver(this);
    createTimer();

    // /判断是不是第一次启动
    getFristBool();

    Future.delayed(const Duration(seconds: 1), () {
      //1秒后跳转到其他路由
      if (_isFirst) {
        Navigator.of(context)
            .push(MaterialPageRoute(builder: (builder) => const OnceNotice()));
      }
    });
  }

  void getFristBool() async {
    SharedPreferences preferences = await SharedPreferences.getInstance();
    String key = "FristLaunchs";
    if (preferences.containsKey(key)) {
      setState(() => _isFirst = preferences.getBool(key)!);

      preferences.setBool(key, false);
    } else {
      setState(() => _isFirst = true);
      preferences.setBool(key, false);
    }
  }

  @override
  void dispose() {
    cancelTimer();
    WidgetsBinding.instance.removeObserver(this);
    super.dispose();
  }

  void createTimer() {
    _timer = Timer.periodic(const Duration(seconds: 1), (timer) {
      _appModel.getStatus();
    });
  }

  void cancelTimer() {
    _timer.cancel();
  }

  @override
  void didChangeAppLifecycleState(AppLifecycleState state) {
    print('state = $state');

    if (state == AppLifecycleState.resumed) {
      _planModel.fetchPlanList();
      // _appModel.getStatus();
      // print("_appModel.isOn: ${_appModel.isOn}");
    }

    if (state == AppLifecycleState.inactive) {
      //激活状态
    }
  }

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

    _appModel = Provider.of<AppModel>(context);
    _userModel = Provider.of<UserModel>(context);
    _userSubscribeModel = Provider.of<UserSubscribeModel>(context);
    _serverModel = Provider.of<ServerModel>(context);
    _planModel = Provider.of<PlanModel>(context);

    if (_userModel.isLogin && !_isLoadingData) {
      _isLoadingData = true;
      await _userSubscribeModel.getUserSubscribe();
      await _serverModel.getServerList(forceRefresh: true);
      await _serverModel.getSelectServer();
      _appModel.setConfigProxies(_userModel, _serverModel);
    }

    if (!_initialStatus) {
      _initialStatus = true;
      _planModel.fetchPlanList();
    }

    if (_userModel.userEntity?.uuid != null) {
      setState(() {
        _isfinishedLoad = true;
      });
    }
  }

  sendEmail(recipient, subject, body) async {
    final String url = 'mailto:$recipient?subject=$subject&body=$body';
    if (!await launchUrl(Uri.parse(url))) {
      throw Exception('Could not launch $url');
    }
  }

  @override
  Widget build(BuildContext context) {
    ScreenUtil.init(context,
        designSize: const Size(AppDimens.maxWidth, AppDimens.maxHeight));

    //是否第一次打开app
    // Future.delayed(Duration(seconds: 3), () {

    // _showCupertinoAlertDialog(
    //     context: context,
    //     title: "提示",
    //     content: "您没有提交的权限，\n当前仅供查阅",
    //     sureText: "确定"
    // );
    // });

// Provider.of<ThemeCollection>(context)
//                       .getActiveTheme
//                       .primaryTextTheme
//                       .bodyLarge
    bool isDarkTheme = Provider.of<ThemeCollection>(context).isDarkActive;

    final ButtonStyle style = TextButton.styleFrom(
      foregroundColor: Theme.of(context).colorScheme.onPrimary,
    );

    return Scaffold(
        appBar: AppBar(
          shadowColor: Colors.transparent,
          title: SvgPicture.asset(
            'assets/text2.svg',
            height: 28,
            color: isDarkTheme ? Colors.white : Colors.black,
          ),
          actions: <Widget>[
            IconButton(
              icon: const Icon(Icons.support_agent),
              tooltip: 'support_agent',
              onPressed: () {
                sendEmail("admin@uuvpn.co", "UUVPN Question Help", "");
              },
            ),
            IconButton(
              icon: const Icon(Icons.public),
              tooltip: 'public',
              onPressed: () {
                if (_serverModel.serverEntityList.isEmpty) {
                  MessageUtil.toast(context.l10n.nodefornullcheckissubscripts);
                } else {
                  NavigatorUtil.goServerList(context);
                }
              },
            ),
            IconButton(
              icon: const Icon(Icons.menu),
              tooltip: 'menu',
              onPressed: () {
                NavigatorUtil.goSettings(context);
                // setState(() {

                // });
              },
            ),
          ],
        ),
        body: HomeWidget());

    return Scaffold(
        appBar: AppBar(
            shadowColor: Colors.transparent,
            title: currentPage == 2
                ? const Text('My Account')
                : SvgPicture.asset(
                    'assets/text2.svg',
                    height: 28,
                    color: isDarkTheme ? Colors.white : Colors.black,
                  ),
            actions: currentPage == 0 ? null : null),
/*[
                    Padding(
                      padding: const EdgeInsets.all(8.0),
                      child: GestureDetector(
                        onTap: () => Navigator.of(context).push(
                            MaterialPageRoute(
                                builder: (builder) => const ProRoute())),
                        child: SvgPicture.asset(
                          'assets/Features.svg',
                          height: 20,
                          color: AppColors.greenColor,
                        ),
                      ),
                    ),
                  ]
Here Bottom Navigation Bar with some padding, margin,
 little bit color & border decoration*/
        bottomNavigationBar: Container(
          // margin: const EdgeInsets.only(left: 32, right: 32, bottom: 0),
          padding: const EdgeInsets.only(top: 0.0),
          decoration: BoxDecoration(
              color:
                  const Color(0xff353351).withOpacity(isDarkTheme ? 0.3 : 0.05),
              borderRadius: BorderRadius.circular(0)),
          child: BottomNavigationBar(
              enableFeedback: true,
              backgroundColor: Colors.transparent,
              elevation: 0,
              showSelectedLabels: true,
              showUnselectedLabels: true,
              selectedLabelStyle:
                  TextStyle(color: isDarkTheme ? Colors.white : Colors.black),
              selectedItemColor: Theme.of(context).primaryColor,
              unselectedItemColor: isDarkTheme ? Colors.white : Colors.black,
              currentIndex: currentPage,
              onTap: (value) => setState(() {
                    currentPage = value;
                  }),
              items: List.generate(
                  _itemsList.length,
                  (index) => BottomNavigationBarItem(
                        icon: Icon(_itemsList[index]['icon'] as IconData,
                            size: 30,
                            color: index != currentPage
                                ? const Color(0xffB5AEBE)
                                : Theme.of(context).primaryColor),
                        /*SvgPicture.asset(
                            _itemsList[index]['iconPath'] as String,
                            height: index != currentPage ? 20 : 24,
                            color: index != currentPage
                                ? const Color(0xffB5AEBE)
                                : Theme.of(context).primaryColor),
*/
                        label: _itemsList[index]['name'] as String,
                      ))),
        ),
        body: _itemsList[currentPage]['route'] as Widget);
  }
}
 

  /*
  Widget buildold(BuildContext context) {
    bool isDarkTheme = Provider.of<ThemeCollection>(context).isDarkActive;

    ScreenUtil.init(context,
        designSize: const Size(AppDimens.maxWidth, AppDimens.maxHeight));

    // if (!_isfinishedLoad) {
    //   return const ProgressView();
    // }
    return Scaffold(
      // appBar: SailAppBar(
      //   appTitle: _appModel.appTitle,
      // ),
      extendBody: true,
      backgroundColor:
          _appModel.isOn ? AppColors.greenColor : AppColors.grayColor,
      body: SafeArea(
        bottom: false,
        child: HomeWidget(),
      ),
    );
    return AnnotatedRegion<SystemUiOverlayStyle>(
        value: _appModel.isOn
            ? SystemUiOverlayStyle.dark
            : SystemUiOverlayStyle.light,
        child: Scaffold(
            appBar: SailAppBar(
              appTitle: _appModel.appTitle,
            ),
            extendBody: true,
            backgroundColor:
                _appModel.isOn ? AppColors.greenColor : AppColors.grayColor,
            body: SafeArea(
                bottom: false,
                child: PageView(
                  physics: const NeverScrollableScrollPhysics(),
                  controller: _appModel.pageController,
                  children: const [
                    HomeWidget(),
                    PlanPage(),
                    ServerListPage(),
                    MyProfile()
                  ],
                )),
            floatingActionButtonLocation:
                FloatingActionButtonLocation.centerDocked,
            // floatingActionButton: const PowerButton(),
            bottomNavigationBar: ClipRRect(
                // borderRadius: BorderRadius.only(
                //     topLeft: Radius.circular(ScreenUtil().setWidth(50)),
                //     topRight: Radius.circular(ScreenUtil().setWidth(50))),
                child: BottomAppBar(
              // notchMargin: 8,
              // shape: const CircularNotchedRectangle(),
              color:
                  _appModel.isOn ? AppColors.grayColor : AppColors.themeColor,
              child: Row(
                mainAxisSize: MainAxisSize.max,
                mainAxisAlignment: MainAxisAlignment.spaceAround,
                children: <Widget>[
                  IconButton(
                    icon: const Icon(
                      Icons.home_rounded,
                      color: Colors.white,
                    ),
                    onPressed: () => _appModel.jumpToPage(0),
                  ),
                  IconButton(
                    icon: const Icon(
                      Icons.wallet,
                      color: Colors.white,
                    ),
                    onPressed: () => _appModel.jumpToPage(1),
                  ),
                  // SizedBox(
                  //   width: ScreenUtil().setWidth(50),
                  // ),
                  IconButton(
                    icon: const Icon(
                      Icons.cloud_rounded,
                      color: Colors.white,
                    ),
                    onPressed: () => _appModel.jumpToPage(2),
                  ),
                  IconButton(
                    icon: const Icon(
                      Icons.person,
                      color: Colors.white,
                    ),
                    onPressed: () => _appModel.jumpToPage(3),
                  )
                ],
              ),
            ))));
  }
}*/