import 'package:flutter/material.dart';
import 'package:liftmanager/res/gaps.dart';
import 'package:liftmanager/net/api_service.dart';
import 'package:liftmanager/utils/toast.dart';
import 'package:liftmanager/widgets/app_bar.dart';
import 'package:liftmanager/internal/search/search_router.dart';
import 'package:liftmanager/widgets/app_search_bar.dart';
import 'package:liftmanager/res/resources.dart';
import 'package:liftmanager/routers/fluro_navigator.dart';
import 'package:liftmanager/widgets/load_image.dart';
import 'package:liftmanager/widgets/selected_image.dart';
import 'package:image_picker/image_picker.dart';
import 'dart:io';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:liftmanager/internal/bbs/bbs_router.dart';
import 'package:liftmanager/utils/url.dart';
import 'package:liftmanager/utils/time_format.dart';
import 'dart:convert';
import 'package:liftmanager/widgets/preview_images.dart';
import 'package:liftmanager/utils/utils.dart';
import 'package:liftmanager/utils/theme_utils.dart';
import 'package:video_player/video_player.dart';
import 'package:chewie/chewie.dart';
import 'package:flutter/services.dart';
import 'package:orientation/orientation.dart';

class RecommendAsk extends StatefulWidget {
  RecommendAsk(this.id,this.type);

  final String id;
  final String type;
  

  @override
  State<StatefulWidget> createState() {
    return RecommendAskState();
  }
}

class RecommendAskState extends State<RecommendAsk> {
  // NewsDetailItem item = NewsDetailItem();
  
  ScrollController _scrollController = new ScrollController();
  VideoPlayerController _controller;
  @override
  void initState() {
    super.initState();
    // getDetail();
    Future.delayed(Duration(milliseconds: 100),(){
      getDetail();
    });
  }

  bool _hasData = false;
  List<String> listPreview = [];
  var detailObj;
  getDetail() {
    NewApiService().getLiftcaseDetail(int.parse(widget.id), onSuccess: (res) {
      detailObj = res;
      if(detailObj.videoUrl!=null){
        _controller = VideoPlayerController.network(
                                        Utils.getImagePath(detailObj.videoUrl) 
                                        // imgFontUrl + detailObj.url
                                        );
      }
      
      listPreview = [];
                                                        
                                                        detailObj.imgs.split(",").forEach((element) {
                                                          listPreview.add(Utils.getImagePath(element,isWater: true));
                                                        });
      print("获取详情成功");
      print(JsonEncoder().convert(res));
      _hasData = true;
      setState(() {});
    }, onError: (code, msg) {
      toasts(msg);
    });
  }

  orderReceiving(){
    var obj = {
      "acceptStatus": 1,
      "id":detailObj.id
    };
    
    NewApiService().orderReceiving(obj, onSuccess: (res) {
      toasts("操作成功");
      NavigatorUtils.push(context, "${BbsRouter.chatRoom}?id=${detailObj.sessionId}&type=someToOne");
      _hasData = true;
      setState(() {});
    }, onError: (code, msg) {
      toasts(msg);
    });
  }

  orderRefuze(){
    
    NewApiService().orderRefuze(detailObj.id, onSuccess: (res) {
      toasts("操作成功");
      NavigatorUtils.push(context, BbsRouter.workPlace);
      _hasData = true;
      setState(() {});
    }, onError: (code, msg) {
      toasts(msg);
    });
  }

  getTitle(){
    String str;
    if(widget.type=="1"){
      str = "问诊推荐";
    }else if (widget.type=="2"){
      str = "出诊推荐";
    }else if (widget.type=="3"){
      str = "诊单详情";
    }
    return str;
  }

