{extend name="public/base" /}
{block name="body"}
<style>
.clinhei{width:100%;height:25px;}	
.inp{width:200px;}
.inpdiv{width:25%;}
.inpdivbut{width:10%;float:left;}
.so{width:80px;height:30px;border:0;margin-top:25px;text-align:center;line-height:30px;cursor: pointer;}
.tdinp{width:100%;border:0;}
.up{border:0;cursor: pointer;}
</style>
<div class="main-box clearfix">
	<div class="main-box-body clearfix">
		    <div class="container">
              <form  id="form-horizontal" enctype="multipart/form-data">
                <input type="hidden" id="id" name="id" value="{$res.id}">

				<div class="inpdiv" style="width:800px;">
					<img src="{$res.avatar}" style="width:250px">
                </div>
                <div class="clinhei"></div>
                <input type="hidden" id="avatar" name="avatar" value="{$res.avatar}">

                <div class="form-group col-md-10">
                    <div id="drop_area_2"></div>
                </div>
                <div class="clinhei"></div>
                <div class="inpdiv">
                <input type="text" class="form-control inp" id="name" name="name" value="{$res.name}" placeholder="微信号">
                </div>
                <div class="clinhei"></div>
                <div class="inpdiv">
                    <input type="text" class="form-control inp" id="nickname" name="nickname" value="{$res.nickname}" placeholder="微信名称">
                </div>

                <div class="clinhei"></div>

                <div class="inpdiv" style="width:800px;">
					<img src="{$res.bottomimg}" style="width:250px">
                </div>
                <div class="clinhei"></div>
                <input type="hidden" id="bottomimg" name="bottomimg" value="{$res.bottomimg}">

                <div class="form-group col-md-10">
                    <div id="drop_area"></div>
                </div>
                <div class="clinhei"></div>

                <div class="inpdiv">
					<div class="btn btn-primary" onclick="sub()">保存</div>
                </div>
            </form>

			</div>	
		    <div class="clinhei"></div>
	</div>





	
</div>
{/block}
{block name="script"}
<script src="__PUBLIC__/js/uploadOne.js"></script>
<script>
//上传公众号底部图片
var dragImgUpload = new DragImgUpload("#drop_area",{
	callback:function (files) {
		//回调函数，可以传递给后台等等
        var file = files[0];
        var formData = new FormData();
		formData.append("img",file);
        $.ajax({  
		type: "POST",   
		url:"{:url('Promotewechats/upimg')}", 
		data: formData,
		async: false,
		cache: false, 
		processData:false,
		contentType:false,
		dataType:"json",			  
		error: function(request) {  
			  console.log('错误')
		},  
		success: function(data) {  
			 if(data.status==1){
				swal('上传成功',"", {icon : "success",buttons:{confirm:{className : 'btn btn-success'}},});
                console.log(data.thumb_url)
                $('#bottomimg').val(data.thumb_url);
			 }else{
				swal('错误',data.error, {icon : "error",buttons:{confirm:{className : 'btn btn-danger'}},});
			 }  
			  
		}  

	 });
	}
})


//上传公众号头像
var dragImgUpload = new DragImgUpload("#drop_area_2",{
	callback:function (files) {
		//回调函数，可以传递给后台等等
        var file = files[0];
        var formData = new FormData();
		formData.append("img",file);
        $.ajax({  
		type: "POST",   
		url:"{:url('Promotewechats/upimg')}", 
		data: formData,
		async: false,
		cache: false, 
		processData:false,
		contentType:false,
		dataType:"json",			  
		error: function(request) {  
			  console.log('错误')
		},  
		success: function(data) {  
			 if(data.status==1){
				swal('上传成功',"", {icon : "success",buttons:{confirm:{className : 'btn btn-success'}},});
                console.log(data.thumb_url)
                $('#avatar').val(data.thumb_url);
			 }else{
				swal('错误',data.error, {icon : "error",buttons:{confirm:{className : 'btn btn-danger'}},});
			 }  
			  
		}  

	 });
	}
})

function sub(){
    var fm = $('#form-horizontal');
    var formData = autofroms(fm);
    $.ajax({  
		type: "POST",   
		url:"{:url('Promotewechats/editc')}", 
		data: formData,
		dataType:"json",			  
		error: function(request) {  
			  console.log('错误')
		},  
		success: function(data) {  
			 if(data.status==1){
				swal('保存成功',"", {icon : "success",buttons:{confirm:{className : 'btn btn-success'}},});
                setTimeout(function(){ window.location = ""; }, 1500);
			 }else{
				swal('错误',data.error, {icon : "error",buttons:{confirm:{className : 'btn btn-danger'}},});
			 }  
			  
		}  

	 });
}
</script>
{/block}