import 'package:dio/dio.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_baidu_mapapi_base/flutter_baidu_mapapi_base.dart';
import 'package:flutter_easyloading/flutter_easyloading.dart';
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
import 'package:huixiang/generated/l10n.dart';
import 'package:huixiang/retrofit/data/store.dart';
import 'package:huixiang/utils/font_weight.dart';
import 'package:huixiang/view_widget/custom_image.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:pull_to_refresh/pull_to_refresh.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'package:shimmer/shimmer.dart';

import '../retrofit/data/base_data.dart';
import '../retrofit/data/product_show.dart';
import '../retrofit/retrofit_api.dart';
import '../utils/flutter_utils.dart';
import '../view_widget/classic_header.dart';
import '../view_widget/no_data_view.dart';
import '../view_widget/round_button.dart';

class UnionList extends StatefulWidget {
  final String serviceType;
  final BMFCoordinate latLng;
  final String searchKey;
  final String city;

  UnionList(Key key, this.serviceType, this.latLng, this.searchKey, this.city)
      : super(key: key);

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

class _UnionList extends State<UnionList> with AutomaticKeepAliveClientMixin {
  ApiService apiService;
  List<Store> storeList;
  BMFCoordinate latLng;
  final RefreshController _refreshController = RefreshController();
  int networkStatus = 0;

  @override
  bool get wantKeepAlive => true;

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

  queryStore() async {
    if (apiService == null) {
      SharedPreferences value = await SharedPreferences.getInstance();
      apiService = ApiService(
        Dio(),
        context: context,
        token: value.getString("token"),
      );
    }
    BaseData<List<Store>> baseData = await apiService.queryStore({
      "city": (widget.city ?? "") == "所有门店" ? "" : (widget.city ?? ""),
      // "district": district,
      // "province": province,
      "latitude": (widget.latLng?.latitude ?? "").toString(),
      "longitude": (widget.latLng?.longitude ?? "").toString(),
      if (widget.searchKey != "") "searchKey": widget.searchKey,
      "serviceType": widget.serviceType,
      "exchange": false,
    }).catchError((error) {
      SmartDialog.showToast(AppUtils.dioErrorTypeToString(error.type),
          alignment: Alignment.center);
      networkStatus = -1;
      _refreshController.refreshFailed();
    });
    if (baseData != null && baseData.isSuccess) {
      storeList = baseData.data;
      _refreshController.refreshCompleted();
      networkStatus = 1;
    } else {
      _refreshController.refreshFailed();
      SmartDialog.showToast(baseData.msg, alignment: Alignment.center);
    }
    EasyLoading.dismiss();
    setState(() {});
  }

  @override
  Widget build(BuildContext context) {
    return SmartRefresher(
      controller: _refreshController,
      enablePullDown: true,
      enablePullUp: false,
      header: MyHeader(
        color: Colors.white,
      ),
      physics: BouncingScrollPhysics(),
      onRefresh: queryStore,
      child: networkStatus == 0 ?
      ListView.builder(
        itemCount: 10,
        physics: BouncingScrollPhysics(),
        shrinkWrap: true,
        itemBuilder: (context, position) {
          return GestureDetector(
            onTap: () {},
            child: buildStoreItemSm(),
          );
        },
      ):((storeList == null || storeList.length == 0)
          ? NoDataView(
              src: "assets/image/di_zhi.webp",
              isShowBtn: false,
              text:  ((widget.city??"") != "武汉" && (widget.city??"") != "郑州" && (widget.city??"") != "北京") ?
              " 当前海峡姐妹开放门店 仅包含 武汉/北京/郑州，您当前的位置无法获取，请手动更换城市" :"暂无店铺列表~",
              fontSize: 16.sp,
              margin: EdgeInsets.only(top: 120.h,left:45.w,right:45.w),
            )
          : ListView.builder(
              itemCount: storeList.length,
              padding: EdgeInsets.only(
                top: 8.h,
                bottom: 100.h,
              ),
              itemBuilder: (context, position) {
                return InkWell(
                  onTap: () {
                    {
                      // if (storeList[position].storeName == "一心回乡商城") {
                      //   Navigator.of(context).pushNamed(
                      //     '/router/shopping_mall_home',
                      //     arguments: {
                      //       "type": 0,
                      //       "id": storeList[position].id,
                      //       "tenant": storeList[position].tenantCode,
                      //       "storeName":storeList[position].storeName
                      //     },
                      //   );
                      // }
                      // else
                      Navigator.of(context).pushNamed(
                        '/router/store_order',
                        arguments: {
                          "id": storeList[position].id,
                          "tenant": storeList[position].tenantCode,
                          "storeName": storeList[position].storeName,
                          "distance": storeList[position].distance
                        },
                      );
                    }
                  },
                  child: buildStoreItem(storeList[position], position),
                );
              },
            )),
    );
  }

