import 'package:dio/dio.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
import 'package:huixiang/view_widget/classic_header.dart';
import 'package:huixiang/view_widget/custom_image.dart';
import 'package:huixiang/view_widget/my_footer.dart';
import 'package:pull_to_refresh/pull_to_refresh.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:visibility_detector/visibility_detector.dart';
import '../../retrofit/business_api.dart';
import '../../retrofit/data/base_data.dart';
import '../../retrofit/data/business_login_info.dart';
import '../../retrofit/data/business_store_list.dart';
import '../../retrofit/data/tenant_info.dart';
import '../../utils/business_instance.dart';
import '../../utils/flutter_utils.dart';
import '../../utils/font_weight.dart';
import '../../view_widget/settlement_tips_dialog.dart';

class BusinessMinePage extends StatefulWidget {
  final BusinessLoginInfo businessLoginInfo;
  final String storeId;

  BusinessMinePage(Key key,this.businessLoginInfo, this.storeId): super(key: key);

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

class _BusinessMinePage extends State<BusinessMinePage>{
  final RefreshController refreshController = RefreshController();
  BusinessApiService businessService;
  List<Records> records = [];
  double visiblePercentage;
  int networkStatus = 0;
  TenantInfo tenantInfo;

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

  @override
  void dispose() {
    super.dispose();
    refreshController.dispose();
  }

  ///门店设置列表
  queryStoreList() async {
    if (businessService == null) {
      businessService = BusinessApiService(Dio(),
          context: context,
          token: BusinessInstance.instance.businessToken,
          tenant: BusinessInstance.instance.businessTenant,
          storeId: widget.storeId);
    }
    BaseData<BusinessStoreList> baseData = await businessService
        .getStoreList(BusinessInstance.instance.businessTenant, "1", "100")
        .catchError((error) {
      SmartDialog.show(
          clickBgDismissTemp: false,
          widget: SettlementTips(
                () {},
            text: AppUtils.dioErrorTypeToString(error.type),
            color: Color(0xFF30415B),
          ));
      networkStatus = -1;
      refreshController.refreshFailed();
      refreshController.loadFailed();
    });
    if (!mounted) return;
    if (baseData != null && baseData.isSuccess) {
      records.addAll((baseData.data.records ?? []).reversed);
      queryTenantInfo();
      refreshController.refreshCompleted();
      networkStatus = 1;
    } else {
      SmartDialog.showToast(baseData.msg, alignment: Alignment.center);
    }
  }

  ///查询商户信息
  queryTenantInfo() async {
    try {
      if (businessService == null) {
        businessService = BusinessApiService(Dio(),
            context: context,
            token: BusinessInstance.instance.businessToken,
            tenant: BusinessInstance.instance.businessTenant,
            storeId: widget.storeId);
      }
      BaseData<TenantInfo> baseData = await businessService
          .tenantInfo(BusinessInstance.instance.businessTenant)
          .catchError((error) {});
      if (baseData != null && baseData.isSuccess) {
        tenantInfo = baseData.data;
        BusinessInstance.instance.expirationTime = baseData.data.expirationTime;
        BusinessInstance.instance.serviceStatus = baseData.data.status.desc;
      }
    } finally {
      setState(() {});
    }
  }

  @override
  Widget build(BuildContext context) {
    return VisibilityDetector(
        key: Key('my-widget-key'),
        onVisibilityChanged: (visibilityInfo) {
          visiblePercentage = visibilityInfo.visibleFraction;
          if (visiblePercentage == 1) queryStoreList();
        },
        child: Column(
          children: [
            Expanded(
              child: Container(
                child: SmartRefresher(
                  controller: refreshController,
                  enablePullDown: true,
                  enablePullUp: false,
                  header: MyHeader(color: Color(0xFF30415B)),
                  physics: BouncingScrollPhysics(),
                  footer: CustomFooter(
                    builder: (context, mode) {
                      return MyFooter(mode);
                    },
                  ),
                  onRefresh: () {
                    if (widget.businessLoginInfo != null) {
                      queryStoreList();
                    } else
                      refreshController.refreshFailed();
                  },
                  child: SingleChildScrollView(
                      physics: NeverScrollableScrollPhysics(),
                      child: Container(
                        child: Column(
                          children: [
                            mineInfo(),
                            commonFunctions(),
                            otherFunctions(),
                            SizedBox(
                              height: 54.h,
                            ),
                            Text(
                              "@回乡信息公司",
                              style: TextStyle(
                                  fontSize: 14.sp,
                                  color: Color(0xFF30415B),
                                  fontWeight: MyFontWeight.medium),
                            ),
                          ],
                        ),
                      )),
                ),
              ),
            ),
            SizedBox(
              height: 76.h,
            ),
          ],
        ));
  }

