import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:ysairplane2/tools/YSNetWorking.dart';
import 'package:ysairplane2/tools/YSTools.dart';

import 'YSPay.dart';

class YSOrderOne extends StatefulWidget {
  final msgDict,confirmDict,orderDict,planeModel;
  const YSOrderOne({Key key, this.msgDict, this.confirmDict, this.orderDict, this.planeModel = ''}) : super(key: key);
  @override
  _YSOrderOneState createState() => _YSOrderOneState();
}

class _YSOrderOneState extends State<YSOrderOne> {
  bool _isShow = false;
  bool _isDetail = false;
  List _packList = [];
  List _chooses = [];
  String _noticeStr = '';
  @override
  void initState() {
    Future.delayed(Duration(seconds: 0)).then((value){
      _getNoticeData();
      _getPackData();
    });
    super.initState();
  }
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SingleChildScrollView(
        child: Column(
          children: [
            Stack(
              children: [
                Container(
                  height: MediaQuery.of(context).size.height-hsp(120),
                  width: MediaQuery.of(context).size.width,
                  color: Color(0xFFF1F2F4),
                  child: SingleChildScrollView(
                    child: Stack(
                      children: [
                        Container(
                          height: MediaQuery.of(context).padding.top+hsp(380),
                          width: MediaQuery.of(context).size.width,
                          child: Image(
                            image: widget.msgDict==null?AssetImage('lib/images/home3.png'):NetworkImage('${widget.msgDict['background']}'),
                            fit: BoxFit.fill,
                          ),
                        ),
                        GestureDetector(
                          onTap: (){Navigator.pop(context);},
                          child: Container(
                            margin: EdgeInsets.only(left: wsp(32),top: MediaQuery.of(context).padding.top+hsp(30)),
                            child: Icon(Icons.arrow_back_ios,size: hsp(40),color: Colors.white,),
                          ),
                        ),
                        if(widget.msgDict!=null)Container(
                            margin: EdgeInsets.only(left: wsp(32),top: MediaQuery.of(context).padding.top+hsp(130),right: wsp(32)),
                            width: MediaQuery.of(context).size.width-wsp(64),
                            alignment: Alignment.center,
                            child: Text('${widget.msgDict['name']}',style: TextStyle(fontSize: zsp(40),color: Colors.white,fontWeight: FontWeight.bold),)
                        ),
                        if(widget.msgDict!=null)Container(
                            margin: EdgeInsets.only(left: wsp(32),top: MediaQuery.of(context).padding.top+hsp(200),right: wsp(32)),
                            width: MediaQuery.of(context).size.width-wsp(64),
                            alignment: Alignment.center,
                            child: Text('${widget.msgDict['subtitle']}',style: TextStyle(fontSize: zsp(28),color: Colors.white.withOpacity(0.6)),)
                        ),
                        Container(
                          width: MediaQuery.of(context).size.width-wsp(60),
                          margin: EdgeInsets.only(top: MediaQuery.of(context).padding.top+hsp(300),left: wsp(30),bottom: hsp(40)),
                          decoration: BoxDecoration(
                            borderRadius: BorderRadius.all(Radius.circular(10)),
                            color: Colors.white,
                          ),
                          child: Column(
                            children: [
                              ListView.separated(
                                shrinkWrap: true,
                                itemBuilder: (context,index){
                                  return Container(
                                    child: Column(
                                      children: [
                                        widget.orderDict['charterType']==1?Container(
                                          padding: EdgeInsets.only(left: wsp(32),right: wsp(32),top: hsp(20),bottom: hsp(20)),
                                          child: Column(
                                            children: [
                                              Row(
                                                children: [
                                                  Container(
                                                    child: SingleChildScrollView(
                                                      child: Text('${widget.confirmDict['itineraries'][index]['setOutInfo']['display']}',
                                                        style: TextStyle(fontSize: zsp(40),fontWeight: FontWeight.bold,color: Colors.black),maxLines: 1,),
                                                      scrollDirection: Axis.horizontal,
                                                    ),
                                                    width: (MediaQuery.of(context).size.width-hsp(240))/2,
                                                  ),
                                                  Image(height: hsp(60),width: hsp(60),image: AssetImage('lib/images/plane.png'),),
                                                  Container(
                                                    child: SingleChildScrollView(
                                                      child: Text('${widget.confirmDict['itineraries'][index]['arriveInfo']['display']}',
                                                        style: TextStyle(fontSize: zsp(40),fontWeight: FontWeight.bold,color: Colors.black),maxLines: 1,),
                                                      scrollDirection: Axis.horizontal,
                                                    ),
                                                    width: (MediaQuery.of(context).size.width-hsp(240))/2,
                                                    alignment: Alignment.centerRight,
                                                  ),
                                                ],
                                                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                              ),
                                              Row(
                                                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                                children: [
                                                  Container(
                                                    child: Text('${widget.confirmDict['itineraries'][index]['setOutInfo']['airplaneName']}',style: TextStyle(fontSize: zsp(24),color: Color(0xFF999999)),),
                                                    width: (MediaQuery.of(context).size.width-hsp(300))/2,
                                                  ),
                                                  //Text('${widget.confirmDict['itineraries'][index]['time']}',style: TextStyle(fontSize: zsp(24),color: Color(0xFF999999)),),
                                                  Container(
                                                    child: Text('${widget.confirmDict['itineraries'][index]['arriveInfo']['airplaneName']}',style: TextStyle(fontSize: zsp(24),color: Color(0xFF999999)),),
                                                    width: (MediaQuery.of(context).size.width-hsp(300))/2,
                                                    alignment: Alignment.centerRight,
                                                  ),
                                                ],
                                              )
                                            ],
                                          ),
                                        ):Container(
                                          width: MediaQuery.of(context).size.width-hsp(100),
                                          child: ListView.builder(
                                            itemBuilder: (context,indexSub){
                                              return Row(
                                                crossAxisAlignment: CrossAxisAlignment.start,
                                                children: [
                                                  Column(
                                                    children: [
                                                      Container(
                                                        height: hsp(30),
                                                        width: hsp(30),
                                                        decoration: BoxDecoration(
                                                            color: Colors.white,
                                                            borderRadius: BorderRadius.all(Radius.circular(50)),
                                                            border: Border.all(color: indexSub%2==0?Color(0xFF02C094):Color(0xFFFB9658),width: wsp(6))
                                                        ),
                                                        margin: EdgeInsets.only(top: hsp(10),bottom: hsp(7)),
                                                      ),
                                                      if(indexSub<1)Container(
                                                        height: hsp(30),
                                                        width: hsp(5),
                                                        color: Color(0xFFCACAD4),
                                                      )
                                                    ],
                                                  ),
                                                  Container(
                                                    child: RichText(
                                                      text: TextSpan(
                                                          text: '${widget.confirmDict['itineraries'][index][indexSub==0?'setout':'arrive']}',
                                                          style: TextStyle(color: Color(0xFF000000),fontSize: hsp(30),fontWeight: FontWeight.bold),
                                                          children: [

                                                          ]
                                                      ),
                                                    ),
                                                    margin: EdgeInsets.only(left: wsp(10),top: hsp(5)),
                                                  )
                                                ],
                                              );
                                            },
                                            itemCount: 2,
                                            shrinkWrap: true,
                                            physics: NeverScrollableScrollPhysics(),
                                            padding: EdgeInsets.all(hsp(30)),
                                          ),
                                        ),
                                        Divider(height: 0.5,thickness: 0.5,color: Color(0xFFE9E9E9),indent: wsp(32),endIndent: wsp(32),),
                                        Container(
                                          padding: EdgeInsets.only(left: wsp(32),right: wsp(32),top: hsp(20),bottom: hsp(20)),
                                          child: Row(
                                            mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                            children: [
                                              Column(
                                                children: [
                                                  Text('出发',style: TextStyle(fontSize: zsp(24),color: Color(0xFF666666)),),
                                                  RichText(
                                                    text: TextSpan(
                                                        text: _getDateStr('${widget.confirmDict['itineraries'][index]['timeSetout']}'),
                                                        style: TextStyle(fontSize: zsp(28),fontWeight: FontWeight.bold,color: Colors.black),
                                                        children: [
                                                          // TextSpan(
                                                          //   text: '今天',
                                                          //   style: TextStyle(fontSize: zsp(24),fontWeight: FontWeight.normal),
                                                          // )
                                                        ]
                                                    ),
                                                  )],
                                                crossAxisAlignment: CrossAxisAlignment.start,
                                              ),
                                              Column(
                                                children: [
                                                  Text('到达',style: TextStyle(fontSize: zsp(24),color: Color(0xFF666666)),),
                                                  RichText(
                                                    text: TextSpan(
                                                        text: _getDateStr('${widget.confirmDict['itineraries'][index]['timeArrive']}'),
                                                        style: TextStyle(fontSize: zsp(28),fontWeight: FontWeight.bold,color: Colors.black),
                                                        children: [
                                                          // TextSpan(
                                                          //   text: '今天',
                                                          //   style: TextStyle(fontSize: zsp(24),fontWeight: FontWeight.normal),
                                                          // )
                                                        ]
                                                    ),
                                                  )
                                                ],
                                                crossAxisAlignment: CrossAxisAlignment.start,
                                              ),
                                             // Icon(Icons.keyboard_arrow_right,size: hsp(50),color: Color(0xFFC1C1C1),)
                                            ],
                                          ),
                                        ),
                                      ],
                                    ),
                                  );
                                },
                                separatorBuilder: (context,index){
                                  return Divider(height: 0.5,thickness: 0.5,color: Color(0xFFE9E9E9),indent: wsp(32),endIndent: wsp(32),);
                                },
                                itemCount: (widget.confirmDict['itineraries']).length,
                                padding: EdgeInsets.all(0),
                                physics: NeverScrollableScrollPhysics(),
                              ),
                              Divider(height: 0.5,thickness: 0.5,color: Color(0xFFE9E9E9),indent: wsp(32),endIndent: wsp(32),),
                              Container(
                                width: MediaQuery.of(context).size.width-wsp(60),
                                padding: EdgeInsets.all(wsp(32)),
                                child: Text('出行人数   ${widget.confirmDict['travelersNumber']}人',style: TextStyle(fontSize: zsp(36),color: Colors.black),),
                              ),
                              Divider(height: 0.5,thickness: 0.5,color: Color(0xFFE9E9E9),indent: wsp(32),endIndent: wsp(32),),
                              Container(
                                padding: EdgeInsets.all(wsp(32)),
                                child: Row(
                                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                  children: [
                                    Text('${widget.planeModel}',style: TextStyle(fontSize: zsp(36),color: Colors.black),),
                                   // Icon(Icons.keyboard_arrow_right,size: hsp(50),color: Color(0xFFC1C1C1),)
                                  ],
                                ),
                              ),
                              Divider(height: 0.5,thickness: 0.5,color: Color(0xFFE9E9E9),indent: wsp(32),endIndent: wsp(32),),
                              // GestureDetector(
                              //   onTap: (){
                              //     setState(() {
                              //       _isShow = !_isShow;
                              //     });
                              //   },
                              //   behavior: HitTestBehavior.opaque,
                              //   child: Container(
                              //       padding: EdgeInsets.all(wsp(32)),
                              //       child: Row(
                              //         mainAxisAlignment: MainAxisAlignment.spaceBetween,
                              //         children: [
                              //           Text('更多服务',style: TextStyle(fontSize: zsp(36),color: Colors.black),),
                              //           Icon(Icons.keyboard_arrow_down,size: hsp(50),color: Color(0xFFC1C1C1),)
                              //         ],
                              //       )
                              //   ),
                              // ),
                              // if(_isShow==true)Container(
                              //   decoration: BoxDecoration(
                              //       color: Colors.white,
                              //       borderRadius: BorderRadius.only(bottomRight: Radius.circular(10),bottomLeft: Radius.circular(10))
                              //   ),
                              //   child: ListView.builder(
                              //     shrinkWrap: true,
                              //     itemBuilder: (context,index){
                              //       return Container(
                              //         padding: EdgeInsets.only(bottom: wsp(20),left: hsp(30),right: hsp(30)),
                              //         child: Row(
                              //           mainAxisAlignment: MainAxisAlignment.spaceBetween,
                              //           children: [
                              //             Row(
                              //               children: [
                              //                 Text('${_packList[index]['name']}',style: TextStyle(fontSize: zsp(28),color: Color(0xFF999999)),),
                              //                 Container(
                              //                   width: wsp(50),
                              //                   child: GestureDetector(
                              //                     child: Icon(Icons.error_outline,size: hsp(40),color: Color(0xFF999999)),
                              //                   ),
                              //                 ),
                              //                 Text('${_packList[index]['price']}元',style: TextStyle(fontSize: zsp(28),color: Colors.black),),
                              //               ],
                              //             ),
                              //             GestureDetector(
                              //               child: Container(
                              //                 height: hsp(60),
                              //                 width: hsp(100),
                              //                 child: Image.asset(_chooses.contains(_packList[index])==true?'lib/images/kaiguankai.png':'lib/images/kaiguanguan.png'),
                              //               ),
                              //               onTap: (){
                              //                 setState(() {
                              //                   if(_chooses.contains(_packList[index])==true){
                              //                     _chooses.remove(_packList[index]);
                              //                   }else{
                              //                     _chooses.add(_packList[index]);
                              //                   }
                              //                 });
                              //               },
                              //             )
                              //           ],
                              //         ),
                              //       );
                              //     },
                              //     itemCount: _packList.length,
                              //     padding: EdgeInsets.all(0),
                              //     physics: NeverScrollableScrollPhysics(),
                              //   ),
                              // )
                            ],
                          ),
                        )
                      ],
                    ),
                  ),
                ),
                if(_isDetail==true)GestureDetector(
                  onTap: (){
                    setState(() {
                      _isDetail = false;
                    });
                  },
                  child: Container(
                    height: MediaQuery.of(context).size.height-hsp(120),
                    color: Colors.black45,
                    child: Container(
                      margin: EdgeInsets.only(top: MediaQuery.of(context).size.height-hsp(120)-hsp(370)),
                      height: hsp(370),
                      decoration: BoxDecoration(
                          color: Colors.white,
                          borderRadius: BorderRadius.only(topLeft: Radius.circular(10),topRight: Radius.circular(10))
                      ),
                      child: GestureDetector(
                        onTap: (){},
                        behavior: HitTestBehavior.opaque,
                        child: Column(
                          children: [
                            Container(
                              height: hsp(100),
                              padding: EdgeInsets.only(left: 15,right: 15),
                              child: Row(
                                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                children: [
                                  GestureDetector(
                                    child: Text('关闭',style: TextStyle(fontSize: 15,color: Color(0xFF007EFF),decoration: TextDecoration.none),),
                                    onTap: (){
                                      setState(() {
                                        _isDetail = false;
                                      });
                                    },
                                  ),
                                  Text('明细',style: TextStyle(fontSize: 15,color: Color(0xFF000000),decoration: TextDecoration.none,fontWeight: FontWeight.bold),),
                                  Container(width: wsp(50),),
                                ],
                              ),
                            ),
                            Container(
                              height: hsp(100),
                              color: Color(0xFFF7F8F9),
                              padding: EdgeInsets.only(left: wsp(40),right: wsp(40),bottom: hsp(20),top: hsp(20)),
                              child: Row(
                                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                children: [
                                  Text('座位',style: TextStyle(fontSize: zsp(32),color: Color(0xFF000000),decoration: TextDecoration.none),),
                                  Text('￥ ${widget.confirmDict['price']}x ${widget.confirmDict['travelersNumber']}人',style: TextStyle(fontSize: 15,color: Color(0xFF007EFF),decoration: TextDecoration.none),),
                                ],
                              ),
                            ),
                            Container(
                              color: Color(0xFFF7F8F9),
                              height: hsp(170),
                              child: ListView.builder(
                                padding: EdgeInsets.all(0),
                                itemBuilder: (context,index){
                                  return Container(
                                    padding: EdgeInsets.only(left: wsp(40),right: wsp(40),bottom: hsp(10)),
                                    child: Row(
                                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                      children: [
                                        Text('${_chooses[index]['name']}',style: TextStyle(fontSize: zsp(28),color: Color(0xFF9A9A9A)),),
                                        Text('￥ ${_chooses[index]['price']}',style: TextStyle(fontSize: zsp(28),color: Color(0xFF9A9A9A)),),
                                      ],
                                    ),
                                  );
                                },
                                itemCount: _chooses.length,
                              ),
                            )
                          ],
                        ),
                      ),
                    ),
                  ),
                )
              ],
            ),
            Container(
              height: hsp(120),
              width: MediaQuery.of(context).size.width,
              color: Colors.white,
              padding: EdgeInsets.only(left: wsp(30),right: wsp(30)),
              child: Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: [
                  RichText(
                    text: TextSpan(
                      text: '参考价(￥)',
                      style: TextStyle(fontSize: zsp(22),color: Color(0xFF181818)),
                      children: [
                        TextSpan(
                          text: ' ${_getPrice()}',
                          style: TextStyle(fontSize: zsp(40),color: Color(0xFFFF6600)),
                        )
                      ]
                    ),
                  ),
                  GestureDetector(
                    child: Row(
                      children: [
                        Text('明细',style: TextStyle(fontSize: zsp(22),color: Color(0xFF181818)),),
                        Icon(Icons.keyboard_arrow_up,size: hsp(30),color: Color(0xFF007EFF),),
                      ],
                    ),
                    onTap: (){
                      setState(() {
                        _isDetail = !_isDetail;
                      });
                    },
                  ),
                  GestureDetector(
                    onTap: (){
                      _postPlaneOrderData();
                    },
                    child: Container(
                      height: hsp(70),
                      padding: EdgeInsets.only(left: wsp(50),right: wsp(50)),
                      decoration: BoxDecoration(
                        color: Color(0xFF007EFF),
                        borderRadius: BorderRadius.all(Radius.circular(50))
                      ),
                      alignment: Alignment.center,
                      child: Text('立即预约',style: TextStyle(fontSize: zsp(30),color: Colors.white,fontWeight: FontWeight.bold),),
                    ),
                  )
                ],
              ),
            )
          ],
        ),
      ),
    );
  }
  _postPlaneOrderData() async{
    widget.orderDict['price'] = '${_getPrice()}';
    List array = [];
    _chooses.forEach((element) {
      array.add(element['id']);
    });
    widget.orderDict['serviceIds'] = array.join(',');
    showNegotiateAlertDio(
        context,
        content: _noticeStr,
        sure: () async{
          Map dict = await ysRequestHttp(context,type: requestType.post,api: '/app/applets/airplaneorder/createOrder',parameter: widget.orderDict,isLoading: true,isToken: true);
          if(dict!=null){
            Navigator.of(context).push(
                CupertinoPageRoute(
                    builder: (context){
                      return YSPay(orderDict: dict['data'],type: payType.business,);
                    }
                )
            );
          }
        }
    );
  }

  _getPackData() async{
    Map dict = await ysRequestHttp(context,type: requestType.get,api: '/app/applets/airplaneservice/get',parameter: {'type':7},isLoading: true,isToken: false);
    if(dict!=null){
      _packList = dict['data'];
    }
  }

  _getDateStr(String date){
    return date;//date.substring(0,date.length-3);
  }

  _getPrice(){//*int.parse('${widget.confirmDict['travelersNumber']}')
    double price = double.parse('${widget.confirmDict['price']}');
    _chooses.forEach((element) {
      price+=double.parse('${element['price']}');
    });
    return price.toStringAsFixed(2);
  }
  _getNoticeData() async{
    Map dict = await ysRequestHttp(context,type: requestType.get,api: '/app/applets/airplaneservice/ctrip',parameter: {'type':7});
    if(dict!=null){
      _noticeStr = dict['data']['value'];
    }
  }
}