import 'package:flutter/material.dart';
import 'package:flutter_picker/flutter_picker.dart';
import 'package:flutter/cupertino.dart';
import 'package:file_picker/file_picker.dart';
import '../styles/colors.dart';
import 'dart:io';
import 'dart:async';
import 'dart:convert';
import 'dart:ui';
import '../styles/totast.dart';
import '../pages/RoomInfo.dart';
import 'package:flutter_redux/flutter_redux.dart';
import '../redux/AppState.dart';
import '../net/HttpManager.dart';
import '../net/Result.dart';
import 'package:dio/dio.dart';
import '../model/GameInfo.dart';
import '../model/HouseLevel.dart';
import '../plugins/ScreenStramPlugin.dart';
import '../widget/Dialog.dart';

class OpenRoom extends StatefulWidget {
  OpenRoom({Key key, this.roomFlag}) : super(key: key);
  final String roomFlag; // 用来储存传递过来的值
  @override
  OpenRoomState createState() => OpenRoomState();
}

class OpenRoomState extends State<OpenRoom> {
  TextStyle titleStyle = TextStyle(color: Colors.white, fontSize: 14);
  TextStyle valStyle = TextStyle(color: Colors.white, fontSize: 15, fontWeight: FontWeight.w500);

  Map<String, dynamic> editRoomInfo = {'gameId': 1, 'houseLevel': 1, 'maxNumber': 10, 'scoreType': 0};
  List<GameInfo> gameList = [];
  List<HouseLevel> levelList = [];

  Future<void> getFilePath() async {
    File file = await FilePicker.getFile(type: FileType.ANY);
    if (file == null) {
      return;
    }
    print(file.statSync());
    Toast.show(context, '加载中', -1, 'loading');
    Result res = await HttpManager.post('assets/uploadFile', data: {
      'file': UploadFileInfo(file, file.path),
    });
    Toast.hide();
    if (res.success) {
      setState(() {
        editRoomInfo['video'] = res.data[0];
      });
    }
  }

  Future<void> showSysDialog(id) async {
    Toast.show(context, '加载中', -1, 'loading');
    Result res = await HttpManager.get('alertMessage/getOne', data: {'id': id});
    Toast.hide();
    if (res.success) {
      MyDialog.showDialog(context, res.data['remark']);
    }
  }

  Future<void> saveInfo() async {
    if (!StoreProvider.of<AppState>(context).state.userInfo.createFlag) {
      showSysDialog(1);
      return;
    }
    if (!editRoomInfo.containsKey('gameId')) {
      Toast.show(context, '请选择游戏', 1500, 'info');
      return;
    }
    if (editRoomInfo['houseName'] == null || editRoomInfo['houseName'] == '') {
      Toast.show(context, '请输入房间标题', 1500, 'info');
      return;
    }
    if (!editRoomInfo.containsKey('houseLevel')) {
      Toast.show(context, '请选择房间等级', 1500, 'info');
      return;
    }
    if (editRoomInfo['houseType'] == '1' && (editRoomInfo['gameHouseId'] == null || editRoomInfo['gameHouseId'] == '')) {
      Toast.show(context, '请录入游戏房间号', 1500, 'info');
      return;
    }
    if (editRoomInfo['houseType'] == '1' && (editRoomInfo['gameHousePassword'] == null || editRoomInfo['gameHousePassword'] == '')) {
      Toast.show(context, '请录入游戏房间密码', 1500, 'info');
      return;
    }
    if (StoreProvider.of<AppState>(context).state.userInfo.moneyCoin != null) {
      HouseLevel chooseLevelInfo = HouseLevel.empty();
      for (var item in levelList) {
        if (item.id.toString() == editRoomInfo['houseLevel'].toString()) {
          chooseLevelInfo = item;
        }
      }
      if (StoreProvider.of<AppState>(context).state.userInfo.moneyCoin < chooseLevelInfo.entryCoin) {
        return;
      }
    } else {
      return;
    }

    bool hasPermission = await ScreenStreamPlugin.checkPermission();
    if (!hasPermission) {
      showDialog(
        context: context,
        builder: (context) => AlertDialog(
              title: Text('需要悬浮窗权限'),
              contentTextStyle: TextStyle(color: Colors.black87),
              content: Text('请在点击确定后，勾选"允许显示在其他应用的上层"'),
              actions: <Widget>[
                FlatButton(
                  child: Text('确定'),
                  onPressed: () {
                    Navigator.of(context).pop();
                    ScreenStreamPlugin.requestPermission();
                  },
                ),
              ],
            ),
      );
      return;
    }
    editRoomInfo['createUser'] = StoreProvider.of<AppState>(context).state.userInfo.id;
    Toast.show(context, '加载中', -1, 'loading');
    Result res = await HttpManager.post('houseInfo/save', data: editRoomInfo);
    Toast.hide();
    if (res.success) {
      HttpManager.post('houseInfo/join', data: {'houseId': res.data, 'userId': StoreProvider.of<AppState>(context).state.userInfo.id});
      Toast.show(context, '创建成功', 1500, 'success');
      Future.delayed(Duration(milliseconds: 1500), () {
        Navigator.pushReplacement(context, CupertinoPageRoute(builder: (context) => RoomInfo(roomId: res.data.toString())));
      });
    } else {}
  }