  Widget mineInfo() {
    return Container(
      child: Stack(
        alignment:Alignment.bottomCenter,
        children: [
          Stack(
          children: [
            Container(
              width: double.infinity,
              height: 238.h,
              decoration: BoxDecoration(
                image: DecorationImage(
                  image: AssetImage(
                    "assets/image/bs_mine_bg.webp",
                  ),
                  fit: BoxFit.cover,
                ),
              ),
            ),
            GestureDetector(
              behavior: HitTestBehavior.opaque,
              onTap: () {
                Navigator.of(context)
                    .pushNamed('/router/account_information', arguments: {
                  "businessLoginInfo": widget.businessLoginInfo,
                });
              },
              child: Container(
                padding: EdgeInsets.only(
                    top: MediaQuery.of(context).padding.top + 50, left: 16.w),
                child: Row(
                  children: [
                    (widget?.businessLoginInfo?.avatar != "")
                        ? MImage(
                      widget?.businessLoginInfo?.avatar ?? "",
                      fit: BoxFit.cover,
                      width: 69.h,
                      height: 69.h,
                      radius: BorderRadius.circular(100),
                      errorSrc: "assets/image/default_2_1.webp",
                      fadeSrc: "assets/image/default_2_1.webp",
                    )
                        : Image.asset(
                      "assets/image/bs_mine_heading.webp",
                      width: 69,
                      height: 69,
                      fit: BoxFit.fill,
                    ),
                    SizedBox(
                      width: 10.w,
                    ),
                    Container(
                      height: 69.h,
                      child: Column(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        mainAxisAlignment: MainAxisAlignment.spaceAround,
                        children: [
                          Text(
                            widget?.businessLoginInfo?.name ?? "",
                            style: TextStyle(
                                fontSize: 18.sp,
                                color: Color(0xFF374C6C),
                                fontWeight: MyFontWeight.semi_bold),
                          ),
                          Text(
                            'ID：${widget?.businessLoginInfo?.account ?? ""}',
                            style: TextStyle(
                                fontSize: 16.sp,
                                color: Color(0xFF374C6C),
                                fontWeight: MyFontWeight.regular),
                          ),
                        ],
                      ),
                    )
                  ],
                ),
              ),
            ),
          ],
        ),
          if(BusinessInstance.instance.serviceStatus == "正常")
          GestureDetector(
            behavior: HitTestBehavior.opaque,
            onTap: (){
              Navigator.of(context).pushNamed(
                  '/router/service_subscription_page',
                  arguments: {
                    "storeId":widget.storeId ?? "",
                    "packageName":tenantInfo?.packageName ?? ""
                  }).then((value){
                if(value == 1){
                  setState((){});
                }
              });
            },
            child: Container(
              padding: EdgeInsets.only(bottom:12.h,left: 16.w),
              child:Column(
                crossAxisAlignment:CrossAxisAlignment.start,
                children: [
                  if(tenantInfo != null)
                  Container(
                    padding:EdgeInsets.only(left: 4.w,right: 4.w,bottom:2.h,top: 1.h),
                    margin:EdgeInsets.only(bottom:5.h),
                    decoration: BoxDecoration(
                      color: Colors.transparent,
                      border: Border.all(
                        color: Color(0xFF2E3552),
                        width: 1,
                      ),
                      borderRadius: BorderRadius.circular(4),
                    ),
                    child:Text(
                      tenantInfo?.packageName ??"",
                      style: TextStyle(
                          fontSize: 12.sp,
                          color: Color(0xFF2E3552),
                          fontWeight: MyFontWeight.regular),
                    ),
                  ),
                  Row(
                    children: [
                      Padding(padding:EdgeInsets.only(right: 14.w),
                          child: Text(
                            "服务有效期：${(BusinessInstance.instance.expirationTime ?? "").length > 9 ? (BusinessInstance.instance.expirationTime ?? "").substring(0, 10) : ""}",
                            style: TextStyle(
                                fontSize: 14.sp,
                                color: Color(0xFF353535),
                                fontWeight: MyFontWeight.regular),
                          )),
                      Padding(padding:EdgeInsets.only(right:4.w),
                          child: Text(
                            "去续费",
                            style: TextStyle(
                                fontSize: 14.sp,
                                color: Color(0xFF353535),
                                fontWeight: MyFontWeight.regular),
                          )),
                      Image.asset(
                        "assets/image/icon_right_z.webp",
                        width: 16.h,
                        height: 16.h,
                        color: Color(0xFF353535),
                      ),
                    ],
                  )
                ],
              ),
            ),
          )
        ],
      ),
    );
  }