  @override
  void dispose() {
    if(_controller!=null){
      _controller.pause();
      _controller.dispose();
    }
    // SystemChrome.setPreferredOrientations([
    //   DeviceOrientation.portraitUp,
    // ]);
    OrientationPlugin.forceOrientation(DeviceOrientation.portraitUp);
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {

    double width = MediaQuery.of(context).size.width;
    double height = MediaQuery.of(context).size.height;
    if(width < height){
      // SystemChrome.setPreferredOrientations([
      //   DeviceOrientation.portraitUp,
      // ]);
      OrientationPlugin.forceOrientation(DeviceOrientation.portraitUp);
    }

    return Scaffold(
      resizeToAvoidBottomPadding: false,//不让键盘弹上去
      appBar: MyAppBar(
        centerTitle: getTitle(),
      ),
      body:_hasData?Stack(
        children:<Widget>[
          Container(
            padding: EdgeInsets.only(bottom:widget.type!="3"?ScreenUtil().setWidth(70):ScreenUtil().setWidth(10)),
        child: ListView(
          children: <Widget>[
            Column(
              crossAxisAlignment: CrossAxisAlignment.start,
          children: <Widget>[
            Container(
              padding: EdgeInsets.only(left:ScreenUtil().setWidth(15),right:ScreenUtil().setWidth(15),top:ScreenUtil().setWidth(10),bottom:ScreenUtil().setWidth(10)),
              decoration: BoxDecoration(
                border: Border(
                  bottom: BorderSide(width: 0.5, color: Colours.line),
                ),
              ),
              child: Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children:<Widget>[
                  Text(
                    "提问人",
                    style: TextStyle(
                      fontSize:ScreenUtil().setSp(17)
                    ),
                    textAlign:TextAlign.start,
                  ),
                  Row(
                    children: <Widget>[
                      Text(
                        detailObj.name??"",
                        style: TextStyle(
                          color:Color(0xff666666),
                          fontSize:ScreenUtil().setSp(15)
                        ),
                        textAlign:TextAlign.start,
                      ),
                      Container(
                                margin: EdgeInsets.only(left:ScreenUtil().setWidth(10),right:ScreenUtil().setWidth(10),top:ScreenUtil().setWidth(5)),
                                decoration: BoxDecoration(
                                  borderRadius: BorderRadius.circular(ScreenUtil().setWidth(25)),
                                ),
                                child: 
                                ClipRRect(
                                  borderRadius:
                            BorderRadius.circular(ScreenUtil().setWidth(22)),
                                  child: LoadNetworkImage(
                                    detailObj.avatarUrl,
                                    width: ScreenUtil().setWidth(37),
                                    height:ScreenUtil().setWidth(37),
                                    // alignment: Alignment.centerLeft,
                                  ),
                                ),
                                
                              ),
                    ],
                  )
                ]
              ),
            ),
            Container(
              padding: EdgeInsets.only(left:ScreenUtil().setWidth(15),right:ScreenUtil().setWidth(15),top:ScreenUtil().setWidth(10),bottom:ScreenUtil().setWidth(10)),
              decoration: BoxDecoration(
                border: Border(
                  bottom: BorderSide(width: 0.5, color: Colours.line),
                ),
              ),
              child: Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children:<Widget>[
                  Text(
                    "电梯品牌",
                    style: TextStyle(
                      fontSize:ScreenUtil().setSp(17)
                    ),
                    textAlign:TextAlign.start,
                  ),
                  Text(
                    detailObj.brandName??"",
                    style: TextStyle(
                      color:Color(0xff666666),
                      fontSize:ScreenUtil().setSp(15)
                    ),
                    textAlign:TextAlign.start,
                  ),
                ]
              ),
            ),

            detailObj.dataTable==2?Container(
              padding: EdgeInsets.only(left:ScreenUtil().setWidth(15),right:ScreenUtil().setWidth(15),top:ScreenUtil().setWidth(10),bottom:ScreenUtil().setWidth(10)),
              decoration: BoxDecoration(
                border: Border(
                  bottom: BorderSide(width: 0.5, color: Colours.line),
                ),
              ),
              child: Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children:<Widget>[
                  Text(
                    "出诊时间",
                    style: TextStyle(
                      fontSize:ScreenUtil().setSp(17)
                    ),
                    textAlign:TextAlign.start,
                  ),
                  Text(
                    detailObj.arrivedTime!=null?DateUtils.instance
                                                      .getFormartData(
                                                          timeSamp: detailObj.arrivedTime,
                                                          format: "yyyy-MM-dd HH:mm"):"",
                    style: TextStyle(
                      color:Color(0xff666666),
                      fontSize:ScreenUtil().setSp(15)
                    ),
                    textAlign:TextAlign.start,
                  ),
                ]
              ),
            ):Container(child:null),
            detailObj.dataTable==2?Container(
              padding: EdgeInsets.only(left:ScreenUtil().setWidth(15),right:ScreenUtil().setWidth(15),top:ScreenUtil().setWidth(10),bottom:ScreenUtil().setWidth(10)),
              decoration: BoxDecoration(
                border: Border(
                  bottom: BorderSide(width: 0.5, color: Colours.line),
                ),
              ),
              child: Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                crossAxisAlignment: CrossAxisAlignment.start,
                children:<Widget>[
                  Text(
                    "出诊地点",
                    style: TextStyle(
                      fontSize:ScreenUtil().setSp(17)
                    ),
                    textAlign:TextAlign.start,
                  ),
                  Container(
                    width:width*0.7,
                    child:Text(
                      detailObj.address!=null?detailObj.address.split(",")[0]:"",
                      style: TextStyle(
                        color:Color(0xff666666),
                        fontSize:ScreenUtil().setSp(18)
                      ),
                      textAlign:TextAlign.end,
                    ),
                  )
                ]
              ),
            ):Container(child:null),
            
            Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              mainAxisAlignment: MainAxisAlignment.start,
              children: <Widget>[
                Container(
                  padding:EdgeInsets.only(left:ScreenUtil().setWidth(15),top:ScreenUtil().setWidth(10),bottom:ScreenUtil().setWidth(5)),
                  child: Text(
                    "问题描述",
                    style: TextStyle(
                          fontSize:ScreenUtil().setSp(17),
                          
                    ),
                    textAlign:TextAlign.left,
                  ),
                ),
                Container(
                  padding: EdgeInsets.only(left:ScreenUtil().setWidth(15),right:ScreenUtil().setWidth(15),bottom:ScreenUtil().setWidth(50)),
                  child: Text(
                        detailObj.expression??"",
                        style: TextStyle(
                              color:Color(0xff666666),
                              fontSize:ScreenUtil().setSp(15),
                              
                        ),
                        textAlign:TextAlign.left,
                      ),
                ),
              ],
            ),
            
            SizedBox(
              height:6,
              child: Container(
                color:ThemeUtils.getDialogTextFieldColor(context)
              ),
            ),
            Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              mainAxisAlignment: MainAxisAlignment.start,
              children: <Widget>[
                Container(
                  padding:EdgeInsets.only(left:ScreenUtil().setWidth(15),top:ScreenUtil().setWidth(10),bottom:ScreenUtil().setWidth(5)),
                  child: Text(
                    "已尝试方法",
                    style: TextStyle(
                          fontSize:ScreenUtil().setSp(17),
                          
                    ),
                    textAlign:TextAlign.left,
                  ),
                ),
                Container(
                  padding: EdgeInsets.only(left:ScreenUtil().setWidth(15),right:ScreenUtil().setWidth(15),bottom:ScreenUtil().setWidth(50)),
                  child: Text(
                        detailObj.usedMethods??"",
                        style: TextStyle(
                              color:Color(0xff666666),
                              fontSize:ScreenUtil().setSp(15),
                              
                        ),
                        textAlign:TextAlign.left,
                      ),
                ),
              ],
            ),
            
            SizedBox(
              height:6,
              child: Container(
                color:ThemeUtils.getDialogTextFieldColor(context)
              ),
            ),
            Container(
              padding: EdgeInsets.all(15),
              color: ThemeUtils.getTabsBg(context),
              child: Wrap(
                spacing: 20,
                runSpacing : 15,
                children:List<Widget>.from(
                    detailObj.imgs.split(",").asMap().keys.map((index){
                      return 
                      GestureDetector(
                        onTap: (){

                          Navigator.of(context).push(
                                  new FadeRoute(
                                    page: PhotoViewGalleryScreen(
                                      images: listPreview, //传入图片list
                                      index: index, //传入当前点击的图片的index
                                      // heroTag: img,//传入当前点击的图片的hero tag （可选）
                                    ),
                                  ),
                                );
                        },
                        child: LoadNetworkImage(
                          detailObj.imgs.split(",")[index],
                          width: ScreenUtil().setWidth(100),
                          height:ScreenUtil().setWidth(100),
                          isWater: true,
                          // alignment: Alignment.centerLeft,
                        ),
                      );
                    }).toList()
                  )
              )
            ),
            detailObj.videoUrl!=null?SizedBox(
              height:6,
              child: Container(
                color:ThemeUtils.getDialogTextFieldColor(context)
              ),
            ):Container(child:null),
           detailObj.videoUrl!=null ? Container(
                          padding: EdgeInsets.only(
                              left: ScreenUtil().setWidth(15),
                              right: ScreenUtil().setWidth(15),
                              top: ScreenUtil().setWidth(15)),
                          child: ClipRRect(
                            borderRadius: BorderRadius.circular(5),
                            child: new Chewie(
                              controller: ChewieController(
                                videoPlayerController:
                                    // VideoPlayerController.network(
                                    //     imgFontUrl + detailObj.url
                                    //     ),
                                    _controller,
                                aspectRatio: 3 / 2,
                                autoPlay: false,
                                looping: true,
                                showControls: true,
                                deviceOrientationsAfterFullScreen:[DeviceOrientation.portraitUp,],
                                // 占位图
                                // placeholder: Image.network(
                                //     imgFontUrl+detailObj.cover,
                                //     fit: BoxFit.contain,

                                //   ),

                                // 是否在 UI 构建的时候就加载视频
                                autoInitialize: true,

                                // 拖动条样式颜色
                                materialProgressColors:
                                    new ChewieProgressColors(
                                  playedColor: Colors.red,
                                  handleColor: Colors.blue,
                                  backgroundColor: Colors.grey,
                                  bufferedColor: Colors.lightGreen,
                                ),
                              ),
                            ),
                          )):Container(child:null),
          ],
        ),
          ]
        )
        
      ),
      Positioned(
              bottom:0,
              left:0,
              child:widget.type!="3"? Container(
                width: width,
                child: Row(
                  children:<Widget>[
                    
                    Container(
                      height:ScreenUtil().setWidth(70),
                      width:width/2,
                      color: Colors.white,
                      child: FlatButton(
                        // padding: EdgeInsets.all(15.0),
                        child: Text("拒绝",style: TextStyle(fontSize:ScreenUtil().setSp(16)),),
                        textColor: Color(0xff222222),
                        onPressed: () {
                          
                          // NavigatorUtils.push(context, BbsRouter.questionPay);
                          orderRefuze();
                          
                        },
                      ),
                    ),
                    Container(
                      height:ScreenUtil().setWidth(70),
                      width:width/2,
                      color: Color(0xff0388FD),
                      child: FlatButton(
                        // padding: EdgeInsets.all(15.0),
                        child: Text("接单",style: TextStyle(fontSize:ScreenUtil().setSp(16)),),
                        textColor: Colors.white,
                        onPressed: () {
                          
                          // NavigatorUtils.push(context, BbsRouter.questionPay);
                          orderReceiving();
                          
                        },
                      ),
                    ),
                  ]
                )
              ):Container(child:null)
            )
        ]
      ):Center(
              child: Text("正在加载..."),
            ),
    );
  }

  
}

class FadeRoute extends PageRouteBuilder {
  final Widget page;
  FadeRoute({this.page})
      : super(
          pageBuilder: (
            BuildContext context,
            Animation<double> animation,
            Animation<double> secondaryAnimation,
          ) =>
              page,
          transitionsBuilder: (
            BuildContext context,
            Animation<double> animation,
            Animation<double> secondaryAnimation,
            Widget child,
          ) =>
              FadeTransition(
            opacity: animation,
            child: child,
          ),
        );
}