import 'package:flutter/cupertino.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:keyboard_actions/keyboard_actions.dart';
import 'package:user/account/edit_text.dart';
import 'package:user/health/picker.dart';
import 'package:user/res/gaps.dart';
import 'package:user/routers/fluro_navigator.dart';
import 'package:user/widgets/app_bar.dart';

class DiseasePage extends StatefulWidget {
  DiseasePage({Key key, this.count, this.data, this.subData, this.type})
      : super(key: key);
  final int count; //分区数量
  final List data; //分区1
  final List subData; //分区2
  final int type; //疾病分类 0疾病史 1手术外伤史 2家族史 3过敏史

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

class _DiseasePageState extends State<DiseasePage> {
  final TextEditingController _textController = TextEditingController();
  final FocusNode _textNode = FocusNode();
  final TextEditingController _textTowController = TextEditingController();
  final FocusNode _textTowNode = FocusNode();

  List titles = [
    '疾病',
    '手术外伤',
    '家族病',
    '过敏源',
  ];
  List subs = [
    '疾病',
    '手术外伤',
    '家族病成员',
    '过敏症状',
  ];

  String yearStr = "2020";

  @override
  void dispose() {
    _textController?.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        leading: NavigateUpButton(),
        elevation: 0,
        title: Text("数据采集"),
        backgroundColor: Colors.orangeAccent,
        actions: <Widget>[
          FlatButton(
            textColor: Colors.white,
            child: Text("保存", style: TextStyle(fontSize: 18.0)),
            onPressed: () {
              // NavigatorUtils.goBack(context);
              // Navigator.pop(context, "123");
              NavigatorUtils.goBackWithParams(context, "result");
            },
          )
        ],
      ),
      body: _buildScrollable(_buildBody()),
    );
  }

  Widget _buildScrollable(Widget child) {
    return defaultTargetPlatform == TargetPlatform.iOS
        ? FormKeyboardActions(
            child: child,
          )
        : SingleChildScrollView(
            child: child,
          );
  }

  _buildBody() => Container(
        width: double.infinity,
        child: Column(
          mainAxisSize: MainAxisSize.max,
          children: <Widget>[
            HeaderView(
              title: titles[widget.type],
              single: "可多选",
              textController: _textController,
              textNode: _textNode,
            ),
            Gaps.v24,
            DiseaseItemView(
              isSingle: false,
            ),
            Gaps.v36,
            widget.count == 2
                ? Container(
                    child: Column(
                      children: <Widget>[
                        Container(
                          color: Colors.grey[100],
                          padding: EdgeInsets.fromLTRB(0.0, 0.0, 0.0, 10.0),
                        ),
                        HeaderView(
                          title: subs[widget.type],
                          single: widget.type == 2 ? "单选" : "可多选",
                          textController: _textTowController,
                          textNode: _textTowNode,
                        ),
                        Gaps.v16,
                        DiseaseItemView(
                          isSingle: widget.type == 2 ? true : false,
                        ),
                        Gaps.v50,
                      ],
                    ),
                  )
                : Container(
                    margin: EdgeInsets.all(15.0),
                    child: Column(
                      children: <Widget>[
                        Gaps.v10,
                        Center(
                          child: Text(
                            "选择${subs[widget.type]}发生时间",
                            style: TextStyle(
                              fontSize: 16.0,
                              color: Colors.grey,
                            ),
                          ),
                        ),
                        Gaps.v24,
                        Center(
                          child: GestureDetector(
                            child: Row(
                              mainAxisAlignment: MainAxisAlignment.center,
                              children: <Widget>[
                                Text(
                                  yearStr,
                                  style: TextStyle(
                                    fontSize: 16.0,
                                    color: Colors.grey,
                                  ),
                                ),
                                Icon(
                                  Icons.arrow_drop_down,
                                  color: Colors.grey,
                                ),
                              ],
                            ),
                            onTap: () {
                              print("object");
                              showCupertinoModalPopup(
                                  context: context,
                                  builder: (BuildContext context) {
                                    return GeneralPicker(
                                      height: 300.0,
                                      pickerList: [
                                        "2016",
                                        "2017",
                                        "2018",
                                        "2019",
                                        "2020",
                                      ],
                                      defaultRow: 0,
                                      callBack: (value) =>
                                          showPickerSelected(value),
                                    );
                                  });
                            },
                          ),
                        ),
                        Gaps.v10,
                        Container(
                          color: Colors.grey[200],
                          padding: EdgeInsets.fromLTRB(0.0, 0.0, 0.0, 1.0),
                        ),
                      ],
                    ),
                  ),
          ],
        ),
      );

  void showPickerSelected(value) async {
    setState(() {
      yearStr = value;
    });
  }
}

