import 'package:common_utils/common_utils.dart';
import 'package:flutter/gestures.dart';
import 'package:flutter/material.dart';
import 'package:flutter_picker/Picker.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:one_key/models/filter_btn_model.dart';
import 'package:one_key/models/get_deposit_model.dart';
import 'package:one_key/route/route_handles.dart';
import 'package:one_key/widgets/round_button.dart';
import 'package:one_key/widgets/v_empty_view.dart';
import 'package:provider/provider.dart';

import '../../models/book_deposit_model.dart';
import '../../models/get_banquet_deposit_model.dart';
import '../../provider/feast_model.dart';
import '../../provider/notebook_detail_model.dart';
import '../../provider/user_model.dart';
import '../../res/colors.dart';
import '../../utils/dialog_util.dart';
import '../../utils/event_bus.dart';
import '../../utils/screen_util.dart';
import '../../utils/utils.dart';
import '../../widgets/h_empty_view.dart';
import '../../widgets/system_app_bar.dart';

/**
 * 定金
 */
class BookDepositPage extends StatefulWidget {
  final String rid;
  final BookDepositSunModel depositSunModel;
  BookDepositPage({Key key, this.rid, this.depositSunModel}) : super(key: key);

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

class _BookDepositPageState extends State<BookDepositPage> {
  String collectionP = '请选择'; //收款人
  int collectionPIndex; //收款人
  String paymentTime = '请选择'; //付款时间
  String paymentType = '请选择'; //支付方式
  List<String> payType = []; //支付方式
  int payTypeIndex; //支付方式
  // String depositType = '请选择'; //定金类型
  // int depositTypeIndex; //定金类型

  TextEditingController moneyC = TextEditingController();
  FocusNode moneyF = FocusNode();
  TextEditingController paymentC = TextEditingController();
  FocusNode paymentF = FocusNode();
  TextEditingController receiptNumberC = TextEditingController();
  FocusNode receiptNumberF = FocusNode();
  bool showDateSelWidget = false;
  final GlobalKey<ScaffoldState> scaffoldKey = GlobalKey<ScaffoldState>();

  NotebookDetailModel detailModel;

  FeastModel feastModel;

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

    Utils.changeStatusColor(color: MyColours.color_438E93);
    payType = ['现金', '刷卡', '微信', '支付宝', '转账'];
    if (widget.depositSunModel != null) {
      moneyC.text = widget.depositSunModel.price;

      if (widget.depositSunModel.rname != '') {
        paymentC.text = widget.depositSunModel.rname;
      }

      if (widget.depositSunModel.pay != '') {
        paymentType = widget.depositSunModel.pay;
        payTypeIndex = payType.indexOf(paymentType);
      }
      if (widget.depositSunModel.ddateStr != '') {
        paymentTime = widget.depositSunModel.ddateStr;
      }
      if (widget.depositSunModel.nickName != null) {
        collectionP = widget.depositSunModel.nickName;
      }
      if (widget.depositSunModel.no != '0') {
        receiptNumberC.text = widget.depositSunModel.no;
      }
    }

    moneyF.addListener(() {
      if (moneyF.hasFocus) {
        //有焦点
        if (showDateSelWidget) {
          Navigator.pop(context);
          showDateSelWidget = false;
        }
      } else {
        //失去焦点
        // _editingController.text = '';
      }
    });
    paymentF.addListener(() {
      if (moneyF.hasFocus) {
        //有焦点
        if (showDateSelWidget) {
          Navigator.pop(context);
          showDateSelWidget = false;
        }
      } else {
        //失去焦点
        // _editingController.text = '';
      }
    });
    receiptNumberF.addListener(() {
      if (moneyF.hasFocus) {
        //有焦点
        if (showDateSelWidget) {
          Navigator.pop(context);
          showDateSelWidget = false;
        }
      } else {
        //失去焦点
        // _editingController.text = '';
      }
    });

    WidgetsBinding.instance.addPostFrameCallback((_) {
      _getSellerUserBySellerid();
    });
  }

  ///获取经理数据  ---- 接单人---全部员工

  _getSellerUserBySellerid() async {
    await feastModel.getAuthUserLists(context);
    if (widget.depositSunModel != null &&
        widget.depositSunModel.nickName != null) {
      List sellerList = feastModel.sellerManageList.map((item) {
        return item.title;
      }).toList();
      collectionPIndex = sellerList.indexOf(widget.depositSunModel.nickName);
    }
  }

