import 'dart:async';
import 'dart:ui';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_easyrefresh/easy_refresh.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:one_key/provider/table_manage_model.dart';
import 'package:one_key/res/colors.dart';
import 'package:one_key/utils/dialog_util.dart';
import 'package:one_key/utils/utils.dart';
import 'package:scroll_to_index/scroll_to_index.dart';

class CCMenuPage extends StatefulWidget {
  ///默认源数据数组
  final List<String>? menuList;

  ///头部
  final Widget? headerWidget;

  ///底部
  final Widget? bottomWidget;

  ///滚动页面列表样式
  final IndexedWidgetBuilder? itemBuilder;

  ///默认选中
  final int selectIndex;

  ///点击顶部菜单回调
  final ValueChanged<int>? onTap;

  ///下拉刷新事件
  final onRefresh;

  ///顶部菜单样式
  final IndexedWidgetBuilder? tabBuilder;

  ///菜单个数
  final int? itemCount;

  ///设置选中时的字体选中样式
  final TextStyle? labelStyle;

  ///设置未选中字体样式
  final TextStyle? unselectedLabelStyle;

  ///设置未选中字体颜色
  final Color? unselectedLabelColor;

  ///设置选中字体颜色
  final Color? labelColor;

  ///选中下划线的颜色
  final Color? indicatorColor;

  ///选中下划线的长度
  final TabBarIndicatorSize? indicatorSize;

  ///选中下划线的高度
  final double? indicatorWeight;
  final EdgeInsetsGeometry? indicatorPadding;
  final TableManagerModel? tableManagerModel;

  ///是否滚动 默认true
  final bool? isScrollable;

  /// 菜单栏高度
  final double? tabHeight;

  /// 空数据样式
  final Widget? refreshEmptyWidget;

  ///下拉刷新header样式
  final Header? refreshHeaderWidget;

  CCMenuPage(
      {this.menuList,
      this.itemBuilder,
      this.headerWidget,
      this.bottomWidget,
      this.selectIndex = 0,
      this.onTap,
      this.onRefresh,
      this.refreshEmptyWidget,
      this.refreshHeaderWidget,
      Key? key,
      this.tableManagerModel})
      : this.tabBuilder = null,
        this.itemCount = null,
        this.labelStyle = null,
        this.unselectedLabelStyle = null,
        this.unselectedLabelColor = null,
        this.labelColor = null,
        this.indicatorColor = null,
        this.indicatorSize = null,
        this.indicatorWeight = null,
        this.indicatorPadding = null,
        this.isScrollable = null,
        this.tabHeight = null,
        super(key: key);

  CCMenuPage.builder({
    Key? key,
    this.tabBuilder,
    this.itemCount,
    this.itemBuilder,
    this.headerWidget,
    this.bottomWidget,
    this.selectIndex = 0,
    this.onTap,
    this.onRefresh,
    this.refreshEmptyWidget,
    this.refreshHeaderWidget,
    this.tableManagerModel,
  })  : this.labelStyle = null,
        this.unselectedLabelStyle = null,
        this.unselectedLabelColor = null,
        this.labelColor = null,
        this.indicatorColor = null,
        this.indicatorSize = null,
        this.indicatorWeight = null,
        this.indicatorPadding = null,
        this.isScrollable = null,
        this.menuList = null,
        this.tabHeight = null,
        super(key: key);

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

class CCMenuPageState extends State<CCMenuPage>
//  with TickerProviderStateMixin
 {
  List _keyList = [];
  List _offsetList = [];
  ScrollController? _scrollController;
  bool _isScrollView = false;
  final GlobalKey headerGlobalKey = GlobalKey();
  double _headerHeight = 0;
  int _selectNumber = 0;
  int _itemCount = 0;
  double? _tabHeight = 0;
  EasyRefreshController? _easyRefreshController;
  // ScrollController _areaController = ScrollController();
  AutoScrollController? controller;

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    initData();
    controller = AutoScrollController(
        viewportBoundaryGetter: () =>
            Rect.fromLTRB(0, 0, 0, MediaQuery.of(context).padding.bottom),
        axis: Axis.horizontal);
  }