  Future<void> getInfo() async {
    Toast.show(context, '加载中', -1, 'loading');
    Result res = await HttpManager.get('gameInfo/all');
    if (res.success) {
      List<GameInfo> _list = [];
      for (var item in res.data) {
        _list.add(GameInfo.fromJson(item));
      }
      setState(() {
        gameList = _list;
        if (res.data.length > 0) {
          editRoomInfo['gameId'] = res.data[0]['id'];
          editRoomInfo['houseName'] = StoreProvider.of<AppState>(context).state.userInfo.nickname + '的' + res.data[0]['shortName'] + '房间';
          editRoomInfo['houseAbstract'] = res.data[0]['profile'] ?? '';
        }
      });
    } else {}

    Result res2 = await HttpManager.get('houseLevel/all');
    Toast.hide();
    if (res2.success) {
      List<HouseLevel> _list = [];
      for (var item in res2.data) {
        _list.add(HouseLevel.fromJson(item));
      }
      setState(() {
        levelList = _list;
        if (levelList.isNotEmpty) {
          editRoomInfo['houseLevel'] = res2.data[0]['id'];
        }
      });
    } else {}
  }

  @override
  void initState() {
    super.initState();
    editRoomInfo['houseType'] = widget.roomFlag;

    Future.delayed(Duration.zero, () {
      getInfo();
    });
  }

