import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:fluwx/fluwx.dart';
import 'package:one_key/models/seller_version_model.dart';
import 'package:one_key/models/wechat_pay_model.dart';
import 'package:one_key/provider/collect_store_provider.dart';
import 'package:one_key/provider/user_model.dart';
import 'package:one_key/res/colors.dart';
import 'package:one_key/utils/event_bus.dart';
import 'package:one_key/utils/utils.dart';
import 'package:one_key/widgets/system_app_bar.dart';
import 'package:provider/provider.dart';

class FunctionUpgradePage extends StatefulWidget {
  const FunctionUpgradePage({super.key, required this.collectStoreProvider});

  final CollectStoreProvider collectStoreProvider;

  @override
  State<FunctionUpgradePage> createState() => _FunctionUpgradePageState();
}

class _FunctionUpgradePageState extends State<FunctionUpgradePage> {
  final List<_UpgradeModule> _modules = [];
  bool _loading = true;
  bool _loadFailed = false;

  late FluwxCancelable _wxPay;
  final Fluwx _fluwx = Fluwx();

  _UpgradeModule? get _selectedModule {
    for (final module in _modules) {
      if (module.selected) {
        return module;
      }
    }
    return null;
  }

  double get _total => _selectedModule?.price ?? 0;

  bool get _hasSelection => _selectedModule != null;

  @override
  void initState() {
    super.initState();
    Utils.changeStatusColor(color: Colors.transparent);
    _wxPay = _fluwx.addSubscriber((res) {
      _wxPay.cancel();
      if (res is WeChatPaymentResponse) {
        if (res.errCode == 0) {
          _handlePaySuccess();
        } else if (res.errCode == -1) {
          Utils.showToast('支付错误');
        } else if (res.errCode == -2) {
          Utils.showToast('您已取消支付');
        }
      }
    });
    WidgetsBinding.instance.addPostFrameCallback((_) {
      _loadModules();
    });
  }

  Future<void> _loadModules() async {
    setState(() {
      _loading = true;
      _loadFailed = false;
    });

    final List<SellerVersionSunModel>? list =
        await widget.collectStoreProvider.getFunctionUpgradeList(context);

    if (!mounted) {
      return;
    }

    setState(() {
      _modules.clear();
      if (list != null) {
        for (final item in list) {
          final _UpgradeModule? module = _mapModule(item);
          if (module != null) {
            module.selected = false;
            _modules.add(module);
          }
        }
      }
      _loading = false;
      _loadFailed = list == null;
    });
  }

  _UpgradeModule? _mapModule(SellerVersionSunModel item) {
    final String? vid = item.vid;
    final String? name = item.vname;
    if (vid == null || name == null || name.trim().isEmpty) {
      return null;
    }

    final String vtype = item.vtype ?? '';
    final String desc;
    if (vtype == '1') {
      desc = '包含现有全部功能组件模块以及未来扩展的功能模块。';
    } else if (vtype == '3') {
      desc = '$name为独立功能模块，开通后有效期一年。';
    } else {
      desc = '$name套餐，开通后有效期一年。';
    }

    return _UpgradeModule(
      vid: vid,
      name: name,
      desc: desc,
      price: item.price ?? 0,
    );
  }

  void _toggleModule(int index) {
    final bool selected = _modules[index].selected;
    setState(() {
      for (final module in _modules) {
        module.selected = false;
      }
      _modules[index].selected = !selected;
    });
  }