  _createReserveDeposit() async {
    if (moneyC.text.trim().length == 0) {
      Utils.showToast('请输入金额');
      return;
    }
    if (collectionP == '请选择' || collectionPIndex == null) {
      Utils.showToast('请选择收款人');
      return;
    }
    if (paymentTime == '请选择') {
      Utils.showToast('请选择付款时间');
      return;
    }
    if (paymentType == '请选择' || payTypeIndex == null) {
      Utils.showToast('请选择支付方式');
      return;
    }
    // if (receiptNumberC.text.trim().length == 0) {
    //   Utils.showToast('请输入收据编号');
    //   return;
    // }
    Map<String, String> pramas = {
      'sid': Provider.of<UserModel>(context, listen: false).user.sellerid,
      'rid': widget.rid,
      'price': moneyC.text,
      // 'rname': paymentC.text,
      'uid': collectionPIndex == null
          ? null
          : feastModel.sellerManageList[collectionPIndex].id,
      'pay_time': paymentTime == '请选择'
          ? null
          : (DateUtil.getDateTime(paymentTime).millisecondsSinceEpoch / 1000)
              .floor()
              .toString(),
      'pay_type': payTypeIndex == null ? null : payType[payTypeIndex],

      'pay_no':
          receiptNumberC.text.trim().length == 0 ? null : receiptNumberC.text,
      'insert_uid': Provider.of<UserModel>(context, listen: false).user.openid
    };
    print(feastModel.sellerManageList[collectionPIndex].title);
    bool success = await detailModel.createReserveDeposit(context, pramas);
    if (success) {
      Navigator.pop(context);
      bus.emit('refresh_detail_deposit');
    }
  }

