import 'package:flutter/material.dart';
import '../styles/colors.dart';
import 'package:flutter/cupertino.dart';
import 'dart:ui';
import '../styles/totast.dart';
import '../model/SystemNotice.dart';
import '../net/HttpManager.dart';
import '../net/Result.dart';
import '../model/HouseInfo.dart';
import '../model/GameInfo.dart';
import '../pages/RoomInfo.dart';
import '../widget/SuccessfulReception.dart';
import '../widget/LinearButton.dart';
import '../model/PlayerInfo.dart';
import '../widget/ScoreType.dart';
import '../widget/HouseItem.dart';
import '../redux/AppState.dart';
import 'package:flutter_redux/flutter_redux.dart';
import 'Appeal.dart';

class TipInfo extends StatefulWidget {
  TipInfo({Key key, this.tipId}) : super(key: key);
  final int tipId;
  @override
  TipInfoState createState() => TipInfoState();
}

class TipInfoState extends State<TipInfo> {
  SystemNotice tipInfo = SystemNotice.fromJson({'content': '', 'createTime': DateTime.now().microsecondsSinceEpoch});
  HouseInfo houseInfo;
  PlayerInfo playerInfo;
  bool canAppeal = false;
  int appealState = 0;
  Future<void> getInfo() async {
    Toast.show(context, '加载中', -1, 'loading');
    Result res = await HttpManager.get('systemNotice/getOne', data: {'id': widget.tipId});
    Toast.hide();
    if (res.success) {
      setState(() {
        tipInfo = SystemNotice.fromJson(res.data);
      });
    }

    if (tipInfo.statusFlag == 0 && tipInfo.typeFlag != 2 && tipInfo.typeFlag != 3) {
      HttpManager.post('systemNotice/update', data: {'id': tipInfo.id, 'statusFlag': 1});
    }

    if (tipInfo.typeFlag == 3) {
      return;
    }

    Result res2 = await HttpManager.get('houseInfo/getOne', data: {'id': tipInfo.houseId});
    if (res2.success) {
      setState(() {
        houseInfo = HouseInfo.fromJson(res2.data);
      });
    }

    Result res3 = await HttpManager.get('playerInfo/getOne', data: {'userId': StoreProvider.of<AppState>(context).state.userInfo.id, 'houseId': tipInfo.houseId});
    if (res3.success) {
      playerInfo = PlayerInfo.fromJson(res3.data);
      print(res3.data);
    }

    HttpManager.get('appealInfo/getOne', data: {
      'userId': StoreProvider.of<AppState>(context).state.userInfo.id,
      'playerInfoId': playerInfo.id,
    }).then((res) {
      if (res.success && res.data != null) {
        setState(() {
          canAppeal = true;
          appealState = 1;
        });
      } else {
        setState(() {
          canAppeal = true;
          appealState = 0;
        });
      }
    });

    // showSuccess(1000);
  }

  void showSuccess(money) {
    Navigator.of(context).push(
      PageRouteBuilder(
        opaque: false,
        transitionDuration: Duration(milliseconds: 300),
        transitionsBuilder: (BuildContext context, Animation<double> animation, Animation<double> secondaryAnimation, Widget child) {
          return FadeTransition(
            opacity: CurvedAnimation(parent: animation, curve: Curves.linear),
            child: child,
          );
        },
        pageBuilder: (BuildContext context, _, __) {
          return SuccessfulReception(money: money);
        },
      ),
    );
  }

  @override
  void initState() {
    super.initState();
    Future.delayed(Duration.zero, () => getInfo());
  }

