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_change.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 'dart:convert';
import 'package:shared_preferences/shared_preferences.dart';
import 'package:liftmanager/common/common.dart';
import 'package:flustars/flustars.dart' as flustars;
import 'package:liftmanager/utils/theme_utils.dart';

class InterrogationPage extends StatefulWidget {
  InterrogationPage(this.brandName,this.brandId);

  final String brandName;
  final String brandId;
  

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

class InterrogationPageState extends State<InterrogationPage> {
  // NewsDetailItem item = NewsDetailItem();
  

  List<String> imagesUrl = [];
  List<String> imagesUrlVideo = [];
   List<String> videoUrl = [];
  @override
  void initState() {
    super.initState();
    print(widget.brandName);
    print(widget.brandId);
    print(65656);
  }
  //图片
  upLoadFileOnce(path) {
    showLoading(context, "正在上传...");
    NewApiService().upload(path, onSuccess: (res) {
      // imagesUrl.add(res.path);
      dismissLoading(context);
      setState(() {
        imagesUrl.add(res.pathUrl);
      });
    }, onError: (code, msg) {
      dismissLoading(context);
      toasts(msg);
    });
  }

  //视频
  upLoadFileOnceVideo(path) {
    showLoading(context, "正在上传...");
    NewApiService().upload(path, onSuccess: (res) {
      // imagesUrl.add(res.path);
      dismissLoading(context);
      setState(() {
        videoUrl.add(res.pathUrl);
        imagesUrlVideo.add(res.coverUrl);
      });
    }, onError: (code, msg) {
      dismissLoading(context);
      toasts(msg);
    });
  }

  ///选择图片
  void selectPicker(type) {
    showDialog(
        context: context,
        builder: (BuildContext context) {
          return SimpleDialog(
              title: Text("选择方式"),
              children: ["拍照", '从手机相册选择'].map((String value) {
                print("$value");
                return SimpleDialogOption(
                  child: Text(
                    "${value}",
                    style: TextStyle(fontSize: 16, fontWeight: FontWeight.w500),
                  ),
                  onPressed: () {
                    if(type=="image"){
                      _getImage(value == '拍照' ? 1 : 0);
                    }else if (type=="video") {
                      _getVideo(value == '拍照' ? 1 : 0);
                    }
                    
                    Navigator.of(context).pop();
                  },
                );
              }).toList());
        });
  }

  void _getImage(int key) async {
    try {
      var _imageFile = await ImagePicker.pickImage(
          source: key == 1 ? ImageSource.camera : ImageSource.gallery,
          maxWidth: 800,
          imageQuality: 95);
          print(_imageFile);
          print(3333);
      if (_imageFile != null) {
        // images.add(_imageFile);
        upLoadFileOnce(_imageFile.path);
        // setState(() {});
      }
    } catch (e) {
      toasts("没有权限，无法打开相册！");
    }
  }

  void _getVideo(int key) async {
    print(key);
    print(333);
    try {
      var _imageFile = await ImagePicker.pickVideo(
          source: key == 1 ? ImageSource.camera : ImageSource.gallery,
      );
      if (_imageFile != null) {
        // print(123);
        // print(_imageFile);
        // print(jsonEncode(_imageFile));
        print(123);
        
        upLoadFileOnceVideo(_imageFile.path);
        setState(() {});
      }
    } catch (e) {
      toasts("没有权限，无法打开相册！");
    }
  }


    // 焦点控制
    // FocusNode _focusNode1 = new FocusNode(); 
    GlobalKey _formKey= new GlobalKey<FormState>();
    TextEditingController _questionController = new TextEditingController();
    TextEditingController _methodController = new TextEditingController();

     FocusNode blankNode = FocusNode();

