import 'dart:async';
import 'dart:io';
import 'dart:ui';

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import '../../api/http.dart';
import '../../ui/widget/dialog.dart';
import '../../utils/ad_util.dart';
import '../../utils/event_bus_util.dart';
import '../../utils/pageutils.dart';
import '../../utils/ui_constant.dart';
import '../../utils/ui_utils.dart';
import '../../utils/user_util.dart';
import 'mine.dart';

void main() {
  if (Platform.isAndroid) {
    SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
      statusBarColor: Colors.transparent,
      systemNavigationBarColor: Color(0xFF000000),
      systemNavigationBarDividerColor: null,
      systemNavigationBarIconBrightness: Brightness.light,
      statusBarIconBrightness: Brightness.dark,
      statusBarBrightness: Brightness.light,
    ));
  }
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
          // This is the theme of your application.
          //
          // Try running your application with "flutter run". You'll see the
          // application has a blue toolbar. Then, without quitting the app, try
          // changing the primarySwatch below to Colors.green and then invoke
          // "hot reload" (press "r" in the console where you ran "flutter run",
          // or simply save your changes to "hot reload" in a Flutter IDE).
          // Notice that the counter didn't reset back to zero; the application
          // is not restarted.

          primaryColor: Color(0xFFFFFFFF)),
      home: MainPage(title: ''),
    );
  }
}

class MainPage extends StatefulWidget {
  MainPage({Key? key, required this.title}) : super(key: key);

  // This widget is the home page of your application. It is stateful, meaning
  // that it has a State object (defined below) that contains fields that affect
  // how it looks.

  // This class is the configuration for the state. It holds the values (in this
  // case the title) provided by the parent (in this case the App widget) and
  // used by the build method of the State. Fields in a Widget subclass are
  // always marked "final".