  ///常用功能
  Widget commonFunctions() {
    return Container(
      margin: EdgeInsets.only(top: 26.h, left: 16.w, right: 17.w, bottom: 23.h),
      child: Column(
        children: [
          Row(
            children: [
              Container(
                width: 4.w,
                height: 16.h,
                color: Color(0xFF30415B),
                margin: EdgeInsets.only(right: 12.w),
              ),
              Text(
                '常用功能',
                style: TextStyle(
                    fontSize: 16.sp,
                    color: Color(0xFF262626),
                    fontWeight: MyFontWeight.semi_bold),
              ),
            ],
          ),
          SizedBox(
            height: 20.h,
          ),
          GestureDetector(
            behavior: HitTestBehavior.opaque,
            onTap: () {
              if(networkStatus == -1){
                queryStoreList();
                return;
              }
              else if (widget.businessLoginInfo.storeList.length > 1) {
                Navigator.of(context).pushNamed('/router/select_shop',
                    arguments: {"routeSource": "门店设置", "records": records});
              } else {
                Navigator.of(context)
                    .pushNamed('/router/merchant_info', arguments: {
                  "storeId": widget.storeId,
                  "storeName": records[0].storeName,
                  "records": records[0],
                });
              }
            },
            child: commonFunctionsItem(
                "assets/image/bs_shop_logo.webp", "门店设置", "",20,20),
          ),
          Container(
            width: double.infinity,
            height: 1.h,
            color: Color(0xFFEBECEF),
            margin: EdgeInsets.only(left: 32.w, bottom: 12.h),
          ),
          GestureDetector(
            behavior: HitTestBehavior.opaque,
            onTap: () {
              // Navigator.of(context).pushNamed('/router/shop_reservation_code',
              //     arguments: {"storeId": widget.storeId,});
              SmartDialog.showToast("该功能暂未开放!", alignment: Alignment.center);
            },
            child: commonFunctionsItem(
                "assets/image/bs_mine_code.webp", "门店预约二维码", "",18,18),
          ),
          Container(
            width: double.infinity,
            height: 1.h,
            color: Color(0xFFEBECEF),
            margin: EdgeInsets.only(left: 32.w, bottom: 12.h),
          ),
          GestureDetector(
              behavior: HitTestBehavior.opaque,
              onTap: () {
                Navigator.of(context)
                    .pushNamed('/router/security_setting', arguments: {
                  "storeId": widget.storeId,
                  "businessLoginInfo": widget.businessLoginInfo,
                });
              },
              child: commonFunctionsItem(
                  "assets/image/bs_secure.webp", "安全设置", "登录手机号/密码",18,22)),
          Container(
            width: double.infinity,
            height: 1.h,
            color: Color(0xFFEBECEF),
            margin: EdgeInsets.only(left: 32.w, bottom: 12.h),
          ),
          GestureDetector(
            behavior: HitTestBehavior.opaque,
            onTap: () {
              Navigator.of(context)
                  .pushNamed('/router/clerk_manage_page', arguments: {
                "storeId": widget.storeId,
              });
            },
            child: commonFunctionsItem(
                "assets/image/bs_mine_clerk.webp", "店员管理", "",18,20),
          ),
        ],
      ),
    );
  }

  Widget commonFunctionsItem(icon, leftText, rightText,double width,double height) {
    return Container(
      margin: EdgeInsets.only(bottom: 14.h),
      child: Row(
        crossAxisAlignment: CrossAxisAlignment.center,
        children: [
          Image.asset(
            icon,
            width: width.w,
            height: height.h,
            fit: BoxFit.fill,
          ),
          SizedBox(
            width:11.w,
          ),
          Expanded(
              child: Text(
            leftText,
            style: TextStyle(
                fontSize: 14.sp,
                color: Color(0xFF30415B),
                fontWeight: MyFontWeight.bold),
          )),
          Text(
            rightText,
            style: TextStyle(
                fontSize: 14.sp,
                color: Color(0xFF353535),
                fontWeight: MyFontWeight.medium),
          ),
          Image.asset(
            "assets/image/icon_right_z.webp",
            width: 16,
            height: 16,
            color: Color(0xFF353535),
          ),
        ],
      ),
    );
  }

  Widget otherFunctions() {
    return Container(
      margin: EdgeInsets.only(
        left: 16.w,
        right: 17.w,
      ),
      child: Column(
        children: [
          Row(
            children: [
              Container(
                width: 4.w,
                height: 16.h,
                color: Color(0xFF30415B),
                margin: EdgeInsets.only(right: 12.w),
              ),
              Text(
                '其他功能',
                style: TextStyle(
                    fontSize: 16.sp,
                    color: Color(0xFF262626),
                    fontWeight: MyFontWeight.semi_bold),
              ),
            ],
          ),
          SizedBox(
            height: 20.h,
          ),
          GestureDetector(
              behavior: HitTestBehavior.opaque,
              onTap: () {
                Navigator.of(context).pushNamed('/router/user_service_page');
              },
              child:
                  commonFunctionsItem("assets/image/bs_user.webp", "关于我们", "",24,24))
        ],
      ),
    );
  }

}