import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
import 'package:ysairplane/base/YSBase.dart';
import 'package:ysairplane/tools/YSNetWorking.dart';
import 'package:ysairplane/tools/YSTools.dart';
import 'package:image_picker/image_picker.dart';
import 'package:sy_flutter_qiniu_storage/sy_flutter_qiniu_storage.dart';

class YSAddSquare extends StatefulWidget {
  final bool isPhoto;
  const YSAddSquare({Key key, this.isPhoto}) : super(key: key);
  @override
  _YSAddSquareState createState() => _YSAddSquareState();
}

class _YSAddSquareState extends State<YSAddSquare> {
  ImagePicker _picker = ImagePicker();
  TextEditingController _title = TextEditingController();
  TextEditingController _content = TextEditingController();
  List _images = [];
  String _tokenStr = '';
  String _urlStr = '';
  String _videoPath = '';
  @override
  void initState() {
    Future.delayed(Duration(seconds: 0)).then((value){
      _getQiNiuTokenData();
    });
    super.initState();
  }
  @override
  Widget build(BuildContext context) {
    return YSBase(
      ystitle: '发布',
      yschild: Column(
        children: [
          Container(
            padding: EdgeInsets.all(15),
            height: 120,
            child: ListView.separated(
              scrollDirection: Axis.horizontal,
              itemBuilder: (context,index){
                return GestureDetector(
                  onTap: (){
                    showCupertinoModalPopup(
                        context: context,
                        builder: (context) {
                          return CupertinoActionSheet(
                            actions: <Widget>[
                              CupertinoActionSheetAction(
                                child: Text(widget.isPhoto==true?'拍摄照片':'拍摄视频'),
                                onPressed: () {
                                  Navigator.pop(context);
                                  widget.isPhoto==true?_picker.getImage(source: ImageSource.camera).then((value){
                                    _onUpload(value);
                                  }):_picker.getVideo(source: ImageSource.camera).then((value){
                                    _onUpload(value);
                                  });
                                },
                              ),
                              CupertinoActionSheetAction(
                                child: Text(widget.isPhoto==true?'选择图片':'选择视频'),
                                onPressed: () {
                                  Navigator.pop(context);
                                  widget.isPhoto==true?_picker.getImage(source: ImageSource.gallery).then((value){
                                    _onUpload(value);
                                  }):_picker.getVideo(source: ImageSource.gallery).then((value){
                                    _onUpload(value);
                                  });
                                },
                              ),
                            ],
                            cancelButton: CupertinoActionSheetAction(
                              child: Text('取消'),
                              onPressed: () {
                                Navigator.pop(context);
                              },
                            ),
                          );
                        }
                    );
                  },
                  child: (index==_images.length&&widget.isPhoto==true)||(_videoPath.isEmpty&&widget.isPhoto==false)?Container(
                    height: 90,
                    width: 90,
                    padding: EdgeInsets.only(top: 20,bottom: 20),
                    decoration: BoxDecoration(
                      border: Border.all(color: Color(0xFFEDEDED),width: 1),
                      borderRadius: BorderRadius.all(Radius.circular(10))
                    ),
                    child: Column(
                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                      children: [
                        Icon(Icons.add,size: 25,color: Color(0xFF9A9A9A),),
                        Text(widget.isPhoto==true?'上传图片':'上传视频',style: TextStyle(fontSize: 14,color: Color(0xFF9A9A9A),decoration: TextDecoration.none),),
                      ],
                    ),
                  ):(_videoPath.isNotEmpty&&widget.isPhoto==false)?Container(
                    height: 90,
                    width: 90,
                    padding: EdgeInsets.only(top: 20,bottom: 20),
                    decoration: BoxDecoration(
                      border: Border.all(color: Color(0xFFEDEDED),width: 1),
                      borderRadius: BorderRadius.all(Radius.circular(10)),
                      color: Colors.black54,
                    ),
                    child: Container(
                      height: 20,
                      width: 20,
                      child: Icon(Icons.play_circle_filled,color: Colors.white,),
                    ),
                  ):Container(
                    height: 90,
                    width: 90,
                    padding: EdgeInsets.only(top: 20,bottom: 20),
                    decoration: BoxDecoration(
                      border: Border.all(color: Color(0xFFEDEDED),width: 1),
                      borderRadius: BorderRadius.all(Radius.circular(10)),
                      image: DecorationImage(image: NetworkImage(_images[index]),fit: BoxFit.fill)
                    ),
                  ),
                );
              },
              separatorBuilder: (context,index){
                return Container(
                  width: 10,
                );
              },
              itemCount: _images.length+1
            ),
          ),
          GestureDetector(
            onTap: (){
              Navigator.push(context, PopRoute(child: BottomInputDialog(
                height: 50,
                inputView: Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    Container(
                      width: MediaQuery.of(context).size.width-100,
                      child: CupertinoTextField(
                        placeholder: '说点儿好听的~',
                        style: TextStyle(fontSize: 15,color: Color(0xFF5A5A5A),decoration: TextDecoration.none,fontWeight: FontWeight.normal),
                        placeholderStyle: TextStyle(fontSize: 15,color: Color(0xFF5A5A5A),decoration: TextDecoration.none,fontWeight: FontWeight.normal),
                        autofocus: true,
                        decoration: BoxDecoration(),
                        controller: _title,
                        maxLength: 20,
                      ),
                    ),
                    Icon(Icons.alternate_email,size: 25,color: Color(0xFFA1A1A2),),
                    Icon(Icons.tag_faces,size: 25,color: Color(0xFFA1A1A2),),
                  ],
                ),
              )));
            },
            child: Container(
              height: 50,
              margin: EdgeInsets.only(left: 15,right: 15,top: 5,bottom: 15),
              decoration: BoxDecoration(
                border: Border(bottom: BorderSide(color: Color(0xFFE6E6E6),width: 0.5))
              ),
              child: Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: [
                  Text(_title.text.isEmpty?'填写标题会有很多赞哦~':_title.text,style: TextStyle(fontSize: 16,color: Color(0xFF9A9A9A)),),
                  Text('${_title.text.length}/20',style: TextStyle(fontSize: 17,color: Color(0xFF9A9A9A)),),
                ],
              )
            ),
          ),
          GestureDetector(
            onTap: (){
              Navigator.push(context, PopRoute(child: BottomInputDialog(
                height: 50,
                inputView: Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    Container(
                      width: MediaQuery.of(context).size.width-100,
                      child: CupertinoTextField(
                        placeholder: '说点儿好听的~',
                        style: TextStyle(fontSize: 15,color: Color(0xFF5A5A5A),decoration: TextDecoration.none,fontWeight: FontWeight.normal),
                        placeholderStyle: TextStyle(fontSize: 15,color: Color(0xFF5A5A5A),decoration: TextDecoration.none,fontWeight: FontWeight.normal),
                        autofocus: true,
                        decoration: BoxDecoration(),
                        controller: _content,
                      ),
                    ),
                    Icon(Icons.alternate_email,size: 25,color: Color(0xFFA1A1A2),),
                    Icon(Icons.tag_faces,size: 25,color: Color(0xFFA1A1A2),),
                  ],
                ),
              )));
            },
            child: Container(
              height: 200,
              width: MediaQuery.of(context).size.width-30,
              margin: EdgeInsets.only(left: 15,right: 15),
              child: SingleChildScrollView(
                child: Text(_content.text.isEmpty?'添加正文':_content.text,style: TextStyle(fontSize: 15,color: Color(0xFF9A9A9A)),),
              ),
            ),
          ),
          Container(
            width: MediaQuery.of(context).size.width-30,
            margin: EdgeInsets.only(top: 10,bottom: 10,left: 145),
            child: Row(
              children: [
                Text('写50字，有机会评为',style: TextStyle(fontSize: 14,color: Color(0xFF9A9A9A)),),
                Text('优质内容 ',style: TextStyle(fontSize: 14,color: Color(0xFF007AFF)),),
                Image(image: AssetImage('lib/images/tips.png'),height: 15,width: 15,)
              ],
            ),
          ),
          Divider(height: 0.5,thickness: 0.5,color: Color(0xFFE6E6E6),indent: 15,endIndent: 15,),
          GestureDetector(
            onTap: (){
              _postAddSquareData();
            },
            child: Container(
              margin: EdgeInsets.only(top: 60),
              width: MediaQuery.of(context).size.width-70,
              height: 44,
              alignment: Alignment.center,
              decoration: BoxDecoration(
                color: Color(0xFF007EFF),
                borderRadius: BorderRadius.all(Radius.circular(22))
              ),
              child: Text('发布',style: TextStyle(fontSize: 18,color: Colors.white),),
            ),
          )
        ],
      ),
    );
  }

  _getQiNiuTokenData() async{
    Map dict = await ysRequestHttp(context,type: requestType.get,api: '/app/getToken',parameter: {},isLoading: false,isToken: false);
    if(dict!=null){
      _tokenStr = dict['token'];
      _urlStr = dict['prefix'];
    }
  }

  _onUpload(var value) async {
    if (value == null) {
      return;
    }
    print(value.path);
    print(_tokenStr);
    final syStorage = new SyFlutterQiniuStorage();
    //监听上传进度
    syStorage.onChanged().listen((dynamic percent) {
      print(percent);
    });
    //上传文件
    var result = await syStorage.upload(value.path, _tokenStr, DateTime.now().millisecondsSinceEpoch.toString() +'.' +value.path.split('.').last);
    if(result.success==true){
      setState(() {
        widget.isPhoto==true?_images.add(_urlStr+'${result.result['key']}'):_videoPath = _urlStr+'${result.result['key']}';
      });
    }
    print(result);
   }

  // //取消上传
  // _onCancel() {
  //   SyFlutterQiniuStorage.cancelUpload();
  // }
//0为视频，1为文章
  _postAddSquareData() async{
    if(widget.isPhoto==true&&_images.length==0){
      ysFlutterToast(context, '请添加图片');
      return;
    }
    if(widget.isPhoto==false&&_videoPath.isEmpty){
      ysFlutterToast(context, '请添加视频');
      return;
    }
    if(_title.text.isEmpty){
      ysFlutterToast(context, '请输入标题');
      return;
    }
    if(_content.text.isEmpty){
      ysFlutterToast(context, '请输入内容');
      return;
    }
    Map request ={};
    request['typeId'] = 1;
    if(widget.isPhoto==true){
      request['type'] = 1;
      request['topicTitle'] = _title.text;
      request['topicContent'] = _content.text;
      request['topicPic'] = _images.join(',');
    }else{
      request['type'] = 0;
      request['videoTitle'] = _title.text;
      request['videoContent'] = _content.text;
      request['videoPath'] = _videoPath;
    }
    Map dict = await ysRequestHttp(context,type: requestType.post,api: '/app/piazza/SquareCommunity/publish',parameter: request,isLoading: true,isToken: true,refresh: (){
      _postAddSquareData();
    });
    if(dict!=null){
      Navigator.of(context).pop('');
    }
  }
}