  @override
  Widget build(BuildContext context) {
    int type = tipInfo.typeFlag != null ? tipInfo.typeFlag : 0;
    int status = tipInfo.statusFlag ?? 0;
    GameInfo gameInfo;
    if (tipInfo.gameInfo != null) {
      gameInfo = tipInfo.gameInfo;
    }
    return WillPopScope(
      child: Scaffold(
        appBar: AppBar(
          // backgroundColor: PRIMARY_COLOR,
          title: Text('通知详情'),
          centerTitle: true,
          elevation: 0,
        ),
        body: Container(
          color: Color(0xFF2B2B42),
          width: double.infinity,
          height: double.infinity,
          child: SingleChildScrollView(
            child: Column(
              children: <Widget>[
                Padding(
                  padding: EdgeInsets.only(left: 15, right: 15),
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: <Widget>[
                      Padding(
                        padding: EdgeInsets.symmetric(vertical: 12),
                        child: Text(readTimestamp(tipInfo.createTime, 'yyyy.MM.dd HH:mm:ss'), style: TextStyle(color: Colors.white24, fontSize: 13)),
                      ),
                      Container(
                        height: 1,
                        color: Colors.black26,
                      ),
                      Padding(padding: EdgeInsets.only(top: 10, bottom: 0), child: Text.rich(TextSpan(style: TextStyle(color: Colors.white, fontSize: 14), children: _tipContent(tipInfo.content, context)))),
                    ],
                  ),
                ),
                playerInfo != null && playerInfo.dataError
                    ? Container(
                      width: double.infinity,
                        padding: EdgeInsets.fromLTRB(15, 5, 15, 20),
                        child: DefaultTextStyle(
                          style: TextStyle(
                            fontSize: 13,
                            color: Colors.white54,
                          ),
                          child: Column(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: <Widget>[
                              Text('造成此情况等原因可能是：'),
                              Text('1、没有实际进行游戏比赛 '),
                              Text('2、使用作弊手段进行游戏'),
                            ],
                          ),
                        ),
                      )
                    : Container(
                        height: 30,
                      ),
                // tipInfo.typeFlag == 4
                //     ? Padding(
                //         padding: EdgeInsets.symmetric(horizontal: 15, vertical: 20),
                //         child: DefaultTextStyle(
                //           style: TextStyle(
                //             fontSize: 13,
                //             color: Colors.white54,
                //           ),
                //           child: Column(
                //             crossAxisAlignment: CrossAxisAlignment.start,
                //             children: <Widget>[
                //               Text('造成此情况等原因可能是：'),
                //               Text('1、确认开始游戏后没有授权系统进行录屏'),
                //               Text('2、视频没有录制到最后的分数名次结算页面就回到APP点击完成比赛了 '),
                //               Text('3、在游戏过程中，猿人点击APP后台进程被退出 '),
                //               Text('4、没有实际进行游戏比赛 '),
                //               Text('5、使用作弊手段录制视频'),
                //             ],
                //           ),
                //         ),
                //       )
                //     : Container(),
                // tipInfo.typeFlag == 5
                //     ? Padding(
                //         padding: EdgeInsets.symmetric(horizontal: 15, vertical: 20),
                //         child: DefaultTextStyle(
                //           style: TextStyle(
                //             fontSize: 13,
                //             color: Colors.white54,
                //           ),
                //           child: Column(
                //             crossAxisAlignment: CrossAxisAlignment.start,
                //             children: <Widget>[
                //               Text('造成此情况等原因可能是：'),
                //               Text('1、游戏结束后没有在规定时间内返回APP点击完成比赛按钮'),
                //             ],
                //           ),
                //         ),
                //       )
                //     : Container(
                //         height: 30,
                //       ),
                // houseInfo != null && tipInfo.typeFlag != 4 && tipInfo.typeFlag != 5 ? RankContent(roomId: houseInfo.id.toString()) : Container(),
                houseInfo != null && type != 3 ? HouseItem(houseInfo, gameInfo) : Container(),
                houseInfo != null && playerInfo != null && type != 3 ? _resultContent(houseInfo, playerInfo, tipInfo.typeFlag) : Container(),
                (type == 2 || type == 3)
                    ? Container(
                        width: double.infinity,
                        height: 48,
                        padding: EdgeInsets.symmetric(horizontal: 15),
                        child: status == 0
                            ? LinearButton(
                                btntext: '立即领取',
                                onTapHomeMenu: () async {
                                  Toast.show(context, '加载中', -1, 'loading');
                                  Result res = type == 2 ? await HttpManager.post('playerInfo/receive', data: {'id': tipInfo.playerId}) : await HttpManager.post('systemNotice/receive', data: {'id': widget.tipId});
                                  Toast.hide();
                                  if (res.success) {
                                    if (tipInfo.playerInfo != null) {
                                      showSuccess(tipInfo.playerInfo.bonus);
                                    } else {
                                      showSuccess(tipInfo.bonus);
                                    }
                                    getInfo();
                                  } else {
                                    Toast.show(context, res.error, 1000, 'info');
                                  }
                                },
                              )
                            : LinearButton(btntext: '已领取', colorList: [Color(0xFFC99C09), Color(0xFFC7873E)], textColor: Color(0xFF252532)),
                      )

                    // RaisedButton(
                    //   textColor: Colors.white,
                    //   disabledColor: Color(0xFF763939),
                    //   disabledTextColor: Color(0xFF252532),
                    //   child: Text(status==0?'立即领取':'已领取'),
                    //   onPressed: status==0?() async {
                    //     Toast.show(context, '加载中', -1, 'loading');
                    //     Result res = type == 2
                    //         ? await HttpManager.post('playerInfo/receive',
                    //             data: {'id': tipInfo.playerId})
                    //         : await HttpManager.post('systemNotice/receive',
                    //             data: {'id': widget.tipId});
                    //     Toast.hide();
                    //     if (res.success) {
                    //       if (tipInfo.playerInfo != null) {
                    //         showSuccess(tipInfo.playerInfo.bonus);
                    //       } else {
                    //         showSuccess(tipInfo.bonus);
                    //       }
                    //       getInfo();
                    //     } else {
                    //       Toast.show(context, res.error, 1000, 'info');
                    //     }
                    //   }:null,
                    // ),

                    : Container(),
                // CustomPaint(
                //   painter: CircleProgressBarPainter(
                //       Color(0xFFDCA659), Color(0xFFAE4945), 0.0, 270.0, 360.0, 18.0),
                //   size: Size(108.0, 108.0),
                // )
              ],
            ),
          ),
        ),
        floatingActionButton: _btnContent(),
        floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
      ),
      onWillPop: () {
        Navigator.of(context).pop(true);
        Toast.hide();
        return Future.value(false);
      },
    );
  }

  Widget _btnContent() {
    if ((tipInfo.typeFlag == 4 || tipInfo.typeFlag == 5 || (playerInfo != null && playerInfo.dataError)) && canAppeal && appealState == 0) {
      return Container(
          width: double.infinity,
          padding: EdgeInsets.symmetric(horizontal: 15, vertical: 20),
          height: 88,
          child: LinearButton(
            btntext: '申诉结果',
            colorList: [Color(0xFFAF4946), Color(0xFFAF4946)],
            textColor: Colors.white,
            onTapHomeMenu: () async {
              final success = await Navigator.push(context, CupertinoPageRoute(builder: (context) => Appeal(playerInfo)));
              if (success != null && success) {
                Toast.show(context, '提交成功', 1500, 'success');
                setState(() {
                  appealState = 1;
                });
              }
            },
          ));
    } else if (tipInfo.typeFlag != 3 && canAppeal && appealState == 1) {
      return Container(width: double.infinity, padding: EdgeInsets.symmetric(horizontal: 15, vertical: 20), height: 88, child: LinearButton(btntext: '已提交申诉', colorList: [Color(0xFFAF4946), Color(0xFFAF4946)], textColor: Color(0xFF252532)));
    } else {
      return Container();
    }
  }

  List<TextSpan> _tipContent(content, context) {
    // String content = '很遗憾，你在2019-06-05 09:23开始的游戏竞赛 [15166的吃鸡房间]，[无有效结果]，无法获得奖励，该局参赛人数[2]人。';
    List<String> contentlist1 = content.split('[');
    List<Map> totalContent = [];
    contentlist1.forEach((item) {
      List _list = item.split(']');
      if (_list.length > 1) {
        totalContent.add({
          "content": _list[0],
          "isImport": true,
        });
        totalContent.add({
          "content": _list[1],
          "isImport": false,
        });
      } else {
        totalContent.add({
          "content": _list[0],
          "isImport": false,
        });
      }
    });

    List<TextSpan> _widgetList = [];
    totalContent.forEach((item) {
      if (item['isImport']) {
        _widgetList.add(TextSpan(text: ' ' + item['content'] + ' ', style: TextStyle(color: Color(0xFFFFB726), fontWeight: FontWeight.w600)));
      } else {
        _widgetList.add(TextSpan(text: item['content']));
      }
    });

    return _widgetList;
  }

  Widget _resultContent(HouseInfo houseInfo, PlayerInfo playerInfo, int typeFlag) {
    List jiangpaiImg = ['images/jiangpai_huangjin.png', 'images/jiangpai_baiyin.png', 'images/jiangpai_qingtong.png', 'images/jiangpai_bojin.png'];

    String img = '';
    if (playerInfo != null) {
      if (playerInfo.medal == 'platinum') {
        img = jiangpaiImg[3];
      } else if (playerInfo.medal == 'gold') {
        img = jiangpaiImg[0];
      } else if (playerInfo.medal == 'silver') {
        img = jiangpaiImg[1];
      } else if (playerInfo.medal == 'bronze') {
        img = jiangpaiImg[2];
      }
    }
    return Column(children: <Widget>[
      (typeFlag != 4 && typeFlag != 5 && playerInfo != null && !playerInfo.dataError && typeFlag!=0)
          ? Container(
              margin: EdgeInsets.fromLTRB(15, 10, 15, 0),
              padding: EdgeInsets.all(15),
              height: 80,
              decoration: BoxDecoration(color: Color(0xFF3A3E61), borderRadius: BorderRadius.all(Radius.circular(4))),
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: <Widget>[
                  Text('和平精英游戏结果', style: TextStyle(color: Colors.white54, fontSize: 13)),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: <Widget>[
                      Text.rich(TextSpan(children: [
                        TextSpan(text: "名次 ", style: TextStyle(color: Colors.white, fontSize: 14)),
                        TextSpan(text: '${playerInfo.ranking}', style: TextStyle(color: Color(0xFFFFB726), fontWeight: FontWeight.w500, fontSize: 14)),
                      ])),
                      Text.rich(TextSpan(children: [
                        TextSpan(text: "时长 ", style: TextStyle(color: Colors.white, fontSize: 14)),
                        TextSpan(text: playerInfo.liveTime != null ? '${playerInfo.liveTime}' : '0', style: TextStyle(color: Color(0xFFFFB726), fontWeight: FontWeight.w500, fontSize: 14)),
                      ])),
                      Text.rich(TextSpan(children: [
                        TextSpan(text: "评分 ", style: TextStyle(color: Colors.white, fontSize: 14)),
                        TextSpan(text: '${playerInfo.score}', style: TextStyle(color: Color(0xFFFFB726), fontWeight: FontWeight.w500, fontSize: 14)),
                      ])),
                    ],
                  )
                ],
              ),
            )
          : Container(),
      Container(
        margin: EdgeInsets.symmetric(vertical: 5, horizontal: 15),
        padding: EdgeInsets.all(15),
        height: 140,
        decoration: BoxDecoration(color: Color(0xFF3A3E61), borderRadius: BorderRadius.all(Radius.circular(4))),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: <Widget>[
            Text('比赛结果', style: TextStyle(color: Colors.white54, fontSize: 13)),
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: <Widget>[Text("参数成员 ", style: TextStyle(color: Colors.white, fontSize: 14)), Text("${houseInfo.playerNumber}人 ", style: TextStyle(color: Color(0xFFFFB726), fontWeight: FontWeight.w500, fontSize: 14))],
            ),
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: <Widget>[Text("是否吃鸡 ", style: TextStyle(color: Colors.white, fontSize: 14)), Text(playerInfo.ranking == 1 ? '是' : '否', style: TextStyle(color: Color(0xFFFFB726), fontWeight: FontWeight.w500, fontSize: 14))],
            ),
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: <Widget>[
                Text("获得奖牌 ", style: TextStyle(color: Colors.white, fontSize: 14)),
                img != ''
                    ? Row(
                        children: <Widget>[
                          Image.asset(
                            img,
                            width: 20,
                          ),
                          Text("+1", style: TextStyle(color: Color(0xFFFFB726), fontWeight: FontWeight.w500, fontSize: 14))
                        ],
                      )
                    : Text("无", style: TextStyle(color: Color(0xFFFFB726), fontWeight: FontWeight.w500, fontSize: 14))
              ],
            )
          ],
        ),
      )
    ]);
  }
}