  Future<void> _pay() async {
    final _UpgradeModule? selected = _selectedModule;
    if (selected == null) {
      Utils.showToast('请先选择需要开通的模块');
      return;
    }
    if (selected.price <= 0) {
      Utils.showToast('当前模块暂不支持购买');
      return;
    }

    final bool isInstalled = await _fluwx.isWeChatInstalled;
    if (!isInstalled) {
      Utils.showToast('请先安装微信');
      return;
    }

    final String? sellerid =
        Provider.of<UserModel>(context, listen: false).user?.sellerid;
    if (sellerid == null || sellerid.isEmpty) {
      Utils.showToast('商家信息异常');
      return;
    }

    final bool success = await widget.collectStoreProvider.appPayJiSuVersion(
      context,
      {'sellerid': sellerid, 'vid': selected.vid},
    );

    if (!success || !mounted) {
      return;
    }

    final WechatPaySunModel? sunModel = widget.collectStoreProvider.sunModel;
    if (sunModel == null ||
        sunModel.appId == null ||
        sunModel.package == null ||
        sunModel.timeStamp == null ||
        sunModel.nonceStr == null) {
      Utils.showToast('支付参数异常');
      return;
    }

    final String prepayId = sunModel.package!.substring(10);
    final Map<String, String?> signParams = {
      'appid': sunModel.appId,
      'partnerid': '1489752232',
      'prepayid': prepayId,
      'timestamp': sunModel.timeStamp,
      'noncestr': sunModel.nonceStr,
      'package': 'Sign=WXPay',
    };
    final String sign = Utils.keySort(signParams);

    _fluwx
        .pay(
      which: Payment(
        appId: sunModel.appId!,
        partnerId: '1489752232',
        prepayId: prepayId,
        packageValue: 'Sign=WXPay',
        nonceStr: sunModel.nonceStr!,
        timestamp: int.parse(sunModel.timeStamp!),
        sign: sign,
      ),
    )
        .then((data) {
      print('version pay: $data');
    }).catchError((error) {
      print(error.toString());
      Utils.showToast('支付调起失败');
    });
  }

  Future<void> _handlePaySuccess() async {
    Utils.showToast('购买成功');
    await widget.collectStoreProvider
        .refreshSellerVersion(context, showLoading: false);
    EventBus().emit('refreshSellerVersion');

    if (!mounted) {
      return;
    }
    if (Navigator.canPop(context)) {
      Navigator.pop(context);
    }
  }

  String _formatPrice(double price) {
    if (price == price.roundToDouble()) {
      return price.toInt().toString();
    }
    return price.toStringAsFixed(2);
  }