  @override
  Widget build(BuildContext context) {
    GameInfo chooseGameInfo = GameInfo.empty();
    for (var item in gameList) {
      if (item.id.toString() == editRoomInfo['gameId'].toString()) {
        chooseGameInfo = item;
      }
    }

    HouseLevel chooseLevelInfo = HouseLevel.empty();
    for (var item in levelList) {
      if (item.id.toString() == editRoomInfo['houseLevel'].toString()) {
        chooseLevelInfo = item;
      }
    }

    return WillPopScope(
      child: Scaffold(
          appBar: AppBar(
            backgroundColor: PRIMARY_COLOR,
            title: Text('创建' + (widget.roomFlag == '0' ? '普通' : '官方') + '房间'),
            centerTitle: true,
            elevation: 0,
            actions: <Widget>[
              Container(
                width: 60,
                child: FlatButton(
                  highlightColor: PRIMARY_COLOR,
                  padding: EdgeInsets.only(right: 0),
                  child: Text('规则', style: TextStyle(color: Colors.white, fontSize: 13)),
                  onPressed: () {},
                ),
              )
            ],
          ),
          body: Container(
            color: BG_COLOR,
            width: double.infinity,
            height: double.infinity,
            child: SingleChildScrollView(
              child: Container(
                color: BG_COLOR,
                child: Column(
                  children: <Widget>[
                    ChooseContent(
                      title: '选择游戏',
                      val: chooseGameInfo.gameName,
                      onTapHomeMenu: () {
                        showPicker(context);
                      },
                    ),
                    Container(
                      width: double.infinity,
                      color: BG_SUB_COLOR,
                      height: 210,
                      child: Column(
                        mainAxisAlignment: MainAxisAlignment.center,
                        children: <Widget>[
                          FlatButton(
                            padding: EdgeInsets.all(0),
                            color: Color(0xFF464B6A),
                            highlightColor: Color(0xFF333557),
                            child: Container(
                              height: 38,
                              width: 160,
                              decoration: BoxDecoration(
                                  gradient: LinearGradient(
                                begin: Alignment.topRight,
                                colors: [Colors.black12, Colors.black38],
                              )),
                              child: Row(
                                mainAxisAlignment: MainAxisAlignment.center,
                                children: <Widget>[
                                  Padding(
                                      padding: EdgeInsets.only(right: 8),
                                      child: Image.asset(
                                        'images/icon_shipin.png',
                                        width: 20,
                                      )),
                                  Text('上传图片或视频', style: titleStyle)
                                ],
                              ),
                            ),
                            onPressed: () {
                              getFilePath();
                            },
                          ),
                          Padding(
                            padding: EdgeInsets.only(top: 12),
                            child: Text(
                              editRoomInfo.containsKey('video') ? '已选择' : '不上传则自动使用官方默认视频',
                              style: TextStyle(color: Color(0xFF9BA0AE), fontSize: 13),
                            ),
                          )
                        ],
                      ),
                    ),
                    //房间标题
                    // Container(
                    //   height: 60,
                    //   color: BG_COLOR,
                    //   padding:
                    //       EdgeInsets.symmetric(horizontal: 15, vertical: 8),
                    //   child: TextField(
                    //     textAlign: TextAlign.end,
                    //     style: valStyle,
                    //     maxLength: 10,
                    //     decoration: InputDecoration(
                    //         hintText: '请输入房间标题',
                    //         hintStyle: TextStyle(
                    //             color: Color(0xFF727785), fontSize: 13),
                    //         prefixIcon: Padding(
                    //           padding: EdgeInsets.symmetric(vertical: 12),
                    //           child: Text('房间标题', style: titleStyle),
                    //         ),
                    //         border: InputBorder.none,
                    //         counterStyle: TextStyle(fontSize: 0)),
                    //     onChanged: (value) {
                    //       editRoomInfo['houseName'] = value;
                    //     },
                    //   ),
                    // ),
                    InputContent(
                        title: '房间标题',
                        value: editRoomInfo['houseName'],
                        onTextChange: (value) {
                          editRoomInfo['houseName'] = value;
                        }),
                    Container(
                      height: 1,
                      color: BG_SUB_COLOR,
                    ),
                    //房间简介
                    InputContent(
                        title: '房间简介',
                        value: editRoomInfo['houseAbstract'],
                        onTextChange: (value) {
                          editRoomInfo['houseAbstract'] = value;
                        }),
                    // Container(
                    //   height: 60,
                    //   color: BG_COLOR,
                    //   padding:
                    //       EdgeInsets.symmetric(horizontal: 15, vertical: 8),
                    //   child: TextField(
                    //     textAlign: TextAlign.end,
                    //     style: valStyle,
                    //     maxLength: 15,
                    //     decoration: InputDecoration(
                    //         hintText: '请输入房间简介',
                    //         hintStyle: TextStyle(
                    //             color: Color(0xFF727785), fontSize: 13),
                    //         prefixIcon: Padding(
                    //           padding: EdgeInsets.symmetric(vertical: 12),
                    //           child: Text('房间简介', style: titleStyle),
                    //         ),
                    //         border: InputBorder.none,
                    //         counterStyle: TextStyle(fontSize: 0)),
                    //     onChanged: (value) {
                    //       editRoomInfo['houseAbstract'] = value;
                    //     },
                    //   ),
                    // ),
                    Container(
                      height: 1,
                      color: BG_SUB_COLOR,
                    ),
                    //房间等级
                    ChooseContent(
                      title: '房间等级',
                      chooseLevelInfo: chooseLevelInfo,
                      isLevel: true,
                      onTapHomeMenu: () {
                        showLevelPicker(context);
                      },
                    ),
                    Container(
                      height: 1,
                      color: BG_SUB_COLOR,
                    ),
                    //房间人数
                    ChooseContent(
                      title: '房间人数',
                      val: editRoomInfo['maxNumber'].toString(),
                      onTapHomeMenu: () {
                        showNumPicker(context);
                      },
                    ),
                    Container(
                      height: 1,
                      color: BG_SUB_COLOR,
                    ),
                    //房间人数
                    ChooseContent(
                      title: '胜利条件',
                      val: editRoomInfo['scoreType'] == 0 ? '吃鸡竞赛' : '吃鸡评分',
                      onTapHomeMenu: () {
                        showScoreType(context);
                      },
                    ),
                    _bottomWidget(),
                    //创建房间
                    Container(
                      padding: EdgeInsets.fromLTRB(15, 39, 15, 28),
                      height: 109,
                      color: BG_COLOR,
                      child: FlatButton(
                        color: PRIMARY_COLOR,
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.center,
                          children: <Widget>[
                            Padding(
                              padding: EdgeInsets.only(right: 6),
                              child: Image.asset('images/icon_jinbi_da_bai.png', width: 20),
                            ),
                            Text(
                              '×' + (chooseLevelInfo.entryCoin ?? 0).toString(),
                              style: TextStyle(color: Colors.white, fontSize: 16, fontWeight: FontWeight.w500),
                            ),
                            Padding(
                              padding: EdgeInsets.only(left: 20),
                              child: Text(
                                '创建房间',
                                style: TextStyle(color: Colors.white, fontSize: 16, fontWeight: FontWeight.w500),
                              ),
                            )
                          ],
                        ),
                        onPressed: () {
                          saveInfo();
                        },
                      ),
                    )
                  ],
                ),
              ),
            ),
          )),
      onWillPop: () {
        Toast.hide();
        Navigator.pop(context);
        return Future.value(false);
      },
    );
  }

  Widget _bottomWidget() {
    if (widget.roomFlag == '1')
      return Column(
        children: <Widget>[
          Container(
            height: 10,
            color: BG_SUB_COLOR,
          ),
          //游戏房间号
          Container(
            height: 60,
            color: BG_COLOR,
            padding: EdgeInsets.symmetric(horizontal: 15, vertical: 8),
            child: TextField(
              textAlign: TextAlign.end,
              style: valStyle,
              maxLength: 15,
              decoration: InputDecoration(
                  hintText: '请输入游戏房间号',
                  hintStyle: TextStyle(color: Color(0xFF727785), fontSize: 13),
                  prefixIcon: Padding(
                    padding: EdgeInsets.symmetric(vertical: 12),
                    child: Text('游戏房间号', style: titleStyle),
                  ),
                  border: InputBorder.none,
                  counterStyle: TextStyle(fontSize: 0)),
              onChanged: (value) {
                editRoomInfo['gameHouseId'] = value;
              },
            ),
          ),
          Container(
            height: 1,
            color: BG_SUB_COLOR,
          ),
          //游戏中房间密��
          Container(
            height: 60,
            color: BG_COLOR,
            padding: EdgeInsets.symmetric(horizontal: 15, vertical: 8),
            child: TextField(
              textAlign: TextAlign.end,
              style: valStyle,
              maxLength: 10,
              decoration: InputDecoration(
                  hintText: '请输入密码',
                  hintStyle: TextStyle(color: Color(0xFF727785), fontSize: 13),
                  prefixIcon: Padding(
                    padding: EdgeInsets.symmetric(vertical: 12),
                    child: Text('游戏中房间密码', style: titleStyle),
                  ),
                  border: InputBorder.none,
                  counterStyle: TextStyle(fontSize: 0)),
              onChanged: (value) {
                editRoomInfo['gameHousePassword'] = value;
              },
            ),
          ),
        ],
      );
    else {
      return Container();
    }
  }

  void showPicker(BuildContext context) {
    List<String> _list = [];
    for (var item in gameList) {
      _list.add(item.gameName);
    }
    String PickerData = json.encode(_list);
    Picker(
        confirmText: '确定',
        cancelText: '取消',
        adapter: PickerDataAdapter<String>(pickerdata: JsonDecoder().convert(PickerData)),
        changeToFirst: true,
        textAlign: TextAlign.left,
        columnPadding: const EdgeInsets.all(8.0),
        onConfirm: (Picker picker, List value) {
          setState(() {
            editRoomInfo['gameId'] = gameList[value[0]].id;
            editRoomInfo['houseName'] = StoreProvider.of<AppState>(context).state.userInfo.nickname + '的' + gameList[value[0]].shortName + '房间';
            editRoomInfo['houseAbstract'] = gameList[value[0]].profile ?? '';
          });
        }).showModal(this.context);
  }

  void showNumPicker(BuildContext context) {
    List _list = [];
    for (var i = 10; i <= 100; i = i + 10) {
      _list.add(i);
    }

    String pickerData = json.encode(_list);
    Picker(
        confirmText: '确定',
        cancelText: '取消',
        adapter: PickerDataAdapter<String>(pickerdata: JsonDecoder().convert(pickerData)),
        changeToFirst: true,
        textAlign: TextAlign.left,
        columnPadding: const EdgeInsets.all(8.0),
        onConfirm: (Picker picker, List value) {
          setState(() {
            editRoomInfo['maxNumber'] = _list[value[0]];
          });
        }).showModal(this.context);
  }

  void showScoreType(BuildContext context) {
    List _list = ['吃鸡竞赛', '吃鸡评分'];
    String PickerData = json.encode(_list);
    Picker(
        confirmText: '确定',
        cancelText: '取消',
        adapter: PickerDataAdapter<String>(pickerdata: JsonDecoder().convert(PickerData)),
        changeToFirst: true,
        textAlign: TextAlign.left,
        columnPadding: const EdgeInsets.all(8.0),
        onConfirm: (Picker picker, List value) {
          setState(() {
            editRoomInfo['scoreType'] = _list[value[0]] == '吃鸡竞赛' ? 0 : 1;
          });
        }).showModal(this.context);
  }

  void showLevelPicker(BuildContext context) {
    List<String> _list = [];
    for (var item in levelList) {
      _list.add(item.levelName);
    }
    String PickerData = json.encode(_list);
    Picker(
        confirmText: '确定',
        cancelText: '取消',
        adapter: PickerDataAdapter<String>(pickerdata: JsonDecoder().convert(PickerData)),
        changeToFirst: true,
        textAlign: TextAlign.left,
        columnPadding: const EdgeInsets.all(8.0),
        onConfirm: (Picker picker, List value) {
          setState(() {
            editRoomInfo['houseLevel'] = levelList[value[0]].id;
          });
        }).showModal(this.context);
  }
}

