import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:huixiang/generated/l10n.dart';
import 'package:huixiang/utils/font_weight.dart';
import 'package:shared_preferences/shared_preferences.dart';

class PayMethod extends StatefulWidget {
  final Function(int payChannel) payChannelCheck;

  PayMethod(this.payChannelCheck);

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

class _PayMethod extends State<PayMethod> {
  String money = "0";
  String balance = "0";

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

    SharedPreferences.getInstance().then((value) {
      Map<String, dynamic> memberInfo =
          jsonDecode(value.getString("minMember"));
      balance = memberInfo["balance"];
      money = memberInfo["money"];
      setState(() {});
    });
  }

  @override
  Widget build(BuildContext context) {
    return Container(
      width: double.infinity,
      margin: EdgeInsets.only(
        left: 16.w,
        right: 16.w,
        top: 12.h,
        bottom: 16.h,
      ),
      padding: EdgeInsets.only(
        left: 16.w,
        right: 16.w,
        top: 20.h,
        bottom: 20.h,
      ),
      decoration: BoxDecoration(
        boxShadow: [
          BoxShadow(
            color: Color(0x000000).withAlpha(25),
            offset: Offset(0, 2),
            blurRadius: 3,
          ),
        ],
        color: Colors.white,
        borderRadius: BorderRadius.circular(8),
      ),
      child: Column(
        mainAxisAlignment: MainAxisAlignment.spaceAround,
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Padding(
            padding: EdgeInsets.only(bottom: 16.h),
            child: Text(
              S.of(context).zhifufangshi,
              style: TextStyle(
                fontSize: 16.sp,
                color: Colors.black,
                fontWeight: MyFontWeight.regular,
              ),
            ),
          ),
          GestureDetector(
            onTap: () {
              setState(() {
                checkIndex = 1;
              });
              widget.payChannelCheck(4);
            },
            child: Row(
              mainAxisAlignment: MainAxisAlignment.center,
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
                checkView(1),
                Expanded(
                  child: Container(),
                  flex: 1,
                ),
                Text(
                  "¥$money",
                  style: TextStyle(
                    fontSize: 14.sp,
                    color: Color(0xff353535),
                    fontWeight: MyFontWeight.semi_bold,
                  ),
                ),
                SizedBox(
                  width: 10,
                ),
                Text(
                  S.of(context).pingtaiyue,
                  style: TextStyle(
                    fontSize: 14.sp,
                    color: Color(0xff353535),
                    fontWeight: MyFontWeight.semi_bold,
                  ),
                ),
              ],
            ),
          ),
          SizedBox(
            height: 10,
          ),
          GestureDetector(
            onTap: () {
              setState(() {
                checkIndex = 2;
              });
              widget.payChannelCheck(3);
            },
            child: Row(
              mainAxisAlignment: MainAxisAlignment.center,
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
                checkView(2),
                Expanded(
                  child: Container(),
                  flex: 1,
                ),
                Text(
                  "¥$balance",
                  style: TextStyle(
                    fontSize: 14.sp,
                    color: Color(0xff353535),
                    fontWeight: MyFontWeight.semi_bold,
                  ),
                ),
                SizedBox(
                  width: 10,
                ),
                Text(
                  S.of(context).dianpuyue,
                  style: TextStyle(
                    fontSize: 14.sp,
                    color: Color(0xff353535),
                    fontWeight: MyFontWeight.semi_bold,
                  ),
                ),
              ],
            ),
          ),
          SizedBox(
            height: 10,
          ),
          GestureDetector(
            onTap: () {
              setState(() {
                checkIndex = 3;
                widget.payChannelCheck(1);
              });
            },
            child: Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                checkView(3),
                Spacer(),
                Image.asset("assets/image/icon_we_chat.webp"),
                Padding(
                  padding: EdgeInsets.only(left: 8.w),
                  child: Text(
                    S.of(context).weixinzhifu,
                    style: TextStyle(
                      fontSize: 14.sp,
                      color: Color(0xff353535),
                      fontWeight: MyFontWeight.semi_bold,
                    ),
                  ),
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }

  var checkIndex = 3;

  Widget checkView(var index) {
    return Container(
      padding: EdgeInsets.only(right: 16.w),
      alignment: Alignment.center,
      child: Image.asset(
        checkIndex != index
            ? "assets/image/icon_radio_unselected.webp"
            : "assets/image/icon_radio_selected.webp",
        width: 15.w,
        height: 15.h,
      ),
    );
  }
}