  @override
  void dispose() {
    _wxPay.cancel();
    EventBus().emit('changeStatusColor');
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: MyColours.color_F0F0F0,
      appBar: SystemAppBar('功能升级'),
      body: Column(
        children: [
          Expanded(child: _buildBody()),
          _buildBottomBar(),
        ],
      ),
    );
  }

  Widget _buildBody() {
    if (_loading) {
      return const Center(
        child: CircularProgressIndicator(color: MyColours.color_529EA4),
      );
    }

    return SingleChildScrollView(
      padding: EdgeInsets.all(ScreenUtil().setWidth(24)),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Container(
            width: double.infinity,
            padding: EdgeInsets.symmetric(
              horizontal: ScreenUtil().setWidth(24),
              vertical: ScreenUtil().setWidth(18),
            ),
            decoration: BoxDecoration(
              color: MyColours.color_529EA4,
              borderRadius: BorderRadius.circular(
                ScreenUtil().setWidth(10),
              ),
            ),
            child: Text(
              '请选择购买的组件模块，所有模块购买激活后均有一年有效期。',
              style: TextStyle(
                color: MyColours.color_ffffff,
                fontSize: ScreenUtil().setSp(26),
                height: 1.5,
              ),
            ),
          ),
          SizedBox(height: ScreenUtil().setWidth(24)),
          if (_loadFailed)
            _buildRetry()
          else if (_modules.isEmpty)
            _buildEmpty()
          else
            for (int index = 0; index < _modules.length; index++)
              _buildModuleCard(index),
        ],
      ),
    );
  }

  Widget _buildRetry() {
    return Container(
      width: double.infinity,
      padding: EdgeInsets.symmetric(vertical: ScreenUtil().setWidth(80)),
      alignment: Alignment.center,
      child: Column(
        children: [
          Text(
            '加载失败，请稍后重试',
            style: TextStyle(
              color: MyColours.color_999999,
              fontSize: ScreenUtil().setSp(26),
            ),
          ),
          SizedBox(height: ScreenUtil().setWidth(24)),
          GestureDetector(
            onTap: _loadModules,
            child: Container(
              padding: EdgeInsets.symmetric(
                horizontal: ScreenUtil().setWidth(40),
                vertical: ScreenUtil().setWidth(16),
              ),
              decoration: BoxDecoration(
                color: MyColours.color_529EA4,
                borderRadius: BorderRadius.circular(
                  ScreenUtil().setWidth(8),
                ),
              ),
              child: Text(
                '重新加载',
                style: TextStyle(
                  color: MyColours.color_ffffff,
                  fontSize: ScreenUtil().setSp(26),
                ),
              ),
            ),
          ),
        ],
      ),
    );
  }

  Widget _buildEmpty() {
    return Container(
      width: double.infinity,
      padding: EdgeInsets.symmetric(vertical: ScreenUtil().setWidth(80)),
      alignment: Alignment.center,
      child: Text(
        '暂无可升级的功能',
        style: TextStyle(
          color: MyColours.color_999999,
          fontSize: ScreenUtil().setSp(26),
        ),
      ),
    );
  }

  Widget _buildModuleCard(int index) {
    final _UpgradeModule module = _modules[index];
    final bool selected = module.selected;

    return GestureDetector(
      onTap: () => _toggleModule(index),
      child: Container(
        margin: EdgeInsets.only(bottom: ScreenUtil().setWidth(20)),
        padding: EdgeInsets.all(ScreenUtil().setWidth(24)),
        decoration: BoxDecoration(
          color: MyColours.color_ffffff,
          borderRadius: BorderRadius.circular(ScreenUtil().setWidth(12)),
          border: Border.all(
            color: selected ? MyColours.color_529EA4 : MyColours.color_d9d9d9,
            width: ScreenUtil().setWidth(2),
          ),
        ),
        child: Row(
          crossAxisAlignment: CrossAxisAlignment.center,
          children: [
            Image.asset(
              Utils.getImgPath(selected ? 'base_radio_sel' : 'base_radio_un'),
              width: ScreenUtil().setWidth(36),
              height: ScreenUtil().setWidth(36),
            ),
            SizedBox(width: ScreenUtil().setWidth(18)),
            Expanded(
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Row(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Expanded(
                        child: Text(
                          module.name,
                          style: TextStyle(
                            color: MyColours.color_353535,
                            fontSize: ScreenUtil().setSp(30),
                            fontWeight: FontWeight.bold,
                          ),
                        ),
                      ),
                      SizedBox(width: ScreenUtil().setWidth(16)),
                      Text(
                        '¥${_formatPrice(module.price)}',
                        style: TextStyle(
                          color: MyColours.color_529EA4,
                          fontSize: ScreenUtil().setSp(30),
                          fontWeight: FontWeight.bold,
                        ),
                      ),
                    ],
                  ),
                  SizedBox(height: ScreenUtil().setWidth(12)),
                  Text(
                    module.desc,
                    style: TextStyle(
                      color: MyColours.color_999999,
                      fontSize: ScreenUtil().setSp(24),
                      height: 1.4,
                    ),
                  ),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }

  Widget _buildBottomBar() {
    return Container(
      color: const Color(0xFF98C0C8),
      padding: EdgeInsets.fromLTRB(
        ScreenUtil().setWidth(24),
        ScreenUtil().setWidth(16),
        ScreenUtil().setWidth(24),
        ScreenUtil().setWidth(16),
      ),
      child: SafeArea(
        top: false,
        child: Row(
          children: [
            Text(
              '¥${_formatPrice(_total)}',
              style: TextStyle(
                color: MyColours.color_ffffff,
                fontSize: ScreenUtil().setSp(36),
                fontWeight: FontWeight.bold,
              ),
            ),
            const Spacer(),
            GestureDetector(
              onTap: _hasSelection ? _pay : null,
              child: Container(
                width: ScreenUtil().setWidth(220),
                height: ScreenUtil().setWidth(78),
                alignment: Alignment.center,
                decoration: BoxDecoration(
                  color: MyColours.color_ffffff,
                  borderRadius:
                      BorderRadius.circular(ScreenUtil().setWidth(39)),
                ),
                child: Text(
                  '立即支付',
                  style: TextStyle(
                    color: _hasSelection
                        ? MyColours.color_515151
                        : MyColours.color_999999,
                    fontSize: ScreenUtil().setSp(30),
                    fontWeight: FontWeight.bold,
                  ),
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}

class _UpgradeModule {
  _UpgradeModule({
    required this.vid,
    required this.name,
    required this.desc,
    required this.price,
  });

  final String vid;
  final String name;
  final String desc;
  final double price;
  bool selected = false;
}