  Widget buildStoreItemSm() {
    return Container(
      margin: EdgeInsets.fromLTRB(16.w, 8.h, 16.w, 12.h),
      padding: EdgeInsets.symmetric(horizontal:12.w,vertical: 12.h),
      width: double.infinity,
      decoration: BoxDecoration(
        color: Colors.white,
        borderRadius: BorderRadius.all(Radius.circular(6)),
        boxShadow: [
          BoxShadow(
            color: Colors.black.withAlpha(25),
            offset: Offset(0, 1),
            blurRadius: 12,
            spreadRadius: 0,
          )
        ]),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Shimmer.fromColors(
            baseColor: Color(0XFFD8D8D8),
            highlightColor: Color(0XFFD8D8D8),
            child: Container(
              color: Color(0XFFD8D8D8),
              width: double.infinity,
              height: 140.h,
            ),
          ),
          Padding(
            padding: EdgeInsets.only(left: 6.w, bottom: 5.h, top: 12.h),
            child: Shimmer.fromColors(
              baseColor: Color(0XFFD8D8D8),
              highlightColor: Color(0XFFD8D8D8),
              child: Container(
                decoration: BoxDecoration(
                  color: Color(0XFFD8D8D8),
                  borderRadius: BorderRadius.circular(2),
                ),
                width: 108.w,
                height: 20.h,
              ),
            ),
          ),
          Padding(
            padding: EdgeInsets.only(
              left: 6.w,
            ),
            child: Shimmer.fromColors(
              baseColor: Color(0XFFD8D8D8),
              highlightColor: Color(0XFFD8D8D8),
              child: Container(
                decoration: BoxDecoration(
                  color: Color(0XFFD8D8D8),
                  borderRadius: BorderRadius.circular(2),
                ),
                width: 260.w,
                height: 20.h,
              ),
            ),
          ),
        ],
      ),
    );
  }

  Widget buildStoreItem(Store store, position) {
    return Container(
      margin: EdgeInsets.fromLTRB(16.w, 8.h, 16.w, 12.h),
      padding: EdgeInsets.symmetric(horizontal:12.w,vertical: 12.h),
      decoration: BoxDecoration(
          color: Colors.white,
          borderRadius: BorderRadius.all(Radius.circular(6)),
          boxShadow: [
            BoxShadow(
              color: Colors.black.withAlpha(25),
              offset: Offset(0, 1),
              blurRadius: 12,
              spreadRadius: 0,
            )
          ]),
      width: double.infinity,
      child: Row(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Stack(
            children: [
              MImage(
                store.facade,
                width: 74.h,
                height: 74.h,
                fit: BoxFit.cover,
                radius: BorderRadius.circular(6),
                errorSrc: "assets/image/default_1.webp",
                fadeSrc: "assets/image/default_1.webp",
              ),
              Container(
                decoration: BoxDecoration(
                  color: Color(0xFF32A060),
                  borderRadius: BorderRadius.only(
                      topLeft: Radius.circular(6),
                      bottomRight: Radius.circular(6),
                      topRight: Radius.circular(2),
                      bottomLeft: Radius.circular(2)),
                ),
                padding: EdgeInsets.symmetric(horizontal: 3.w, vertical: 2.h),
                child: Text(
                  "品牌",
                  style: TextStyle(
                    color: Colors.white,
                    fontSize: 10.sp,
                    fontWeight: MyFontWeight.regular,
                  ),
                ),
              )
            ],
          ),
          SizedBox(
            width: 12.w,
          ),
          Expanded(
              child: Column(
            mainAxisAlignment: MainAxisAlignment.start,
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Text(
                store?.storeName ?? "",
                overflow: TextOverflow.ellipsis,
                style: TextStyle(
                  color: Color(0xFF0D0D0D),
                  fontSize: 14.sp,
                  fontWeight: MyFontWeight.bold,
                ),
              ),
              SizedBox(height: 6.h),
              Row(
                children: [
                  Text(
                    S.of(context).ren(
                          store?.perCapitaConsumption ?? "",
                        ),
                    style: TextStyle(
                      color: Color(0xFF4D4D4D),
                      fontSize: 12.sp,
                      fontWeight: MyFontWeight.regular,
                    ),
                  ),
                  SizedBox(width: 22.w),
                  if (store.distance != null)
                  Image.asset(
                    "assets/image/icon_union_location_black.webp",
                    fit: BoxFit.fill,
                    height: 12,
                    width: 12,
                  ),
                  SizedBox(width: 4.w),
                  if (store.distance != null)
                  Text(
                    (store.distance ?? 0) > 1000
                        ? S.of(context).gongli(
                            ((store.distance ?? 0) / 1000 * 100).toInt() /
                                100.0)
                        : S
                            .of(context)
                            .mi(((store.distance ?? 0) * 100).toInt() / 100.0),
                    style: TextStyle(
                      color: Color(0xFF4D4D4D),
                      fontSize: 12.sp,
                    ),
                  ),
                ],
              ),
              SizedBox(height: 10.h),
              Row(
                children: []..addAll(
                    itemServer(store != null ? store.businessService : "")),
              ),
              if (storeList[position].productShow != null)
              SizedBox(height: store.businessService == "" ? 40.h : 23.h),
              if (storeList[position].productShow != null)
                Container(
                  height: 100.h,
                  child: ListView.builder(
                    padding: EdgeInsets.zero,
                    itemCount:
                        (storeList[position].productShow?.length ?? 0) > 3
                            ? 3
                            : storeList[position].productShow?.length ?? 0,
                    scrollDirection: Axis.horizontal,
                    shrinkWrap: true,
                    physics:BouncingScrollPhysics(),
                    itemBuilder: (context, index) {
                      return GestureDetector(
                        onTap: () {},
                        child: unionGoodsItem(
                            storeList[position].productShow[index]),
                      );
                    },
                  ),
                ),
            ],
          ))
        ],
      ),
    );
  }

  ///标签
  List<Widget> itemServer(String businessService) {
    if (businessService == null || businessService == "") return [];
    var list = businessService.split(",");
    return list
        .map((e) => Container(
      margin: EdgeInsets.only(right: 8.w),
      child: RoundButton(
        height: 17.h * AppUtils.textScale(context),
        text: "$e",
        backgroup: Color(0xFFF65720),
        padding: EdgeInsets.only(
          left: 4.w,
          right: 4.w,
        ),
        fontSize: 10.sp,
        textColor: Colors.white,
      ),
    ))
        .toList();
  }

  Widget unionGoodsItem(ProductShow productShow) {
    return Container(
      width: 74.h,
      margin: EdgeInsets.only(right: 8.w),
      child: Column(
        mainAxisAlignment: MainAxisAlignment.spaceAround,
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          MImage(
            productShow?.imgs[0] ?? "",
            width: 74.h,
            height: 74.h,
            fit: BoxFit.cover,
            radius: BorderRadius.circular(4),
            errorSrc: "assets/image/default_1.webp",
            fadeSrc: "assets/image/default_1.webp",
          ),
          Padding(
            padding: EdgeInsets.only(top: 8.h),
            child: Text(
              productShow?.productName ?? "",
              overflow: TextOverflow.ellipsis,
              style: TextStyle(
                color: Color(0xFFA29E9E),
                fontSize: 12.sp,
                fontWeight: MyFontWeight.regular,
              ),
            ),
          ),
        ],
      ),
    );
  }

  //旧ui
  Widget buildStoreItems(Store store, position) {
    return Container(
      margin: EdgeInsets.fromLTRB(16.w, 8.h, 16.w, 12.h),
      decoration: BoxDecoration(
          color: Colors.white,
          borderRadius: BorderRadius.all(Radius.circular(8)),
          boxShadow: [
            BoxShadow(
              color: Colors.black.withAlpha(25),
              offset: Offset(0, 1),
              blurRadius: 12,
              spreadRadius: 0,
            )
          ]),
      width: double.infinity,
      height: 235.h,
      child: Stack(
        children: [
          Positioned(
            top: 0,
            left: 0,
            right: 0,
            child: ClipRRect(
              child: MImage(
                store.facade,
                width: double.infinity,
                height: 140.h,
                fit: BoxFit.cover,
                errorSrc: "assets/image/default_1.webp",
                fadeSrc: "assets/image/default_1.webp",
              ),
              borderRadius: BorderRadius.vertical(
                top: Radius.circular(4),
              ),
            ),
          ),
          Positioned(
            bottom: 0,
            left: 0,
            right: 0,
            child: Container(),
          ),
          Positioned(
            bottom: 16.h,
            left: 12.w,
            right: 12.w,
            child: Container(
              height: 107.h,
              child: Row(
                mainAxisAlignment: MainAxisAlignment.start,
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  MImage(
                    store.logo,
                    width: 57,
                    height: 57,
                    fit: BoxFit.cover,
                    isCircle: true,
                    errorSrc: "assets/image/default_1.webp",
                    fadeSrc: "assets/image/default_1.webp",
                  ),
                  SizedBox(
                    width: 6.w,
                  ),
                  Expanded(
                      child: Column(
                    mainAxisAlignment: MainAxisAlignment.start,
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      SizedBox(
                        height: 40.h,
                      ),
                      Text(
                        store?.storeName ?? "",
                        overflow: TextOverflow.ellipsis,
                        style: TextStyle(
                          color: Color(0xFF0D0D0D),
                          fontSize: 14.sp,
                          fontWeight: MyFontWeight.bold,
                        ),
                      ),
                      SizedBox(
                        height: 5.h,
                      ),
                      Expanded(
                        child: Text(
                          "${S.of(context).dizhi}:${store.address}",
                          maxLines: 2,
                          overflow: TextOverflow.ellipsis,
                          style: TextStyle(
                            color: Color(0xFF4D4D4D),
                            fontSize: 12.sp,
                            fontWeight: MyFontWeight.regular,
                          ),
                        ),
                      )
                    ],
                  )),
                  if (store.distance != null)
                    Container(
                      width: 59.w,
                      height: 18.h,
                      alignment: Alignment.center,
                      margin: EdgeInsets.only(top: 20.h),
                      decoration: BoxDecoration(
                        borderRadius: BorderRadius.circular(2),
                        color: Color(0xFF32A060),
                      ),
                      child: Visibility(
                        child: Text(
                          (store.distance ?? 0) > 1000
                              ? S.of(context).gongli(
                                  ((store.distance ?? 0) / 1000 * 100).toInt() /
                                      100.0)
                              : S.of(context).mi(
                                  ((store.distance ?? 0) * 100).toInt() /
                                      100.0),
                          style: TextStyle(
                            color: Color(0xFFFFFFFF),
                            fontSize: 10.sp,
                          ),
                        ),
                        visible: store.distance != null,
                      ),
                    ),
                ],
              ),
            ),
          ),
        ],
      ),
    );
  }
}