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:intl/intl.dart';
// 时间戳工具类
import 'package:liftmanager/utils/time_format.dart';
import 'package:date_format/date_format.dart';
import 'package:flutter_cupertino_date_picker/flutter_cupertino_date_picker.dart';
// import 'package:amap_search_fluttify/amap_search_fluttify.dart';
import 'package:liftmanager/internal/bbs/bbs_router.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'package:liftmanager/utils/time_format.dart';
import 'package:liftmanager/utils/fast_notification.dart';

import 'package:liftmanager/common/common.dart';
import 'package:flustars/flustars.dart' as flustars;
import 'package:permission_handler/permission_handler.dart';
// import 'package:amap_all_fluttify/amap_all_fluttify.dart';
import 'package:liftmanager/utils/theme_utils.dart';


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

  final String brandName;
  final String brandId;

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

class VisitPageState extends State<VisitPage> {
  // NewsDetailItem item = NewsDetailItem();

  ScrollController _scrollController = new ScrollController();
  String extAddress;
  List<String> imagesUrl = [];
  List<String> imagesUrlVideo = [];
   List<String> videoUrl = [];
  String addressName = "";
  // String addressName = "湖北省武汉市洪山区武大科技园豪迈大厦,30.46139,114.414463";
  @override
  void initState() {
    super.initState();
    print(widget.brandName);
    print(widget.brandId);
    print(65656);
    FastNotification.addListener("set_address", (setAddress) {
      setState(() {
        addressName = setAddress;
        print(addressName);
        print(222222224);
      });
    });
    // getLocation();
  }
  Future<bool> requestPermission() async {
    final permissions = await PermissionHandler()
        .requestPermissions([PermissionGroup.location]);
    if (permissions[PermissionGroup.location] == PermissionStatus.granted) {
      return true;
    } else {
      toasts('需要定位权限!');
      return false;
    }
  }

  // getLocation() async {
  //   if (await requestPermission()) {
  //     Location location = await AmapLocation.fetchLocation();
  //     String address =  location.province + location.city + location.district + location.street + location.aoiName; 
  //     print(address);
     
  //     setState(() {
  //       addressName = address;
  //     });
  //   }
  // }

  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 blankNode = FocusNode();

  // 文本编辑控制
  TextEditingController _textEditingController = new TextEditingController();
  // 焦点控制
  GlobalKey _formKey = new GlobalKey<FormState>();
  TextEditingController _questionController = new TextEditingController();
  TextEditingController _methodController = new TextEditingController();

  DateTime _nowDate = DateTime.now(); //当前日期
  DateTime _oldDate = DateTime.now(); //当前日期
  DateTime _nowDateTime = DateTime.parse(formatDate(DateTime.now(),
      [yyyy, "-", mm, "-", "dd", " ", HH, ":", nn, ":", ss])); //当前日期时间

