import 'dart:async';
import 'dart:ui';

import 'package:Parlando/apis/api_response.dart';
import 'package:Parlando/base/base_state.dart';
import 'package:Parlando/extension/widget_ext.dart';
import 'package:Parlando/login/login_router.dart';
import 'package:Parlando/membership/models/membership_entity.dart';
import 'package:Parlando/membership/view_models/membership_view_model.dart';
import 'package:Parlando/payment/payment_sdk.dart';
import 'package:Parlando/payment/payment_service.dart';
import 'package:Parlando/res/constant.dart';
import 'package:Parlando/widgets/my_button.dart';
import 'package:cached_network_image/cached_network_image.dart';
import 'package:flustars/flustars.dart';
import 'package:flutter/material.dart';
import 'package:Parlando/res/resources.dart';
import 'package:Parlando/routers/fluro_navigator.dart';
import 'package:Parlando/extension/int_extension.dart';
import 'package:flutter_inapp_purchase/flutter_inapp_purchase.dart';
import 'package:getwidget/getwidget.dart';
import 'package:in_app_purchase_platform_interface/src/types/product_details.dart';
import 'package:provider/provider.dart';

class MembershipPage extends StatefulWidget {
  const MembershipPage({Key? key}) : super(key: key);

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

class MembershipPageState extends BaseState<MembershipPage> with WidgetsBindingObserver {

  final List<Widget> _productWidgets = <Widget>[];

  Function? connectionCallBack;

  ApiResponse? apiResponse;

  @override
  void initState() {
    super.initState();
    PaymentSdk.instance.initState();
    PaymentSdk.instance.queryProducts().then((value) {
      for (var element in value) {
        _productWidgets.add(buildBuyItem(element));
      }
      setState(() {});
    });
    if (SpUtil.containsKey(Constant.userToken)!) {
      Provider.of<MembershipViewProvider>(context, listen: false).setSelectedMembership(null);
      Provider.of<MembershipViewProvider>(context, listen: false).fetchMembershipData('0');
    } else {
      NavigatorUtils.push(context, LoginRouter.loginPage, replace: true);
    }
  }

  @override
  void onFirstBuildBody(BuildContext context) {
    super.onFirstBuildBody(context);
    showLoading();
  }

  @override
  Widget buildBody(BuildContext context) {
    apiResponse = Provider.of<MembershipViewProvider>(context).response;
    if (apiResponse?.status != Status.LOADING) {
      hideLoading();
    }
    var url = "https://api.parlando.ink/storage/images/274d864a62d277b2a29c4db39f92d591.png";
    return Scaffold(
      body: Container(
        decoration: BoxDecoration(
          image: DecorationImage(image: CachedNetworkImageProvider(url), fit: BoxFit.fill),
        ),
        child: Column(
          children: [
            initBackBar(),
            Spacer(),
            // buildCompleteWidget(),
          ],
        ),
      ),
    );
  }

  Widget buildLoading() {
    return const Center(child: CircularProgressIndicator());
  }

  Widget buildCompleteWidget() {
    MembershipData? mb = apiResponse?.data;
    return Container(
      height: MediaQuery.of(context).size.height / 2,
      decoration: BoxDecoration(
        color: Colors.grey.shade200.withOpacity(0.1),
        border: Border.all(color: Colors.grey.shade50, width: 0.5), // 边色与边宽度
      ),
      margin: const EdgeInsets.all(20),
      child: ClipRect(
        child: BackdropFilter(
          filter: ImageFilter.blur(sigmaX: 10.0, sigmaY: 10.0),
          child: Container(
            decoration: BoxDecoration(color: Colors.grey.shade200.withOpacity(0.1)),
            child: Padding(
              padding: EdgeInsets.all(10.px),
              child: buildMemberContent(mb),
            ),
          ),
        ),
      ),
    );
  }

  Widget buildBuyItem(ProductDetails element) {
    var style = const TextStyle(color: Colors.white);
    var button = Text("购买", style: style).paddingLeftRight(15).paddingTopBottom(8).click(() {
      PaymentSdk.instance.buy(element);
    }, color: Colors.blue).round(radius: 10);
    return Row(
      mainAxisAlignment: MainAxisAlignment.end,
      children: [
        Text(element.price, style: style),
        button,
      ],
    ).paddingLeftRight(10).paddingTopBottom(5);
  }

  Widget initOtherEntrance() {
    return Row(
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      mainAxisSize: MainAxisSize.min,
      crossAxisAlignment: CrossAxisAlignment.center,
      children: [
        TextButton(
          onPressed: () {},
          child: Text(
            "服务协议",
            style: TextStyle(fontSize: 14.px, color: Colors.white),
          ),
        ),
        Container(width: 0.6, height: 15.0, color: Colours.line),
        TextButton(
          onPressed: () {},
          child: Text(
            "隐私政策",
            style: TextStyle(fontSize: 14.px, color: Colors.white),
          ),
        ),
        Container(width: 0.6, height: 15.0, color: Colours.line),
        TextButton(
          onPressed: () {},
          child: Text(
            "恢复购买",
            style: TextStyle(fontSize: 14.px, color: Colors.white),
          ),
        ),
      ],
    );
  }

  buildMemberContent(MembershipData? mb) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.center,
      children: [
        Text(mb?.title ?? "一言会员", style: TextStyle(fontSize: 18.px, color: Colors.white)),
        Gaps.vGap24,
        _productWidgets.isNotEmpty ? Column(children: _productWidgets) : const GFLoader(),
        Gaps.vGap24,
        Text(mb?.intro ?? "一言介绍", style: TextStyle(fontSize: 14.px, color: Colors.white)),
        Gaps.vGap10,
        initOtherEntrance(),
      ],
    );
  }

  initBackBar() {
    return Container(
      alignment: Alignment.centerLeft,
      child: IconButton(
        onPressed: () {
          NavigatorUtils.goBack(context);
        },
        icon: const Icon(Icons.arrow_back_ios, color: Colors.white),
      ),
    );
  }

  @override
  void dispose() {
    PaymentSdk.instance.dispose();
    super.dispose();
  }
}