import 'dart:convert';
import 'dart:io';
import 'dart:typed_data';

import 'package:device_info_plus/device_info_plus.dart';
import 'package:dio/dio.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
import 'package:geolocator/geolocator.dart';
import 'package:get/utils.dart';
import 'package:huixiang/constant.dart';
import 'package:huixiang/data/ip_data.dart';
import 'package:huixiang/data/mip_data.dart';
import 'package:huixiang/generated/l10n.dart';
import 'package:huixiang/main.dart';
import 'package:huixiang/retrofit/retrofit_api.dart';
import 'package:huixiang/union/union_list.dart';
import 'package:huixiang/utils/event_type.dart';
import 'package:huixiang/utils/location.dart';
import 'package:huixiang/utils/shared_preference.dart';
import 'package:huixiang/view_widget/my_tab.dart';
import 'package:permission_handler/permission_handler.dart';
import 'package:visibility_detector/visibility_detector.dart';

import '../data/address.dart';
import '../view_widget/location_tips.dart';
import '../view_widget/no_data_view.dart';

class UnionPage extends StatefulWidget {
  final int initialIndex;

  UnionPage(Key key, this.initialIndex) : super(key: key);

  @override
  State<StatefulWidget> createState() {
    return UnionPageState();
  }
}

class UnionPageState extends State<UnionPage> with AutomaticKeepAliveClientMixin, WidgetsBindingObserver, SingleTickerProviderStateMixin {
  final TextEditingController editingController = TextEditingController();
  bool isKeyBoardShow = false;
  TabController? tabController;
  Position? latLng;
  String? areaName;
  List<GlobalKey<UnionListState>> _allKey = [];
  bool _isShowLocalTips = false;
  double? visiblePercentage;

  jumpIndex(jpIndex) {
    tabController?.index = jpIndex;
  }

  @override
  void dispose() {
    super.dispose();
    WidgetsBinding.instance.removeObserver(this);
    // Location.instance.aMapFlutterLocation.stopLocation();
  }

  @override
  void didChangeMetrics() {
    super.didChangeMetrics();
    WidgetsBinding.instance.addPostFrameCallback((_) {
      setState(() {
        print("object: ${MediaQuery.of(context).viewInsets.bottom}");
        if (MediaQuery.of(context).viewInsets.bottom == 0) {
          if (isKeyBoardShow) {
            isKeyBoardShow = false;
            //关闭键盘 软键盘关闭了， 清除输入控件的焦点， 否则重新进入页面会导致软键盘再弹出问题
            FocusScope.of(context).requestFocus(FocusNode());
          }
        } else {
          isKeyBoardShow = true;
        }
      });
    });
  }

  @override
  void initState() {
    super.initState();
    tabController = TabController(
        length: 4, vsync: this, initialIndex: widget.initialIndex,
    );
    _allKey = [GlobalKey<UnionListState>(), GlobalKey<UnionListState>(), GlobalKey<UnionListState>(), GlobalKey<UnionListState>()];
    WidgetsBinding.instance.addObserver(this);
    eventBus.on<EventType>().listen((event) {
      if (event.type < 3) {
        setState(() {});
      }
    });
    queryIpInfo();
  }

  queryIpInfo() async {
    ApiService apiIpService = ApiService(Dio(), context: context, showLoading: false);
    String ipResult = await apiIpService.getIpInfo1().catchError((onError) {
      return "";
    });
    if (ipResult.isNotEmpty) {
      String string = ipResult.replaceAll("\n", "");
      MIpData ipData = MIpData.fromJson(jsonDecode(string));
      areaName = ipData.data?.location?[2];
      refreshChild();
      setState(() {});
    }
  }

  refreshChild() {
    if (areaName?.isNotEmpty ?? false) {
      _allKey.forEach((key1) {
        key1.currentState?.refreshData(areaName!);
      });
    }
  }

  @override
  void didChangeAppLifecycleState(AppLifecycleState state) {
    if (state == AppLifecycleState.resumed) {
      // 处理应用程序切换回前台的逻辑
      if (visiblePercentage == 1) permissionSettings();
    } else if (state == AppLifecycleState.paused) {
      // 处理应用程序切换到后台的逻辑
    }
  }

  void permissionSettings() async {
    if (_isShowLocalTips && await Permission.location.isGranted) {
      _isShowLocalTips = false;
      setState(() {});
    }
  }

  Future<bool> isEmulator() async {
    DeviceInfoPlugin deviceInfo = DeviceInfoPlugin();
    if (Platform.isAndroid) {
      AndroidDeviceInfo androidInfo = await deviceInfo.androidInfo;
      return !androidInfo.isPhysicalDevice;
    } else if (Platform.isIOS) {
      IosDeviceInfo iosInfo = await deviceInfo.iosInfo;
      return !iosInfo.isPhysicalDevice;
    }
    return false;
  }