  @override
  Widget build(BuildContext context) {

    double width = MediaQuery.of(context).size.width;

    

    // 监听FocusNode
    // _focusNode1.addListener((){
    //   // _focusNode1.hasFocus 是否聚焦
    //   print(_focusNode1.hasFocus);
    // });

    return Scaffold(
      resizeToAvoidBottomPadding: false,//不让键盘弹上去
      appBar: MyAppBar(
        centerTitle: "我要提问",
      ),
      body: GestureDetector(
        onTap: (){
          // 点击空白页面关闭键盘
          FocusScope.of(context).requestFocus(blankNode);
        },
        child: Stack(
          children:<Widget>[
            Container(
              padding: EdgeInsets.only(bottom:ScreenUtil().setWidth(80)),
          child: ListView(
            children: <Widget>[
              Form(
                key: _formKey, //设置globalKey，用于后面获取FormState
                // autovalidate: true, //开启自动校验
                child: Column(
            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(14)
                      ),
                      textAlign:TextAlign.start,
                    ),
                    Text(
                      widget.brandName,
                      style: TextStyle(
                        color:Color(0xff999999),
                        // fontSize:ScreenUtil().setSp(14)
                      ),
                      textAlign:TextAlign.start,
                    ),
                  ]
                ),
              ),
              
              Row(
                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(14),
                      ),
                      textAlign:TextAlign.left,
                    ),
                  ),
                ],
              ),
              Container(
                height:120,
                padding: EdgeInsets.only(left:ScreenUtil().setWidth(15),right:ScreenUtil().setWidth(15),bottom:ScreenUtil().setWidth(20)),
                child: TextFormField(
                        // autofocus: true,
                        maxLength: 50,
                        cursorColor: Color(0xffcccccc),
                        controller: _questionController,
                        maxLines:5,
                        decoration: InputDecoration(
                          contentPadding: EdgeInsets.all(0),
                          
                            hintText: '请详细描述事故问题和现场情况',
                            hintStyle:TextStyle(
                              color: Color(0xffcccccc),
                              // fontSize: ScreenUtil().setSp(14),
                            ),
                            focusedBorder: InputBorder.none,
                            border: InputBorder.none,
                            // filled: true, // 背景色
                            // fillColor: Colors.cyan.withAlpha(35),
                            // icon: Icon(Icons.person)
                        ),
                        
                        // 校验
                        validator: (val) {
                          return val.trim().length > 0 ? null : "不能为空";
                        }

                    ),
              ),
              SizedBox(
                height:6,
                child: Container(
                  color:ThemeUtils.getDialogTextFieldColor(context)
                ),
              ),
              Row(
                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(14),
                            
                      ),
                      textAlign:TextAlign.left,
                    ),
                  ),
                ],
              ),
              Container(
                height:120,
                padding: EdgeInsets.only(left:ScreenUtil().setWidth(15),right:ScreenUtil().setWidth(15),bottom:ScreenUtil().setWidth(20)),
                child: TextFormField(
                        // autofocus: true,
                        maxLength: 50,
                        cursorColor: Color(0xffcccccc),
                        controller: _methodController,
                        maxLines:5,
                        decoration: InputDecoration(
                          contentPadding: EdgeInsets.all(0),
                          
                            hintText: '请详细描述已尝试方法以及结果',
                            hintStyle:TextStyle(
                              color: Color(0xffcccccc),
                              // fontSize: ScreenUtil().setSp(14),
                            ),
                            focusedBorder: InputBorder.none,
                            border: InputBorder.none,
                            // filled: true, // 背景色
                            // fillColor: Colors.cyan.withAlpha(35),
                            // icon: Icon(Icons.person)
                        ),
                        
                        // 校验
                        validator: (val) {
                          return val.trim().length > 0 ? null : "不能为空";
                        }

                    ),
              ),
              SizedBox(
                height:6,
                child: Container(
                  color:ThemeUtils.getDialogTextFieldColor(context)
                ),
              ),
              Container(
                width: width,
                padding: EdgeInsets.only(left:15,top:15),
                child: Text(
                                                        "上传图片：",
                                                        style: TextStyle(
                                                            fontSize:
                                                                ScreenUtil()
                                                                    .setSp(14),
                                                            ),
                                                            textAlign: TextAlign.left,
                                                      ),
              ),
              Container(
                color: ThemeUtils.getTabsBg(context),
                child: GridView.builder(
                  shrinkWrap: true,
                  padding: const EdgeInsets.fromLTRB(8.0, 12, 8.0, 12.0),
                  physics: NeverScrollableScrollPhysics(),
                  gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                      crossAxisCount: 3, childAspectRatio: 1.18),
                  itemCount: imagesUrl.length >= 9 ? 9 : imagesUrl.length + 1,
                  itemBuilder: (_, index) {
                    return Stack(
                      children: <Widget>[
                        Center(
                          child: SelectedImage(
                              image: index < imagesUrl.length ? imagesUrl[index] : null,
                              index:index,
                              onTap: () {
                                if(index >= imagesUrl.length){
                                  selectPicker("image");
                                }
                                FocusScope.of(context).requestFocus(FocusNode());
                                print(index);
                                print(imagesUrl);
                              }),
                        ),
                        index < imagesUrl.length?Positioned(
                          top:0,
                          right:0,
                          child:GestureDetector(
                            onTap: (){
                              print(index);
                              imagesUrl.remove(imagesUrl[index]);
                              setState(() {
                                
                              });
                            },
                            child:Icon(
                                IconData(
                                  0xe62a,
                                  fontFamily:"myfont"
                                ),
                                size: 24.0,
                                color:Color(0xff999999),
                              ),
                          )
                        ):Container(child: null,)
                      ],
                    );
                  },
                )
              ),
              SizedBox(
                height:6,
                child: Container(
                  color:ThemeUtils.getDialogTextFieldColor(context)
                ),
              ),
              Container(
                width: width,
                padding: EdgeInsets.only(left:15,top:15),
                child: Text(
                                                        "上传视频：",
                                                        style: TextStyle(
                                                            fontSize:
                                                                ScreenUtil()
                                                                    .setSp(14),
                                                            ),
                                                            textAlign: TextAlign.left,
                                                      ),
              ),
              Container(
                width: width,
                padding: EdgeInsets.only(left:15),
                child: Text(
                                                        "(建议时长3分钟，建议大小50M)",
                                                        style: TextStyle(
                                                          color: Colors.red,
                                                            fontSize:
                                                                ScreenUtil()
                                                                    .setSp(14),
                                                            ),
                                                            textAlign: TextAlign.left,
                                                      ),
              ),
              Container(
                color: ThemeUtils.getTabsBg(context),
                child: GridView.builder(
                  shrinkWrap: true,
                  padding: const EdgeInsets.fromLTRB(8.0, 12, 8.0, 12.0),
                  physics: NeverScrollableScrollPhysics(),
                  gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                      crossAxisCount: 3, childAspectRatio: 1.18),
                  itemCount: videoUrl.length >= 1 ? 1 : videoUrl.length + 1,
                  itemBuilder: (_, index) {
                    return Stack(
                      children: <Widget>[
                        Center(
                          child: SelectedImage(
                              image: index < videoUrl.length ? imagesUrlVideo[index] : null,
                              index:index,
                              onTap: () {
                                if(index >= videoUrl.length){
                                  selectPicker("video");
                                }
                                FocusScope.of(context).requestFocus(FocusNode());
                                print(index);
                                print(videoUrl);
                              }),
                        ),
                        index < videoUrl.length?Positioned(
                          top:0,
                          right:0,
                          child:GestureDetector(
                            onTap: (){
                              print(index);
                              videoUrl.remove(videoUrl[index]);
                              imagesUrlVideo.remove(imagesUrlVideo[index]);
                              setState(() {
                                
                              });
                            },
                            child:Icon(
                                IconData(
                                  0xe62a,
                                  fontFamily:"myfont"
                                ),
                                size: 24.0,
                                color:Color(0xff999999),
                              ),
                          )
                        ):Container(child: null,)
                      ],
                    );
                  },
                )
              ),
              
            ],
          ),
              )
            ]
          )
          
        ),
        Positioned(
                bottom:0,
                left:0,
                child:Container(
                  width: width,
                  padding: EdgeInsets.only(top:ScreenUtil().setWidth(15),bottom:ScreenUtil().setWidth(15),left:ScreenUtil().setWidth(25),right:ScreenUtil().setWidth(25)),
                  color:ThemeUtils.getDialogTextFieldColor(context),
                  child: Container(
                        height:ScreenUtil().setWidth(44),
                        decoration: BoxDecoration(
                          borderRadius: BorderRadius.circular(22.0),
                          gradient: const LinearGradient(
                                          colors: [Color(0xFF00D9FF), Color(0xFF0287FF)]),
                        ),
                        child: FlatButton(
                          // padding: EdgeInsets.all(15.0),
                          child: Text("提交"),
                          textColor: Colors.white,
                          // textColor: Colors.white,
                          onPressed: () {
                            // if(imagesUrl.length<1){
                            //   toasts("请上传图片");
                            //   return; 
                            // }
                            String imgs = "";
                            if(imagesUrl.length > 0){
                              imgs = imagesUrl.join(",");
                            }
                            String videoImgs = "";
                            if(videoUrl.length > 0){
                              videoImgs = videoUrl.join(",");
                            }
                            
                          if((_formKey.currentState as FormState).validate()){
                            dynamic obj = {
                              "dataTable":"1",
                              "brandId":widget.brandId,
                              "expression":_questionController.text,
                              "usedMethods":_methodController.text,
                              "imgs":imgs,
                              "videoUrl":videoImgs,
                              "createUserId":int.parse(flustars.SpUtil.getString(Constant.userId)),
                              "chargerId":1
                            };
                            showLoading(context, "正在提交...");
                          
                            NewApiService().createCase(obj, onSuccess: (res) {
                                dismissLoading(context);
                                toasts("提交成功");
                                FocusScope.of(context).requestFocus(FocusNode());
                                print(res);
                                print(999999);
                                setDataId(res);
                                setType("1");
                                print(widget.brandId);
                                NavigatorUtils.push(context, "${BbsRouter.expertList}?id=${widget.brandId}");
                              }, onError: (code, msg) {
                                dismissLoading(context);
                                toasts(msg);
                              });
                            
                            
                          }
                          },
                        ),
                      ),
                )
              )
          ]
        ),
      ),
    );
  }

  void setDataId (int id)async{
    SharedPreferences prefs = await SharedPreferences.getInstance();
    prefs.setInt("dataId", id);
    
  }
  void setType (String type)async{
    SharedPreferences prefs = await SharedPreferences.getInstance();
    prefs.setString("questionType", type);
    
  }
}