  final String title;

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

class _MainPageState extends State<MainPage>
    with SingleTickerProviderStateMixin {
  int selectIndex = 1;
  List<Widget> _pages = <Widget>[];
  TabController? _tabController;

  @override
  void initState() {
    _pages
      // ..add(KeepAliveWrapper(child: MainTravelPage()))
      // ..add(KeepAliveWrapper(child: LocationPage(title: "定位")))
      ..add(KeepAliveWrapper(child: MinePage(title: "我的")));
    _tabController =
        TabController(length: _pages.length, initialIndex: 1, vsync: this);
    super.initState();

    Timer(const Duration(seconds: 1), () {
      AdUtil.getAdInfo(AdPosition.homeInterstitial).then((value) {
        AdUtil.loadInterstitial(value, (success, msg) {});
      });
    });

    UserUtil.updateUserInfo(context);
  }

  int lastCenterClick = 0;

  //设置选中的导航栏
  void setSelectIndex(int i) {
    if (i == selectIndex) {
      if (selectIndex == 1) {
        if (DateTime.now().millisecondsSinceEpoch - lastCenterClick < 400) {
          print("双击");
        } else {
          //单击
          Future.delayed(const Duration(milliseconds: 400), () {
            if (DateTime.now().millisecondsSinceEpoch - lastCenterClick <
                400) {
              return;
            }
            print("单击");
          });


        }
        lastCenterClick = DateTime.now().millisecondsSinceEpoch;
      }
      return;
    }
    setState(() {
      selectIndex = i;
    });
    print("setSelectIndex");
    _tabController!.animateTo(i);
  }

  int lastBack = 0;

  @override
  Widget build(BuildContext context) {
    return WillPopScope(
        onWillPop: () async {
          if (DateTime.now().millisecondsSinceEpoch - lastBack > 1000 * 5) {
            lastBack = DateTime.now().millisecondsSinceEpoch;
            ToastUtil.toast("再按一次退出应用");
            return false;
          } else {
            return true;
          }
        },
        child: Scaffold(
          backgroundColor: Colors.white,
          resizeToAvoidBottomInset: false,
          body: Container(
            child: Stack(
              children: [
                //内容栏
                Container(
                  color: Colors.white,
                  child: Flex(
                    direction: Axis.vertical,
                    children: [
                      Expanded(
                          child: TabBarView(
                        controller: _tabController,
                        children: _pages,
                        physics: const NeverScrollableScrollPhysics(),
                      )),
                      Container(
                        height: 60,
                      )
                    ],
                  ),
                ),

                //底部导航栏
                Positioned(
                    bottom: 0,
                    child: Container(
                        child: Stack(
                      alignment: Alignment.bottomCenter,
                      children: [
                        Container(
                          height: 60,
                          width: MediaQuery.of(context).size.width,
                          alignment: Alignment.center,
                          decoration:
                              BoxDecoration(color: Colors.white, boxShadow: [
                            BoxShadow(
                              blurRadius: 10,
                              spreadRadius: 1,
                              color: Color(0x4D0E96FF),
                            )
                          ]),
                          child: Flex(
                            direction: Axis.horizontal,
                            children: [
                              Expanded(
                                  child: getNavItem(
                                      icon: Image.asset(
                                        "assets/imgs/main/icon_main_nav_history.png",
                                        width: 31,
                                      ),
                                      iconHighlight: Image.asset(
                                        "assets/imgs/main/icon_main_nav_history_highlight.png",
                                        width: 31,
                                      ),
                                      text: "轨迹",
                                      index: 0)),
                              Container(
                                width: 54,
                              ),
                              Expanded(
                                  child: getNavItem(
                                      icon: Image.asset(
                                          "assets/imgs/main/icon_main_nav_mine.png",
                                          width: 31),
                                      iconHighlight: Image.asset(
                                          "assets/imgs/main/icon_main_nav_mine_highlight.png",
                                          width: 31),
                                      text: "我的",
                                      index: 2)),
                            ],
                          ),
                        ),
                        Positioned(
                          child: Container(
                            height: 72,
                            width: 72,
                            decoration: BoxDecoration(
                                color: Colors.white,
                                borderRadius: BorderRadius.circular(36),
                                boxShadow: [
                                  BoxShadow(
                                      blurRadius: 10,
                                      spreadRadius: 1,
                                      color: Color(0x4D0E96FF))
                                ]),
                          ),
                        ),
                        Container(
                          height: 60,
                          width: 100,
                          color: Colors.white,
                        ),
                        Container(
                          height: 72,
                          width: 72,
                          alignment: Alignment.center,
                          child: getNavLocationItem(),
                        )
                      ],
                    )))
              ],
            ),
          ),
        ));
  }

  Widget getNavItem(
      {required Image icon,
      required Image iconHighlight,
      required String text,
      required int index}) {
    return Container(
      alignment: Alignment.center,
      child: InkWell(
        onTap: () {
          setSelectIndex(index);
        },
        child: Flex(
          mainAxisAlignment: MainAxisAlignment.center,
          direction: Axis.horizontal,
          children: [
            selectIndex == index ? iconHighlight : icon,
            Text(
              text,
              style: TextStyle(
                  fontSize: 15,
                  color: selectIndex == index
                      ? ColorConstant.theme
                      : Color(0xFF9DAAB3)),
            )
          ],
        ),
      ),
    );
  }

  Widget getNavLocationItem() {
    return InkWell(
        onTap: () {
          setSelectIndex(1);
        },
        child: Container(
          width: 54,
          height: 54,
          decoration: BoxDecoration(
              color: selectIndex == 1 ? ColorConstant.theme : Color(0xFF9DAAB3),
              borderRadius: BorderRadius.circular(27),
              boxShadow: selectIndex == 1
                  ? [
                      BoxShadow(
                          blurRadius: 3,
                          spreadRadius: 2,
                          color: Color(0x4D0E96FF))
                    ]
                  : []),
          child: Flex(
            direction: Axis.vertical,
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment: CrossAxisAlignment.center,
            children: [
              Image.asset(
                "assets/imgs/main/icon_main_nav_location.png",
                height: 25,
              ),
              Container(
                height: 3,
              ),
              const Text(
                "定位",
                style: TextStyle(color: Colors.white, fontSize: 9),
              )
            ],
          ),
        ));
  }
}