  @override
  Widget build(BuildContext context) {
    super.build(context);
    return VisibilityDetector(
      key: Key('my-widget-key'),
      onVisibilityChanged: (visibilityInfo) {
        visiblePercentage = visibilityInfo.visibleFraction;
        if (visiblePercentage == 1) permissionSettings();
      },
      child: GestureDetector(
        behavior: HitTestBehavior.translucent,
        onTap: () {
          FocusScope.of(context).requestFocus(FocusNode());
        },
        child: Stack(
          alignment: Alignment.bottomCenter,
          children: [
            Container(
              child: Column(
                children: [
                  Row(
                    children: [
                      Padding(
                        padding: EdgeInsets.only(left: 18.w, right: 10.w),
                        child: GestureDetector(
                          behavior: HitTestBehavior.opaque,
                          onTap: () {
                            Navigator.of(context).pushNamed(
                                '/router/union_select_city',
                                arguments: {
                                  "cityName": areaName
                                }).then((value) {
                              if (value != null) {
                                areaName = "$value";
                                refreshChild();
                                setState(() {});
                              }
                            });
                          },
                          child: Row(
                            children: [
                              Text(
                                areaName ?? "",
                                overflow: TextOverflow.ellipsis,
                                maxLines: 1,
                                style: TextStyle(
                                  fontSize: 14.sp,
                                  fontWeight: FontWeight.bold,
                                  color: Colors.white,
                                ),
                              ),
                              Icon(
                                Icons.keyboard_arrow_down,
                                color: Colors.white,
                                size: 24,
                              )
                            ],
                          ),
                        ),
                      ),
                      Expanded(child: buildSearchItem())
                    ],
                  ),
                  Align(
                    alignment: Alignment.centerLeft,
                    child: TabBar(
                      controller: tabController,
                      //tab排放方向
                      tabAlignment: TabAlignment.start,
                      isScrollable: true,
                      //可滚动
                      dividerHeight: 0,
                      dividerColor: Colors.transparent,
                      indicatorColor: Colors.white,
                      labelColor: Colors.white,
                      labelStyle: TextStyle(
                        fontSize: 18.sp,
                        fontWeight: FontWeight.bold,
                      ),
                      unselectedLabelStyle: TextStyle(
                        fontSize: 15.sp,
                        fontWeight: FontWeight.normal,
                      ),
                      //未选中文字颜色
                      unselectedLabelColor: Colors.white,
                      indicatorSize: TabBarIndicatorSize.label,
                      //指示器与文字等宽
                      tabs: <Widget>[
                        MyTab(text: S.of(context).quanbu),
                        MyTab(text: S.of(context).chi),
                        MyTab(text: S.of(context).he),
                        MyTab(text: S.of(context).wan),
                      ],
                    ),
                  ),
                  Expanded(
                    child: TabBarView(
                      controller: tabController,
                      children: [
                        UnionList(
                          _allKey[0],
                          "",
                          latLng,
                          editingController.text,
                          areaName,
                        ),
                        UnionList(_allKey[1], "EATSTORE", latLng,
                            editingController.text, areaName),
                        UnionList(_allKey[2], "DRINKSTORE", latLng,
                            editingController.text, areaName),
                        UnionList(_allKey[3], "HAPPYSTORE", latLng,
                            editingController.text, areaName),
                      ],
                    ),
                  ),
                ],
              ),
              padding: EdgeInsets.only(
                top: MediaQuery.of(context).padding.top + 17.h,
              ),
              decoration: BoxDecoration(
                gradient: LinearGradient(
                  begin: Alignment.topCenter,
                  end: Alignment.bottomCenter,
                  colors: [
                    Color(0xFF32A060),
                    Color(0xFF32A060),
                    Colors.white,
                    Colors.white,
                  ],
                  stops: [0, 0.2, 0.4, 1],
                ),
              ),
            ),
            if (_isShowLocalTips)
              Padding(
                padding: EdgeInsets.only(bottom: 70.h),
                child: LocationTips(() {
                  setState(() {
                    _isShowLocalTips = false;
                  });
                }),
              )
          ],
        ),
      ),
    );
  }

  Widget buildSearchItem() {
    return Container(
      margin: EdgeInsets.fromLTRB(6.w, 0, 14.w, 0),
      padding: EdgeInsets.symmetric(vertical: 6.h),
      decoration: BoxDecoration(
        color: Color(0xFFF5FAF7),
        borderRadius: BorderRadius.circular(4),
        boxShadow: [
          BoxShadow(
            color: Colors.black.withAlpha(12),
            offset: Offset(0, 3),
            blurRadius: 14,
            spreadRadius: 0,
          ),
        ],
      ),
      child: TextField(
        textInputAction: TextInputAction.search,
        onEditingComplete: () {
          FocusScope.of(context).requestFocus(FocusNode());
          setState(() {});
        },
        controller: editingController,
        style: TextStyle(
          fontSize: 14.sp,
        ),
        decoration: InputDecoration(
          hintText: "搜索联盟会员店",
          hintStyle: TextStyle(
            fontSize: 12.sp,
            color: Color(0xFFB3B3B3),
          ),
          isCollapsed: true,
          prefixIcon: Padding(
            padding: EdgeInsets.only(left: 5.w, right: 5.w),
            child: Image.asset(
              "assets/image/icon_search.webp",
              width: 16.h,
              height: 16.h,
            ),
          ),
          prefixIconConstraints: BoxConstraints(),
          border: InputBorder.none,
        ),
      ),
    );
  }

  @override
  bool get wantKeepAlive => true;
}