var uploadImages = [],
    imgUrls = [],
    selectType = '',
	img_count = 0,
	$action_btn = $("#action_btn"),
	noList; //标记是否显示反馈记录按钮
    
mui.init();
mui.plusReady(function(){
    var self = plus.webview.currentWebview();
    noList = self.noList;
    if(!noList){
        $(".header-link").show();
    }
    bindEvents();
});

function getPhoto(url){
    uploadImages.push(url);
    fillImage(url);
}

function fillImage(url){
    img_count ++;
    var html = '<div class="add-img2"><img class="upload_img" src="'+url+'" width="65" height="65">'+
                '<div class="delete-icon"><img src="../images/delete_icon.png" width="18"></div></div>';
    $("#img_wrap").append(html);
}

//上传图片
var upload_count = 0;
function uploadImg(cb){
    var len = uploadImages.length;
    if(upload_count < len){
        var task = plus.uploader.createUpload(server + "/upload/image", {
            method: "post"
        }, function(t, sta) {
            if(sta == 200) {
                var msg = t.responseText;
                var oImg = JSON.parse(msg);
                var imgUrl = oImg.urls;
                var re = new RegExp("\\\\", "g");
                imgUrl = imgUrl.replace(re, "/");
                imgUrls.push(imgUrl);
                uploadImg(cb);
            } else {
                mui.toast("上传图片失败!");
                plus.nativeUI.closeWaiting();
            }
        });
        var url = uploadImages[upload_count];
        upload_count ++;
        task.addFile(url, {});
        task.start();
    }else{
        cb();
    }
}

function bindEvents(){
    //反馈记录按钮
    $(".header-link").on('click', function(){
        openWebview("feedback-records.html")
    });
    
    //输入框内容限制
    $("#question").on('keyup', function(){
        var text = $(this).val();
        $("#text_count").text(text.length);
    });
    
    $("#add_pic").on('click', function(){
        if(img_count < 3){
            getAutoRecCompressImageLocalPath(getPhoto,3-img_count);
        }else{
            dialog({
                contentType: 'tipsbox',
                skin: 'bk-popup',
                content: '最多只能上传3张图片',
                closeTime: 2000
            }).showModal();
        }
    });
    
    //图片删除功能
    $(document).on('tap', '.delete-icon', function(){
        var $this = $(this);
        //获得图片路径
        var url = $this.parent().find(".upload_img").attr("src");
        for(var i=0; i<imgUrls.length; i++) {
            if(imgUrls[i] == url) {
                imgUrls.splice(i, 1);
                break;
            }
        }
        for(var j=0; j<uploadImages.length; j++){
            if(uploadImages[j] == url){
                uploadImages.splice(j, 1);
                break;
            }
        }
        img_count --;
        $this.parent().remove();
    });
    //选择类型
    $('.j-select-type').on('tap',function(){
    	var $this = $(this);
    	$('#selected_name').text($this.find('a').text());
    	selectType = $this.data('type');
    })
    
    //action 按钮
    $action_btn.on('tap', function(){
        var content = $.trim($("#question").val()),
       		contact = $.trim($('#contact').val());
        if(selectType){
        	if(content){
        		if(contact){
        			if(!(/^[1-9]\d{4,10}$/).test(contact)){
	        			if(!(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/).test(contact)){
	        				mui.toast("请输入有效的QQ、邮箱或手机号码");
							return;
	        			}
	        		}
        		}
        		
        		//先将新增的图片上传然后再处理其他业务
            	plus.nativeUI.showWaiting();
            	var params = {};
            	params.description = content;
            	params.type = selectType*1;
            	params.contact = contact;
            	uploadImg(function(){
                	params.images = imgUrls ? imgUrls.join(","): "";
                	sendPost("doctor/feedback/saveFeedback", params, null, function(res){
	                    if(res.status == 200){
	                        mui.toast('感谢您的反馈');
	                        setTimeout(function(){
	                        	mui.back();
	                        },1000)
	                    }else{
	                    	mui.toast(res.msg);
	                    }
	                    plus.nativeUI.closeWaiting();
	                }, 'POST', '', true);
             	})  
	        }else{
	        	mui.toast('问题和意见不能为空');
	            return false;
	        }
        }else{
        	mui.toast('请选择类型');
            return false;
        }   
    })
}