  @override
  void dispose() {
    super.dispose();
    _easyRefreshController?.dispose();
    _scrollController?.dispose();
  }

  initData() {
    _getItemHeight();
    _selectNumber = widget.selectIndex;
    _itemCount = _getItemCount();
    // _getMenuList();
    _keyList = List.generate(_itemCount, (index) => GlobalKey());

    _scrollController = new ScrollController();
    _scrollController!.addListener(() {
      var of = _scrollController!.offset;
      if (of == _scrollController!.position.maxScrollExtent) {
        _isScrollView = false;
      } else {
        if (_isScrollView == true) {
          return;
        }
        var oneOffset = _offsetList[0];
        bool isOffset = false;
        for (int i = _offsetList.length - 1; i > 0; i--) {
          var nowOffset = _offsetList[i];
          if (of > (nowOffset - oneOffset)) {
            isOffset = true;

            // _tabController.animateTo(i);
            // _areaController.animateTo(i * ScreenUtil().setWidth(104 * 2),
            //     duration: new Duration(milliseconds: 500), curve: Curves.ease);
            _scrollToIndex(i);
            widget.tableManagerModel!.currentArea =
                widget.tableManagerModel!.areas[i].name;
            widget.tableManagerModel!.currentTables = widget.tableManagerModel!
                .areaTableMap[widget.tableManagerModel!.currentArea];

            setState(() {});
            break;
          }
        }
        if (isOffset == false) {
          _scrollToIndex(0);
          // _areaController.animateTo(0 * ScreenUtil().setWidth(104 * 2),
          //     duration: new Duration(milliseconds: 500), curve: Curves.ease);
          widget.tableManagerModel!.currentArea =
              widget.tableManagerModel!.areas[0].name;
          widget.tableManagerModel!.currentTables = widget.tableManagerModel!
              .areaTableMap[widget.tableManagerModel!.currentArea];
          setState(() {});
        }
      }
    });
    WidgetsBinding.instance.addPostFrameCallback((callback) {
      _subInitState();
      _anmationMenu();
    });
  }

