import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'order_management_page/order_detail_page.dart';
import '../showDialog.dart';
import '../util/models.dart';
import '../util/api.dart';
import '../util/util.dart';
class OrderManagementPage extends StatefulWidget {
  final Widget child;

  OrderManagementPage({
    Key key,
    this.child
  }): super(key: key);

  _OrderManagementPageState createState() => _OrderManagementPageState();
}

class _OrderManagementPageState extends State < OrderManagementPage > with AutomaticKeepAliveClientMixin {

  @override
  Widget build(BuildContext context) {
    return Container(
      child: Scaffold(
        appBar: AppBar(
          title: Text('订单管理', style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(36)), ),
          centerTitle: true,
          backgroundColor: Color.fromRGBO(64, 98, 254, 1),
        ),
        body: Container(
          decoration: BoxDecoration(
            color: Color.fromRGBO(246, 246, 254, 1)
          ),
          child: QueryWidget()

        ),
        resizeToAvoidBottomPadding: false //键盘弹出，页面不跟随向上滑动,防止出现溢出错误
      )
    );
  }
  @override
  bool get wantKeepAlive => true;
}

class QueryWidget extends StatefulWidget { //搜索栏
  final Widget child;

  QueryWidget({
    Key key,
    this.child
  }): super(key: key);

  _QueryWidgetState createState() => _QueryWidgetState();
}

class _QueryWidgetState extends State < QueryWidget > {
  //单号的输入框控制器
  TextEditingController _orderController = TextEditingController();
  ScrollController _scrollController =ScrollController();

  GlobalKey _globalKey = GlobalKey(); //搜索栏key
  List < bool > statusList = [true, false, false];
  double inputPostX = 0;
  double inputPostY = 0;
  double inputWidth = 0;
  double inputHeight = 0;
  bool showStatus = true; //提示层显示状态
  String _orderNo = "";
  int orderStatus = 1; //0:代收单，1：待取件，2:运途中:已完成
  int page = 1;
  bool hasNextPage = true;
  List<FromStatusGetOrderList> orderList=[];


  @override
  void initState() {
    super.initState();
    switchOrderFromStatus(orderStatus, page);
    _scrollController.addListener((){
      if (_scrollController.position.pixels == _scrollController.position.maxScrollExtent) {
        print("滑到底部了");
      }
    });
  }