//比赛结束排名
class RankContent extends StatefulWidget {
  RankContent({Key key, this.roomId}) : super(key: key);
  final String roomId; // 用来储存传递过来的值
  @override
  RankContentState createState() => RankContentState();
}

class RankContentState extends State<RankContent> {
  List<PlayerInfo> topList = [];
  Future<void> getTopList() async {
    Toast.show(context, '加载中', -1, 'loading');
    Result res = await HttpManager.get('playerInfo/rankPage', data: {'houseId': widget.roomId, 'currentPage': 1, 'pageNumber': 3});
    Toast.hide();
    List<PlayerInfo> list = [];
    if (res.success) {
      for (var item in res.data['pp']) {
        PlayerInfo jonPlayer = PlayerInfo.fromJson(item);
        list.add(jonPlayer);
      }
    } else {}
    setState(() {
      topList = list;
    });
  }

  @override
  void initState() {
    super.initState();
    Future.delayed(Duration.zero, () {
      getTopList();
    });
  }

  @override
  Widget build(BuildContext context) {
    return Container(
      width: double.infinity,
      height: 180,
      margin: EdgeInsets.only(top: 15),
      child: Row(
        mainAxisAlignment: MainAxisAlignment.center,
        crossAxisAlignment: CrossAxisAlignment.end,
        children: <Widget>[_rankItem(2), _rankItem(1), _rankItem(3)],
      ),
    );
  }