  updateMenu() {
    _itemCount = _getItemCount();
    _keyList = List.generate(_itemCount, (index) => GlobalKey());
    setState(() {});
    WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
      _subInitState();
      _anmationMenu();
    });
  }

  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Column(
      children: [
        Container(
          width: double.infinity,
          child: _tabBarWidget(),
        ),
        Expanded(
            child: Container(
          height: MediaQuery.of(context).size.height -
              _headerHeight -
              MediaQueryData.fromWindow(window).padding.top,
          child: SingleChildScrollView(
            controller: _scrollController,
            child: Column(
              children: [
                _getListWidget(),
              ],
            ),
          ),
        ))
      ],
    );
  }

  Future _scrollToIndex(int index) async {
    await controller!.scrollToIndex(index,
        preferPosition: AutoScrollPosition.begin);
  }

  Widget _getRow(int index, Widget widget) {
    return _wrapScrollTag(
      index: index,
      child: widget,
    );
  }

  Widget _wrapScrollTag({required int index, Widget? child}) => AutoScrollTag(
        key: ValueKey(index),
        controller: controller!,
        index: index,
        child: child,
        highlightColor: Colors.transparent,
      );

  Widget _tabBarWidget() {
    return Container(
        height: ScreenUtil().setWidth(80),
        color: MyColours.color_ffffff,
        margin: EdgeInsets.only(bottom: ScreenUtil().setWidth(20)),
        child: ListView.builder(
          itemCount: widget.tableManagerModel!.areas.length + 1,
          padding: EdgeInsets.symmetric(horizontal: ScreenUtil().setWidth(40)),
          controller: controller,
          scrollDirection: Axis.horizontal,
          cacheExtent: ScreenUtil().setWidth(104 * 2),
          itemBuilder: (BuildContext context, int index) {
            return InkWell(
                onTap: () async {
                  if (index == widget.tableManagerModel!.areas.length ||
                      widget.tableManagerModel!.areas.length == 0) {
                    // widget.onTap(index);
                    //添加区域弹框
                    await DialogUtil.openCreateAreaDialog(context,
                        onTap: (value) async {
                      print(value);
                      //添加区域
                      bool success = await widget.tableManagerModel!
                          .addTableAreas(context, value as String?);
                      print(success);
                      if (success) {
                        Utils.showToast('添加成功！');

                        await widget.tableManagerModel!
                            .getTableList(context, needLoading: false);
                        widget.tableManagerModel!.initData();

                        setState(() {
                          updateMenu();
                        });
                        _scrollToIndex(widget.tableManagerModel!.areas.length);

                        // Timer(
                        //     Duration(milliseconds: 500),
                        //     () => _areaController.jumpTo(
                        //         _areaController.position.maxScrollExtent));
                      }
                    });
                  } else {
                    setState(() {
                      _selectNumber = index;
                      widget.tableManagerModel!.currentArea =
                          widget.tableManagerModel!.areas[index].name;
                      widget.tableManagerModel!.currentTables = widget
                          .tableManagerModel!
                          .areaTableMap[widget.tableManagerModel!.currentArea];
                      _anmationMenu();
                    });
                    if (widget.onTap != null) {
                      widget.onTap!(index);
                    }
                  }
                },
                child: _getRow(
                    index,
                    Container(
                      child: widget.tabBuilder!(context, index),
                    )));
          },
        ));
  }

  Widget _getListWidget() {
    if (_itemCount == 0) {
      return SizedBox();
    }
    return ListView.builder(
      shrinkWrap: true,
      physics: new NeverScrollableScrollPhysics(),
      itemCount: widget.tableManagerModel!.areas.length,
      padding: EdgeInsets.zero,
      itemBuilder: (BuildContext context, int index) {
        GlobalKey itemKey = _keyList[index];
        return Container(
            key: itemKey, child: widget.itemBuilder!(context, index));
      },
    );
  }

  _subInitState() {
    _offsetList = [];
    for (int i = 0; i < _keyList.length; i++) {
      var globalKey = _keyList[i];
      var offsetY = getY(globalKey.currentContext);
      _offsetList.add(offsetY);
    }
  }

  double getY(BuildContext? buildContext) {
    if (buildContext == null) {
      return 0;
    }
    final RenderBox box = buildContext.findRenderObject() as RenderBox;
    final topLeftPosition = box.localToGlobal(Offset.zero);
    return topLeftPosition.dy;
  }

  int _getItemCount() {
    return widget.tableManagerModel!.areas.length;
  }

  _getItemHeight() {
    if (widget.tabBuilder == null && widget.itemCount == null) {
      if (widget.tabHeight != null) {
        _tabHeight = widget.tabHeight;
      } else {
        _tabHeight = 30;
      }
    } else {
      _tabHeight = null;
    }
  }

  _anmationMenu() {
    if (_selectNumber == 0) {
      _isScrollView = false;
      _scrollToIndex(_selectNumber);
      // _areaController.animateTo(_selectNumber * ScreenUtil().setWidth(104 * 2),
      //     duration: new Duration(milliseconds: 500), curve: Curves.ease);
      // _tabController.animateTo(_selectNumber);
      _scrollController!.jumpTo(0);
    } else {
      _isScrollView = false;
      // _tabController.animateTo(_selectNumber);
      _scrollToIndex(_selectNumber);
      // _areaController.animateTo(_selectNumber * ScreenUtil().setWidth(104 * 2),
      //     duration: new Duration(milliseconds: 500), curve: Curves.ease);
      var oneOffset = _offsetList[0];
      var nowOffset = _offsetList[_selectNumber] - oneOffset + _headerHeight;
      if (nowOffset <= _scrollController!.position.maxScrollExtent) {
        _scrollController!
            .jumpTo(_offsetList[_selectNumber] - _offsetList[0] + 2);
      } else {
        //滚动到底部
        _isScrollView = true;
        if (_scrollController!.offset ==
            _scrollController!.position.maxScrollExtent) {
          //如果已经滚动到底部  不会走滚动监听回调
          _isScrollView = false;
        } else {
          _scrollController!.jumpTo(_scrollController!.position.maxScrollExtent);
        }
      }
    }
  }
}