  @override
  Widget build(BuildContext context) {
    return Stack(
      children: < Widget > [
        Container(
          child: Column(
            children: < Widget > [
              Container(
                color: Colors.white,
                height: ScreenUtil.getInstance().setHeight(222),
                padding: EdgeInsets.fromLTRB(ScreenUtil.getInstance().setWidth(20), ScreenUtil.getInstance().setWidth(20), ScreenUtil.getInstance().setWidth(20), 0),
                child: Column(
                  children: < Widget > [
                    Container(
                      key: _globalKey,
                      height: ScreenUtil.getInstance().setHeight(100),
                      decoration: BoxDecoration(
                        border: Border.all(color: Color.fromRGBO(204, 204, 204, 1), width: 1),
                        borderRadius: BorderRadius.all(Radius.circular(5))
                      ),
                      child: Row(
                        children: < Widget > [
                          Expanded(
                            child: TextField(
                              controller: _orderController,
                              keyboardType: TextInputType.number,
                              autocorrect: true,
                              decoration: InputDecoration(
                                border: InputBorder.none,
                                hintText: "输入运单号后6位查询物流",
                                hintStyle: TextStyle(fontSize: ScreenUtil.getInstance().setSp(26), color: Color.fromRGBO(155, 155, 155, 1)),
                                contentPadding: EdgeInsets.fromLTRB(ScreenUtil.getInstance().setWidth(30), 0, ScreenUtil.getInstance().setWidth(30), 0)
                              ),
                              onTap: () {
                                RenderObject inputObj = _globalKey.currentContext.findRenderObject();
                                setState(() {
                                  inputWidth = inputObj.paintBounds.size.width;
                                  inputHeight = inputObj.paintBounds.size.height;
                                  inputPostX = inputObj.getTransformTo(null).getTranslation().x;
                                  inputPostY = ScreenUtil.getInstance().setWidth(20) + inputHeight;
                                });
                              },
                              onChanged: ((value) {
                                print(value);
                                setState(() {
                                  _orderNo = value;
                                });
                                if (_orderNo.length >= 6) {
                                  setState(() {
                                    showStatus = false;
                                  });
                                } else {
                                  setState(() {
                                    showStatus = true;
                                  });
                                }
                              }),
                              onEditingComplete: () {
                                FocusScope.of(context).requestFocus(FocusNode());
                                setState(() {
                                  showStatus = true;
                                });
                              },
                            ),
                          ),
                          IconButton(
                            icon: Image.asset('lib/images/icon_saoyisao.png',
                              width: ScreenUtil.getInstance().setWidth(38),
                              height: ScreenUtil.getInstance().setHeight(36),
                            ),
                            onPressed: () {},
                          ),
                          GestureDetector(
                            child: Container(
                              width: ScreenUtil.getInstance().setWidth(120),
                              decoration: BoxDecoration(
                                border: Border(left: BorderSide.merge(BorderSide(color: Color.fromRGBO(204, 204, 204, 1), width: 1), BorderSide(color: Color.fromRGBO(204, 204, 204, 1), width: 0)), )
                              ),
                              child: Center(
                                child: Text("查询", style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(26), color: Color.fromRGBO(64, 98, 254, 1)), ),
                              ),
                            ),
                            onTap: () {
                              print("查询");
                            }
                          ),
                        ],
                      ),
                    ),
                    Container(
                      height: ScreenUtil.getInstance().setHeight(100),
                      child: Container(
                        padding: EdgeInsets.only(top: ScreenUtil.getInstance().setHeight(25)),
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.spaceAround,
                          children: < Widget > [
                            GestureDetector(
                              child: Container(
                                height: ScreenUtil.getInstance().setHeight(80),
                                decoration: BoxDecoration(
                                  border: statusList[0] ? Border(bottom: BorderSide.merge(BorderSide(color: Colors.black, width: 1), BorderSide(color: Colors.black, width: 0)), ) : Border()
                                ),
                                child: Center(
                                  child: Text("待取件", style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(30), color: statusList[0] ? Colors.black : Color.fromRGBO(155, 155, 155, 1)), ),
                                )
                              ),
                              onTap: () {
                                if (statusList[0]) {
                                  return;
                                } else {
                                  setState(() {
                                    statusList = [true, false, false];
                                  });
                                }
                              },
                            ),
                            GestureDetector(
                              child: Container(
                                height: ScreenUtil.getInstance().setHeight(80),
                                decoration: BoxDecoration(
                                  border: statusList[1] ? Border(bottom: BorderSide.merge(BorderSide(color: Colors.black, width: 1), BorderSide(color: Colors.black, width: 0)), ) : Border()
                                ),
                                child: Center(
                                  child: Text("运途中", style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(30), color: statusList[1] ? Colors.black : Color.fromRGBO(155, 155, 155, 1)), ),
                                )
                              ),
                              onTap: () {
                                if (statusList[1]) {
                                  return;
                                } else {
                                  setState(() {
                                    statusList = [false, true, false];
                                  });
                                }
                              },
                            ),
                            GestureDetector(
                              child: Container(
                                height: ScreenUtil.getInstance().setHeight(80),
                                decoration: BoxDecoration(
                                  border: statusList[2] ? Border(bottom: BorderSide.merge(BorderSide(color: Colors.black, width: 1), BorderSide(color: Colors.black, width: 0)), ) : Border()
                                ),
                                child: Center(
                                  child: Text("已完成", style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(30), color: statusList[2] ? Colors.black : Color.fromRGBO(155, 155, 155, 1)), ),
                                )
                              ),
                              onTap: () {
                                if (statusList[2]) {
                                  return;
                                } else {
                                  setState(() {
                                    statusList = [false, false, true];
                                  });
                                }
                              },
                            ),
                          ],
                        )
                      )
                    ),
                  ],
                )
              ),
              Expanded(
                child: Container(
                  padding: EdgeInsets.fromLTRB(ScreenUtil.getInstance().setWidth(20), ScreenUtil.getInstance().setWidth(20), ScreenUtil.getInstance().setWidth(20), 0),
                  child: 
                  // ListView(
                  //   controller: _scrollController,
                  //   children: < Widget > [
                  //     _cardWiget(),
                  //     _cardWiget(),
                  //     _cardWiget(),
                  //   ],
                  // ),
                  ListView.builder(
                  controller:_scrollController,
                  itemCount: orderList.length,
                  itemBuilder: (BuildContext context,int index){
                    if(index<orderList.length){
                      return _cardWiget(orderList[index]);
                    }
                    if (hasNextPage) {
                        return _getMoreWidget();
                      } else {
                        return _noMoreWidegt();
                      }
                    
                  },
                  )
                ),
              )
            ],
          )
        ),
        Positioned(
          left: inputPostX,
          top: inputPostY,
          child: Offstage(
            offstage: showStatus,
            child:
            Container(
              width: inputWidth,
              height: ScreenUtil.getInstance().setHeight(320),
              margin: EdgeInsets.only(top: ScreenUtil.getInstance().setHeight(1)),
              decoration: BoxDecoration(
                color: Color.fromRGBO(244, 248, 251, 1),
                border: Border.all(color: Color.fromRGBO(204, 204, 204, 1), width: 1),
                borderRadius: BorderRadius.all(Radius.circular(5))
              ),
              child: ListView(
                children: < Widget > [
                  InkWell(
                    child: Padding(
                      padding: EdgeInsets.all(10),
                      child: Text("11012312312312312313123131"),
                    ),
                    onTap: () {
                      setState(() {
                        _orderController.text = ('11122223333333');
                        showStatus = true;
                        FocusScope.of(context).requestFocus(FocusNode());
                      });
                    },
                  )

                ],
              ),
            ),
          )
        )
      ],
    );
  }
  Widget _cardWiget(FromStatusGetOrderList obj) {
    Map<int,String> statusMap={
      1:'待取货',
      2:'运途中',
      3:'已签收',
      4:'拒收'
    };
    return GestureDetector(
      child: Card(
        color: Colors.white,
        child: Container(
          padding: EdgeInsets.fromLTRB(ScreenUtil.getInstance().setWidth(30), ScreenUtil.getInstance().setWidth(30), ScreenUtil.getInstance().setWidth(30), ScreenUtil.getInstance().setWidth(20)),
          child: Column(
            children: < Widget > [
              Padding(
                padding: EdgeInsets.only(bottom: ScreenUtil.getInstance().setHeight(30)),
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: < Widget > [
                    Text('订单号：${obj.orderNo}', style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(24), color: Color.fromRGBO(102, 102, 102, 1)), ),
                    Text('${statusMap[obj.orderStatus]}', style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(24), color: Color.fromRGBO(126, 211, 33, 1)), ),
                  ],
                )
              ),
              Padding(
                padding: EdgeInsets.only(bottom: ScreenUtil.getInstance().setHeight(20)),
                child: Row(
                  children: < Widget > [
                    Text('${obj.sendCompanyName} --> ${obj.receiptCompanyName}', style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(30)), ),
                  ],
                )
              ),
              Padding(
                padding: EdgeInsets.only(bottom: ScreenUtil.getInstance().setHeight(15)),
                child: Row(
                  children: < Widget > [
                    SizedBox(
                      width: ScreenUtil.getInstance().setWidth(355),
                      child: Text('货物名称：${obj.goods}', style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(24), color: Color.fromRGBO(155, 155, 155, 1)), ),
                    ),
                    Text('代收款：${obj.goodsAgencyFund/100}元', style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(24), color: Color.fromRGBO(155, 155, 155, 1)), ),
                  ],
                ),
              ),
              Padding(
                padding: EdgeInsets.only(bottom: ScreenUtil.getInstance().setHeight(30)),
                child: Row(
                  children: < Widget > [
                    SizedBox(
                      width: ScreenUtil.getInstance().setWidth(355),
                      child: Text('货物件数：${obj.goodsQuantity}件', style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(24), color: Color.fromRGBO(155, 155, 155, 1)), ),
                    ),
                    Text('运费：${obj.goodsFreight/100}元', style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(24), color: Color.fromRGBO(155, 155, 155, 1)), ),
                  ],
                ),
              ),
              Padding(
                padding: EdgeInsets.only(bottom: ScreenUtil.getInstance().setHeight(20)),
                child: Container(
                  height: ScreenUtil.getInstance().setHeight(1),
                  color: Color.fromRGBO(223, 223, 223, 1),
                ),
              ),
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: < Widget > [
                  GestureDetector(
                    child: Offstage(
                      offstage: false,
                      child: Container(
                        width: ScreenUtil.getInstance().setWidth(94),
                        height: ScreenUtil.getInstance().setHeight(48),
                        decoration: BoxDecoration(
                          color: Color.fromRGBO(239, 243, 249, 1),
                          borderRadius: BorderRadius.all(Radius.circular(4.0))
                        ),
                        child: Center(
                          child: Text('作废', style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(24), color: Color.fromRGBO(64, 98, 254, 1))),
                        ),
                      ),
                    ),
                    onTap: () {
                      showDialog < Null > (
                      context: context, //BuildContext对象
                      barrierDismissible: false,
                      builder: (BuildContext context) {
                        return new LoadingDialog( //调用对话框
                          text:'是否确认作废',childCallback: (val){
                            if(val){
                              //widget.callback(widget.index);
                            }else{
                              return;
                            }
                          },
                        );
                      });
                      print("作废");
                    },
                  ),
                  GestureDetector(
                    child: Offstage(
                      offstage: false,
                      child: Container(
                        width: ScreenUtil.getInstance().setWidth(94),
                        height: ScreenUtil.getInstance().setHeight(48),
                        decoration: BoxDecoration(
                          color: Color.fromRGBO(239, 243, 249, 1),
                          borderRadius: BorderRadius.all(Radius.circular(4.0))
                        ),
                        child: Center(
                          child: Text('寄件', style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(24), color: Color.fromRGBO(64, 98, 254, 1))),
                        ),
                      ),
                    ),
                    onTap: () {
                      showDialog < Null > (
                      context: context, //BuildContext对象
                      barrierDismissible: false,
                      builder: (BuildContext context) {
                        return new LoadingDialog( //调用对话框
                          text:'是否确认寄件',childCallback: (val){
                            if(val){
                              //widget.callback(widget.index);
                            }else{
                              return;
                            }
                          },
                        );
                      });
                      print("寄件");
                    },
                  ),
                  GestureDetector(
                    child: Offstage(
                      offstage: false,
                      child: Container(
                        width: ScreenUtil.getInstance().setWidth(94),
                        height: ScreenUtil.getInstance().setHeight(48),
                        decoration: BoxDecoration(
                          color: Color.fromRGBO(239, 243, 249, 1),
                          borderRadius: BorderRadius.all(Radius.circular(4.0))
                        ),
                        child: Center(
                          child: Text('拒收', style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(24), color: Color.fromRGBO(64, 98, 254, 1))),
                        ),
                      ),
                    ),
                    onTap: () {
                      showDialog < Null > (
                      context: context, //BuildContext对象
                      barrierDismissible: false,
                      builder: (BuildContext context) {
                        return new LoadingDialog( //调用对话框
                          text:'是否确认拒收',childCallback: (val){
                            if(val){
                              //widget.callback(widget.index);
                            }else{
                              return;
                            }
                          },
                        );
                      });
                      print("拒收");
                    },
                  ),
                  GestureDetector(
                    child: Offstage(
                      offstage: false,
                      child: Container(
                        width: ScreenUtil.getInstance().setWidth(94),
                        height: ScreenUtil.getInstance().setHeight(48),
                        decoration: BoxDecoration(
                          color: Color.fromRGBO(239, 243, 249, 1),
                          borderRadius: BorderRadius.all(Radius.circular(4.0))
                        ),
                        child: Center(
                          child: Text('签收', style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(24), color: Color.fromRGBO(64, 98, 254, 1))),
                        ),
                      ),
                    ),
                    onTap: () {
                      showDialog < Null > (
                      context: context, //BuildContext对象
                      barrierDismissible: false,
                      builder: (BuildContext context) {
                        return new LoadingDialog( //调用对话框
                          text:'是否确认签收',childCallback: (val){
                            if(val){
                              //widget.callback(widget.index);
                            }else{
                              return;
                            }
                          },
                        );
                      });
                      print("签收");
                    },
                  ),
                  GestureDetector(
                    child: Offstage(
                      offstage: false,
                      child: Container(
                        width: ScreenUtil.getInstance().setWidth(94),
                        height: ScreenUtil.getInstance().setHeight(48),
                        decoration: BoxDecoration(
                          color: Color.fromRGBO(239, 243, 249, 1),
                          borderRadius: BorderRadius.all(Radius.circular(4.0))
                        ),
                        child: Center(
                          child: Text('改单', style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(24), color: Color.fromRGBO(64, 98, 254, 1))),
                        ),
                      ),
                    ),
                    onTap: () {
                      showDialog < Null > (
                      context: context, //BuildContext对象
                      barrierDismissible: false,
                      builder: (BuildContext context) {
                        return new LoadingDialog( //调用对话框
                          text:'是否确认改单',childCallback: (val){
                            if(val){
                              print(val);
                               Navigator.push(context, MaterialPageRoute(builder: (context) {
                                  return OrderDetailPage(orderId: 123456, );
                                }));
                            }else{
                              return;
                            }
                          },
                        );
                      });
                      print("改单");
                    },
                  ),
                  GestureDetector(
                    child: Offstage(
                      offstage: false,
                      child: Container(
                        width: ScreenUtil.getInstance().setWidth(94),
                        height: ScreenUtil.getInstance().setHeight(48),
                        decoration: BoxDecoration(
                          color: Color.fromRGBO(239, 243, 249, 1),
                          borderRadius: BorderRadius.all(Radius.circular(4.0))
                        ),
                        child: Center(
                          child: Text('打印', style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(24), color: Color.fromRGBO(64, 98, 254, 1))),
                        ),
                      ),
                    ),
                    onTap: () {
                      showDialog < Null > (
                      context: context, //BuildContext对象
                      barrierDismissible: false,
                      builder: (BuildContext context) {
                        return new LoadingDialog( //调用对话框
                          text:'是否确认打印',childCallback: (val){
                            if(val){
                              //widget.callback(widget.index);
                            }else{
                              return;
                            }
                          },
                        );
                      });
                      print("打印");
                    },
                  ),
                ],
              )
            ],
          ),
        )
      ),
      onTap: () {
       
      },
    );
  }

  switchOrderFromStatus(int orderStatus,int page){
    fromStatusGetOrderList(orderStatus,page).then((resp){
      print(resp);
      if(isNotError(context, resp)){
        FromStatusGetOrderObj tempObj = FromStatusGetOrderObj.fromJson(resp.data);
        setState(() {
          orderList =tempObj.data.items;
        });
      }
    });
  }

  Widget _getMoreWidget() {
    return Center(
      child: Padding(
        padding: EdgeInsets.all(10.0),
        child: Row(
          mainAxisAlignment: MainAxisAlignment.center,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: < Widget > [
            Text(
              '加载中...',
              style: TextStyle(fontSize: 16.0),
            ),
            Container(
              width: ScreenUtil.getInstance().setWidth(50),
              height: ScreenUtil.getInstance().setHeight(50),
              child: CircularProgressIndicator()
            )

          ],
        ),
      ),
    );
  }

  Widget _noMoreWidegt() {
    return Center(
      child: Padding(
        padding: EdgeInsets.all(10.0),
        child: Text(
          '没有更多数据了...',
          style: TextStyle(fontSize: 16.0),
        ),
      ),
    );
  }
}