  ///请输入
  ///输入框
  Widget _textfield(
      String title,
      String hintText,
      TextEditingController editingController,
      FocusNode focusNode,
      String subTitle,
      {TextInputType inputType = TextInputType.text}) {
    return Container(
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: [
          Container(
            // color: Colors.red,
            width: ScreenUtil().setWidth(160),
            height: ScreenUtil().setWidth(35),
            child: Text(
              title,
              style: TextStyle(
                  fontSize: ScreenUtil().setSp(28),
                  color: MyColours.color_515151),
            ),
          ),
          HEmptyView(60),
          Expanded(
              child: Container(
            decoration: BoxDecoration(
                border: Border(
                    bottom: BorderSide(
                        width: h(1), color: MyColours.color_DBDBDB))),
            child: Row(
              children: [
                Expanded(
                  child: Container(
                      // height: ScreenUtil().setHeight(120),
                      height: ScreenUtil().setWidth(64),
                      child: TextField(
                        controller: editingController,
                        // textAlign: TextAlign.right,
                        // textAlignVertical: TextAlignVertical.bottom,
                        maxLines: 1,
                        inputFormatters: [],

                        // //光标颜色
                        // cursorColor:
                        //     widget.isSelect ? Colors.white : MyColours.color_199095,
                        //输入文本的样式
                        style: TextStyle(
                          fontSize: ScreenUtil().setSp(32),
                        ),
                        focusNode: focusNode,
                        decoration: InputDecoration(
                          border:
                              OutlineInputBorder(borderSide: BorderSide.none),
                          hintText: hintText,
                          hintStyle: TextStyle(
                            color: hintText == '请输入'
                                ? MyColours.color_999999
                                : MyColours.color_515151,
                            fontSize: ScreenUtil().setSp(28),
                          ),
                          contentPadding: EdgeInsets.zero,
                        ),
                        onChanged: (value) {},
                        onEditingComplete: () {
                          FocusScope.of(context)
                              .requestFocus(FocusNode()); //点击空白处隐藏键盘
                        },
                        keyboardType: inputType,
                      )),
                ),
                Container(
                  child: Text(
                    subTitle,
                    style: TextStyle(
                        color: MyColours.color_515151,
                        fontSize: ScreenUtil().setSp(28)),
                  ),
                ),
              ],
            ),
          ))
        ],
      ),
    );
  }

  ///请选择
  Widget _selectWidget(String title, String labelShow,
      {GestureTapCallback onTap, bool need = true}) {
    return InkWell(
      onTap: onTap,
      // () {
      //   FocusScope.of(context).requestFocus(FocusNode()); //隐藏键盘
      // DialogUtil.showSelectCusmanDialog(
      //         context,
      //         customerProvider.labelList.map((item) {
      //           return item.label;
      //         }).toList(), (value) {
      //   if (value != null) {
      //     setState(() {
      //       customerProvider.labelSelIndex =
      //           value.first;
      //       labelShow = customerProvider
      //           .labelList[
      //               customerProvider.labelSelIndex]
      //           .label;
      //     });
      //   }
      // },
      //         selecteds:
      //             customerProvider.labelSelIndex == null
      //                 ? []
      //                 : [
      //                     customerProvider.labelSelIndex
      //                   ])
      //     .then((value) {});
      // },
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        crossAxisAlignment: CrossAxisAlignment.center,
        children: [
          Container(
            // color: Colors.red,
            width: ScreenUtil().setWidth(160),
            height: ScreenUtil().setWidth(35),
            child: Text(
              title,
              style: TextStyle(
                  fontSize: ScreenUtil().setSp(28),
                  color: MyColours.color_515151),
            ),
          ),
          HEmptyView(60),
          Expanded(
              child: Container(
                  height: ScreenUtil().setWidth(64),
                  decoration: BoxDecoration(
                      border: Border(
                          bottom: BorderSide(
                              width: ScreenUtil().setWidth(2),
                              color: Color.fromRGBO(220, 220, 220, 1)))),
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      Expanded(
                          child: Text(
                        labelShow,
                        overflow: TextOverflow.ellipsis,
                        style: TextStyle(
                          color: labelShow == '请选择'
                              ? MyColours.color_999999
                              : MyColours.color_515151,
                          fontSize: ScreenUtil().setSp(28),
                        ),
                      )),
                      HEmptyView(10),
                      Image.asset(
                        Utils.getImgPath('f_arrow_down'),
                        width: ScreenUtil().setWidth(64),
                        // height: ScreenUtil().setWidth(10),
                      ),
                      HEmptyView(16),
                    ],
                  ))),
        ],
      ),
    );
  }

  Widget _callButton(
      {GestureTapCallback onPress,
      content,
      hasLeftBorder = true,
      isSelect = false}) {
    return InkWell(
      onTap: onPress,
      child: Container(
        height: h(48),
        decoration: BoxDecoration(
            color: isSelect ? MyColours.color_438E93 : MyColours.color_ffffff,
            border: Border(
                bottom: BorderSide(
                    color: MyColours.color_438E93,
                    width: ScreenUtil().setWidth(2)),
                top: BorderSide(
                    color: MyColours.color_438E93,
                    width: ScreenUtil().setWidth(2)),
                left: hasLeftBorder
                    ? BorderSide(
                        color: MyColours.color_438E93,
                        width: ScreenUtil().setWidth(2))
                    : BorderSide.none,
                right: BorderSide(
                    color: MyColours.color_438E93,
                    width: ScreenUtil().setWidth(2)))),
        child: Align(
          alignment: Alignment.center,
          child: Text(
            content,
            style: TextStyle(
                color:
                    isSelect ? MyColours.color_F6F6F6 : MyColours.color_438E93,
                fontSize: ScreenUtil().setSp(36)),
          ),
        ),
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    feastModel = Provider.of<FeastModel>(context, listen: true);

    detailModel = Provider.of<NotebookDetailModel>(context, listen: true);
    return Scaffold(
        backgroundColor: MyColours.color_ffffff,
        key: scaffoldKey,
        appBar: SystemAppBar(
          '添加定金',
          needWhite: true,
          bgColor: MyColours.color_438E93,
          titleColor: MyColours.color_F6F6F6,
          onTap: () {
            Navigator.pop(context);
          },
        ),
        body: Column(
          children: [
            Expanded(
                child: SingleChildScrollView(
              child: Padding(
                  padding: EdgeInsets.only(left: w(30), right: w(13)),
                  child: Column(
                    children: [
                      VEmptyView(50),
                      _textfield('金额', '请输入', moneyC, moneyF, '元',
                          inputType:
                              TextInputType.numberWithOptions(decimal: true)),
                      VEmptyView(66),
                      // _textfield('付款人', '请输入', paymentC, paymentF, '',
                      //     inputType: TextInputType.text),
                      // VEmptyView(66),
                      _selectWidget('收款人', collectionP, onTap: () {
                        FocusScope.of(context).requestFocus(FocusNode()); //隐藏键盘
                        DialogUtil.showSelectCusmanDialog(
                                context,
                                feastModel.sellerManageList.map((item) {
                                  return item.title;
                                }).toList(), (value) {
                          if (value != null) {
                            setState(() {
                              collectionPIndex = value.first;
                              collectionP = feastModel
                                  .sellerManageList[collectionPIndex].title;
                            });
                          }
                        },
                                cancelText: '',
                                title: '选择收款人',
                                selecteds: collectionPIndex == null
                                    ? []
                                    : [collectionPIndex])
                            .then((value) {});
                      }),
                      VEmptyView(66),
                      _selectWidget('付款时间', paymentTime, onTap: () {
                        FocusScope.of(context)
                            .requestFocus(FocusNode()); //点击空白处隐藏键盘
                        //弹出时间选择器
                        // showPickerDateTime(context);
                        showDateSelWidget = true;
                        DialogUtil.showPickerDateTime24Feast(
                            context,
                            scaffoldKey,
                            (value) {
                              // {'text': picker.adapter.text, 'select': selecteds}
                              if (value != null) {
                                setState(() {
                                  print(value);
                                  paymentTime = DateUtil.formatDateStr(value,
                                      format: DateFormats.y_mo_d);
                                });
                              }
                              showDateSelWidget = false;
                            },
                            pickerDateTimeType: PickerDateTimeType.kYMD,
                            dateTime: DateUtil.getDateTime(paymentTime),
                            cancelText: '',
                            title: '选择付款时间',
                            onCancel: () {
                              showDateSelWidget = false;
                            });
                      }),
                      VEmptyView(66),
                      _selectWidget('支付方式', paymentType, onTap: () {
                        FocusScope.of(context).requestFocus(FocusNode()); //隐藏键盘
                        DialogUtil.showSelectCusmanDialog(context, payType,
                                (value) {
                          if (value != null) {
                            setState(() {
                              payTypeIndex = value.first;
                              paymentType = payType[payTypeIndex];
                            });
                          }
                        },
                                cancelText: '',
                                title: '选择支付方式',
                                selecteds:
                                    payTypeIndex == null ? [] : [payTypeIndex])
                            .then((value) {});
                      }),
                      // VEmptyView(66),
                      // _selectWidget('定金类型', depositType, onTap: () {
                      //   FocusScope.of(context).requestFocus(FocusNode()); //隐藏键盘
                      //   DialogUtil.showSelectCusmanDialog(
                      //           context,
                      //           feastModel.depositData.map((item) {
                      //             return item.dname;
                      //           }).toList(), (value) {
                      //     if (value != null) {
                      //       setState(() {
                      //         depositTypeIndex = value.first;
                      //         depositType = feastModel
                      //             .depositData[depositTypeIndex].dname;
                      //       });
                      //     }
                      //   },
                      //           cancelText: '',
                      //           title: '选择定金类型',
                      //           selecteds: depositTypeIndex == null
                      //               ? []
                      //               : [depositTypeIndex])
                      //       .then((value) {});
                      // }),
                      VEmptyView(66),
                      _textfield(
                          '收据编号', '请输入', receiptNumberC, receiptNumberF, '',
                          inputType: TextInputType.text),
                    ],
                  )),
            )),
            Container(
              padding: EdgeInsets.symmetric(horizontal: w(24), vertical: w(35)),
              child: Row(
                children: [
                  RoundButton(
                    text: '取消',
                    width: w(100),
                    height: w(43),
                    radius: r(5),
                    fontSize: 32,
                    isBold: true,
                    gradientStart: MyColours.color_ffffff,
                    gradientEnd: MyColours.color_ffffff,
                    textColor: MyColours.color_438E93,
                    borderColor: MyColours.color_438E93,
                    onPressed: () {
                      Navigator.pop(context);
                    },
                  ),
                  HEmptyView(24),
                  Expanded(
                      child: RoundButton(
                    text: '保存并返回',
                    height: w(43),
                    radius: r(5),
                    isBold: true,
                    fontSize: 32,
                    gradientStart: MyColours.color_438E93,
                    gradientEnd: MyColours.color_438E93,
                    textColor: MyColours.color_ffffff,
                    borderColor: MyColours.color_438E93,
                    onPressed: () {
                      _createReserveDeposit();
                    },
                  )),
                ],
              ),
            )
          ],
        ));
  }
}