  Widget _rankItem(int _num) {
    if (_num > topList.length) {
      return Container(
        width: 107,
        height: 60,
      );
    }
    List colorList = [
      [Color(0xFFD48E00), Color(0xFFFECF01)],
      [Color(0xFFC5C5C5), Color(0xFFE3E3E3)],
      [Color(0xFFE77023), Color(0xFFF89E58)]
    ];
    List imgList = ['images/jiangpai_huangjin.png', 'images/jiangpai_baiyin.png', 'images/jiangpai_qingtong.png'];
    return Container(
      padding: EdgeInsets.only(left: 15, right: 15, top: _num == 1 ? 0 : 15),
      width: 107,
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.center,
        children: <Widget>[
          Container(
            child: Stack(
              children: <Widget>[
                Container(
                  margin: EdgeInsets.only(top: 17, bottom: 20),
                  width: _num == 1 ? 70 : 60,
                  height: _num == 1 ? 70 : 60,
                  decoration: BoxDecoration(
                    gradient: LinearGradient(colors: colorList[_num - 1], begin: Alignment.topLeft, end: Alignment.bottomRight),
                    borderRadius: BorderRadius.all(Radius.circular(100)),
                  ),
                  child: Center(
                      child: Container(
                    width: _num == 1 ? 60 : 50,
                    height: _num == 1 ? 60 : 50,
                    child: CircleAvatar(backgroundImage: NetworkImage(topList[_num - 1].userInfo.icon)),
                  )),
                ),
                Positioned(
                  bottom: 0,
                  child: Center(
                    child: Image.asset(
                      'images/ph_yinpai_no' + '$_num.png',
                      width: 67,
                    ),
                  ),
                ),
                Positioned(
                  top: 0,
                  left: _num == 1 ? 19 : 14,
                  child: Center(
                    child: Image.asset(
                      imgList[_num - 1],
                    ),
                  ),
                ),
              ],
            ),
          ),
          Text(
            topList[_num - 1].userInfo.nickname,
            style: TextStyle(
              color: Color(0xFFFDC372),
              fontSize: 12,
            ),
            overflow: TextOverflow.ellipsis,
            textAlign: TextAlign.center,
          ),
          // SizedBox(
          //   height: 5,
          // ),
          // Row(
          //   mainAxisAlignment: MainAxisAlignment.center,
          //   children: <Widget>[
          //     Image.asset('images/icon_jinbi_xiao_hong.png', width: 20),
          //     Text('×' + (topList[_num - 1].bonus != null ? topList[_num - 1].bonus.toString() : '0'), style: TextStyle(color: PRIMARY_COLOR, fontSize: 12))
          //   ],
          // )
        ],
      ),
    );
  }
}