  @override
  Widget build(BuildContext context) {
    double width = MediaQuery.of(context).size.width;

    var _datetime = formatDate(
        _nowDate, [yyyy, "-", mm, "-", dd, " ", HH, ":", nn]);
        // _nowDate, [yyyy, "-", mm, "-", dd, " ", HH, ":", nn, ":", ss]);
    // var _datetime = formatDate(_nowDate,[yyyy, "-", mm, "-", dd, " ", HH]);

    //调起datetime_picker_bottom选择器
    _cupertinoDateTimePicker() {
      DatePicker.showDatePicker(
        context,
        minDateTime: DateTime.parse('2010-05-12'), //起始日期
        maxDateTime: DateTime.parse('2021-11-25'), //终止日期
        //initialDateTime: DateTime.parse(formatDate(_selectedDateTime, [yyyy, "-", mm, "-", "dd", " ", HH, ":", nn, ":", ss])),
        initialDateTime: _nowDateTime, //当前日期时间
        // dateFormat: "yyyy年M月d日    EEE,H时", //显示格式
        dateFormat: "yyyy年M月d日    ,H时:m分", //显示格式
        // dateFormat: "yyyy年M月d日    ,H时:m分:s秒", //显示格式
        locale: DateTimePickerLocale.zh_cn, //语言
        pickerTheme: DateTimePickerTheme(
          showTitle: true,
        ),
        pickerMode: DateTimePickerMode.datetime, // show TimePicker
        onCancel: () {
          debugPrint('onCancel');
        },
        onChange: (dateTime, List<int> index) {
          setState(() {
            _nowDate = dateTime;
          });
        },
        onConfirm: (dateTime, List<int> index) {
          setState(() {
            _nowDate = dateTime;

            print(_nowDate);
            print(333333);
          });
        },
      );
    }

    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,
                              ),
                            ]),
                      ),
                      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,
                              ),
                              _nowDate.millisecondsSinceEpoch ==
                                      _oldDate.millisecondsSinceEpoch
                                  ? InkWell(
                                      onTap: _cupertinoDateTimePicker,
                                      child: Text(
                                        "请选择时间",
                                        style: TextStyle(
                                          color: Color(0xff999999),
                                          // fontSize:ScreenUtil().setSp(14)
                                        ),
                                        textAlign: TextAlign.start,
                                      ))
                                  : Row(
                                      mainAxisAlignment:
                                          MainAxisAlignment.center,
                                      children: <Widget>[
                                        InkWell(
                                          onTap: _cupertinoDateTimePicker,
                                          child: Row(
                                            children: <Widget>[
                                              Text('$_datetime'),
                                              Icon(Icons.arrow_drop_down)
                                            ],
                                          ),
                                        )
                                      ],
                                    )
                            ]),
                      ),
                      InkWell(
                        onTap: () {
                          NavigatorUtils.push(
                              context, "${BbsRouter.mapChoicePoint}?type=1");
                        },
                        child: 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,
                                ),
                                Expanded(
                                  child: Text(
                                    addressName != null && addressName != ""
                                        ? addressName.split(",")[0]
                                        : "请选择",
                                    style: TextStyle(
                                      color: Color(0xff999999),
                                      // fontSize:ScreenUtil().setSp(14)
                                    ),
                                    textAlign: TextAlign.end,
                                    maxLines: 1,
                                    overflow: TextOverflow.ellipsis,
                                  ),
                                )
                              ]),
                        ),
                      ),
                      Row(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        mainAxisAlignment: MainAxisAlignment.start,
                        children: <Widget>[
                          Container(
                            padding: EdgeInsets.only(
                                left: ScreenUtil().setWidth(15),
                                top: ScreenUtil().setWidth(5),
                                bottom: ScreenUtil().setWidth(5)),
                            child: Text(
                              "问题描述",
                              style: TextStyle(
                                // fontSize:ScreenUtil().setSp(14),miaos
                              ),
                              textAlign: TextAlign.left,
                            ),
                          ),
                        ],
                      ),
                      Container(
                        height: 100,
                        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(5),
                                bottom: ScreenUtil().setWidth(5)),
                            child: Text(
                              "已尝试方法",
                              style: TextStyle(
                                // fontSize:ScreenUtil().setSp(14),
                              ),
                              textAlign: TextAlign.left,
                            ),
                          ),
                        ],
                      ),
                      Container(
                        height: 100,
                        padding:
                            EdgeInsets.only(left: 15, right: 15, bottom: 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(
                color:ThemeUtils.getDialogTextFieldColor(context),
                width: width,
                padding: EdgeInsets.only(
                    top: ScreenUtil().setWidth(15),
                    bottom: ScreenUtil().setWidth(15),
                    left: ScreenUtil().setWidth(25),
                    right: ScreenUtil().setWidth(25)),
                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: () {
                      // getExtAddress();
                      print(_nowDate);
                      print(_nowDate.toString().split(" ")[0] + " " + _nowDate.toString().split(" ")[1].substring(0, 5)+":00");
                      String time = _nowDate.toString().split(" ")[0] + " " + _nowDate.toString().split(" ")[1].substring(0, 5)+":00";
                      print(999994);
                      if (DateUtils.instance
                              .getTimeStap(formartData: _nowDate.toString()) <=
                          DateUtils.instance
                              .getTimeStap(formartData: _oldDate.toString())) {
                        toasts("请选择正确的出诊时间");
                        return;
                      }
                      if (addressName == null || addressName == "") {
                        toasts("请选择出诊地点");
                        return;
                      }
                      // 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": "2",
                          "brandId": widget.brandId,
                          "expression": _questionController.text,
                          "usedMethods": _methodController.text,
                          "imgs": imgs,
                          "videoUrl":videoImgs,
                          "createUserId": int.parse(
                              flustars.SpUtil.getString(Constant.userId)),
                          "chargerId": 1,
                          "arrivedTime":DateUtils.instance.getTimeStap(formartData: time.toString()),
                          //  _nowDate.toString().split(" ")[0] +"T" +_nowDate.toString().split(" ")[1],
                          // "arrivedTime":_nowDate.toString().split(" ")[0]+"T"+_nowDate.toString().split(" ")[1].substring(0, 2)+":00:00.000",
                          "address": addressName.split(",")[0],
                          "lat": addressName.split(",")[1],
                          "lng": addressName.split(",")[2],
                        };
                        showLoading(context, "正在提交...");

                        NewApiService().createCase(obj, onSuccess: (res) {
                          dismissLoading(context);
                          toasts("提交成功");
                          FocusScope.of(context).requestFocus(FocusNode());
                          print(res);
                          print(999999);
                          setDataId(res);
                          setType("2");
                          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);
  }

  // void getExtAddress ()async{
  //   SharedPreferences prefs = await SharedPreferences.getInstance();
  //   extAddress = prefs.getString("extAddress");

  // }
}