class DiseaseItemView extends StatefulWidget {
  DiseaseItemView({Key key, this.isSingle}) : super(key: key);
  final bool isSingle; //

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

class _DiseaseItemViewState extends State<DiseaseItemView> {
  List titleList = [
    "高血压",
    "糖尿病",
    "高血脂症",
    "冠心病",
    "脑卒中",
    "甲肝",
    "乙肝",
    "丙肝",
    "痛风",
    "脂肪肝",
    "鼻炎",
    "胃炎",
    "乳腺癌",
    "肺癌",
    "肝癌",
    "肾炎",
    "心衰",
    "心脏病",
    "心梗",
    "脑梗",
  ];
  int groupValue; // = 1;
  @override
  Widget build(BuildContext context) {
    return Container(
      margin: EdgeInsets.all(5.0),
      child: Wrap(
        spacing: 15.0, // 横向间距
        runSpacing: 15.0, // 纵向间距
        direction: Axis.horizontal, // 排列方向 默认横向
        alignment: WrapAlignment.spaceAround,
        children:
            widget.isSingle ? getSingleItem(titleList) : getItem(titleList),
      ),
    );
  }

  List<Widget> getItem(List history) {
    List<Widget> list = List();
    for (var i = 0; i < history.length; i++) {
      list.add(DiseaseItem(
        title: history[i],
      ));
    }
    return list;
  }

  List<Widget> getSingleItem(List history) {
    return history
        .asMap()
        .keys
        .map((type) => groupValue == type
            ? buildSingle(
                context, history[type], Colors.orangeAccent, Colors.white, type)
            : buildSingle(
                context, history[type], Colors.grey[200], Colors.grey, type))
        .toList();
  }

  void updateGroupValue(int value) {
    setState(() {
      groupValue = value;
    });
  }

  // 单选按钮
  Widget buildSingle(BuildContext context, String title, Color bgcolor,
      Color fontcolor, int value) {
    return Container(
      height: 35.0,
      decoration: BoxDecoration(
        color: bgcolor,
        borderRadius: BorderRadius.all(Radius.circular(10.0)),
      ),
      child: FlatButton(
        padding: EdgeInsets.only(left: 10.0, right: 10.0),
        child: Text(
          title,
          style: TextStyle(fontSize: 15.0, color: fontcolor),
        ),
        onPressed: () => {
          setState(() {
            updateGroupValue(value);
            print('$title');
          }),
        },
      ),
    );
  }
}

// 多选按钮
class DiseaseItem extends StatefulWidget {
  DiseaseItem({Key key, this.title}) : super(key: key);
  final String title;

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

class _DiseaseItemState extends State<DiseaseItem> {
  bool isSelected = false;

  @override
  Widget build(BuildContext context) {
    return Container(
      height: 35.0,
      decoration: BoxDecoration(
        color: isSelected ? Colors.orangeAccent : Colors.grey[200],
        borderRadius: BorderRadius.all(Radius.circular(10.0)),
      ),
      child: FlatButton(
        padding: EdgeInsets.only(left: 10.0, right: 10.0),
        child: Text(
          widget.title,
          style: TextStyle(
            fontSize: 15.0,
            color: isSelected ? Colors.white : Colors.grey,
          ),
        ),
        onPressed: () => {
          setState(() {
            isSelected = !isSelected;
            print('$widget.title');
          }),
        },
      ),
    );
  }
}

class ButtonColor {
  static Color bgColor = Colors.grey[200];
  static Color fontColor = Colors.grey;
}

class HeaderView extends StatefulWidget {
  HeaderView(
      {Key key, this.title, this.textController, this.textNode, this.single})
      : super(key: key);
  final String title;
  final String single;
  final TextEditingController textController;
  final FocusNode textNode;

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

class _HeaderViewState extends State<HeaderView> {
  @override
  Widget build(BuildContext context) {
    return Column(mainAxisSize: MainAxisSize.max, children: <Widget>[
      Padding(
        padding: EdgeInsets.all(15.0),
        child: EditText(
          key: const Key('disease'),
          focusNode: widget.textNode,
          controller: widget.textController,
          inputType: TextInputType.text,
          hintText: "请输入或选择${widget.title}",
        ),
      ),
      Center(
        child: Text(
          "常见${widget.title}（${widget.single}）",
          style: TextStyle(
            fontSize: 16.0,
            color: Colors.grey,
          ),
        ),
      ),
    ]);
  }
}