typedef int OnTapHomeMenu();
typedef ValueChanged<T> = void Function(T value);

class ChooseContent extends StatelessWidget {
  ChooseContent({Key key, this.title, this.val, this.chooseLevelInfo, this.isLevel = false, this.onTapHomeMenu}) : super(key: key);
  final String title;
  final String val;
  final OnTapHomeMenu onTapHomeMenu;
  final HouseLevel chooseLevelInfo;
  final bool isLevel;
  @override
  Widget build(BuildContext context) {
    return Container(
        child: InkWell(
      child: Container(
        height: 60,
        padding: EdgeInsets.symmetric(horizontal: 15),
        child: Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: <Widget>[
            Text(title, style: TextStyle(fontSize: 14, color: Colors.white)),
            Expanded(
              flex: 1,
              child: isLevel
                  ? Row(
                      mainAxisAlignment: MainAxisAlignment.end,
                      children: <Widget>[
                        chooseLevelInfo.icon != null
                            ? Image.network(
                                chooseLevelInfo.icon,
                                width: 22,
                              )
                            : Container(),
                        Text(
                          chooseLevelInfo.levelName ?? '',
                          style: TextStyle(color: Color(0xFFF9D881)),
                        ),
                        Padding(
                          padding: EdgeInsets.only(left: 20, right: 2),
                          child: Image.asset('images/icon_jinbi_da_bai.png', width: 20),
                        ),
                        Text(
                          '×' + (chooseLevelInfo.entryCoin ?? 0).toString(),
                          style: TextStyle(color: Colors.white, fontSize: 15, fontWeight: FontWeight.w500),
                        )
                      ],
                    )
                  : Text(val ?? '', style: TextStyle(fontSize: 15, color: Colors.white, fontWeight: FontWeight.w500), textAlign: TextAlign.right),
            ),
            Image.asset('images/icon_inter.png', width: 24)
          ],
        ),
      ),
      onTap: onTapHomeMenu,
    ));
  }
}

class InputContent extends StatefulWidget {
  InputContent({Key key, this.title, this.value, this.onTextChange}) : super(key: key);
  final String title;
  final String value;
  final ValueChanged onTextChange;
  @override
  InputContentState createState() => InputContentState();
}

class InputContentState extends State<InputContent> {
  TextEditingController _controller;

  @override
  void initState() {
    super.initState();
    _controller = TextEditingController();
  }

  @override
  void didUpdateWidget(InputContent oldWidget) {
    super.didUpdateWidget(oldWidget);
    _controller.text = widget.value ?? '';
  }

  @override
  Widget build(BuildContext context) {
    return Container(
      height: 60,
      color: BG_COLOR,
      padding: EdgeInsets.symmetric(horizontal: 15, vertical: 8),
      child: TextField(
        controller: _controller,
        textAlign: TextAlign.end,
        style: TextStyle(fontSize: 15, color: Colors.white, fontWeight: FontWeight.w500),
        maxLength: 10,
        decoration: InputDecoration(
            hintText: '请输入' + widget.title,
            hintStyle: TextStyle(color: Color(0xFF727785), fontSize: 13),
            prefixIcon: Padding(
              padding: EdgeInsets.symmetric(vertical: 12),
              child: Text(widget.title, style: TextStyle(fontSize: 14, color: Colors.white)),
            ),
            border: InputBorder.none,
            counterStyle: TextStyle(fontSize: 0)),
        onChanged: widget.onTextChange,
      ),
    );
  }
}