{php $this->template('header')}
	
	<link rel="stylesheet" href="{$public}css/project/user/add.css?{php echo time()}">
	<div class="bui-page">
	  
		<main id="main">
			
			<div class="info_box">
					
				<div class="title"><span class="l">标题</span><span class="r">好的标题会为您带来更多的浏览</span></div>
				<div  class="inp"><input type="text" placeholder="请输入标题" id="title" value="{$item['title']}"></div>
				<div class="title aui-margin-t-10"><span class="l">描述</span><span class="r">精简描述让人快速了解您的产品</span></div>
				<div class="inp" id="conetnt">
				   <div class="textcon">
				      <textarea id="textarea" rows="3" style="background: #f2f2f2;padding: 0.3rem 6px;border: 0px;font-size: 14px;height: 80px;overflow-y:scroll;width: 100%;">{$item['content']}</textarea>
				   </div>
				</div>
				<div class="title aui-margin-t-10"><span class="l">图片</span><span class="r">至少三张最多八张图片哦</span></div>

				  <div id="imgbox" class="aui-row">
				    
				    {if $item}
				      {loop $item['img'] $k $v}

				        <div class="item aui-col-xs-3">
				            <div class="img bk">
				              <span class="del text-c" tapmode onclick="return del(this,event);"> <i class="icon-close"></i> </span>
				              <img src="{$v}" class="tuimg">
				           </div>
				        </div>
				      {/loop} 
				    {/if} 
				 
				    <div class="item aui-col-xs-3" id="add">
				        <div class="img add">

				        </div>
				    </div>
				</div>
				<div class="title aui-margin-t-10"><span class="l">价格</span><span class="r">填写需投资或购买产品价格区间</span></div>
				<div class="aui-row-padded clearfloat">
				    <div class="inp aui-col-xs-6">
				       <input type="number" placeholder="最低价格" id="minprice" value="{$item['minprice']}">
				    </div>
				    <div class="inp aui-col-xs-6">
				      <input type="number" placeholder="最高价格" id="maxprice" value="{$item['maxprice']}">
				    </div>
				</div>

				<div class="title aui-margin-t-10"><span class="l">分类</span><span class="r">选择所属分类</span></div>
				<div class="cate" onclick="opencate()" id="cate" data-id="{$item['cid']}" >
				   {if $item['cid']}{php echo db('procate')->where(array('id'=>$item['cid']))->value('name')}{else}选择所属分类{/if}
				</div>
				  
				<div class="guize" style="margin-bottom: 60px;">
				  <div class="title"> <i class="iconfont icon-instant-error c-hong"></i> 项目发布规则:</div>
				  <p>1.你可以通过发布项目或者产品来寻找代理及合作伙伴。</p>
				  <p>2.你发布后可以分享朋友或朋友圈，也可以找朋友转发来增加展现量和曝光率。</p>
				  <p>3.只有VIP用户才可以发布项目，如需发布项目请先开通VIP功能。</p>
				  <p>4.请勿发布虚假、诈骗、违规、违法、政治敏感、色情、赌博的内容以及图片。已经发现将删除内容，情节严重将封号处理。</p>
				  <p></p>
				  <p></p>
				</div>
  
  		</div>
		  	<footer>
				<div class="sub_box">
					<div class="bui-btn round sub large" onclick="fb()"> 发 布 </div>
				</div>
			</footer>



		</main>
	</div>
	
	<div id="dialogDown" class="bui-dialog" style="display: none;">
	    <div class="bui-dialog-head">请选择分类</div>
	    <div class="bui-dialog-main">
	      	<div class="bui-fluid">
			    {loop $card $k $v}
			    <div class="span3">
			    	<div class="but_box" data-id="{$v['id']}" onclick="tab(this)">{$v['name']}</div>
			    </div>
			    {/loop}
			    
			</div>
	    </div>
	    <div class="bui-dialog-close" onclick="gb()"> 确定 </div>
	</div>

<script>

	bui.ready(function(){

		var uiLoading = bui.loading({
            appendTo:"body",
            width: 40,
            height: 40,
            
        });

		$(function(){
          var i=8-document.querySelectorAll('.bk img').length;
          if (!i) $('#add').hide();
      	})
		var vip="{php echo $this->vip}";
		var on2off="{php echo (config('pro_add')?config('pro_add'):1)}";
 		if (vip!=1&&on2off==2) {

 			$('#vip_box').show();
 		}

    $('#add').click(function(){

        var i=8-document.querySelectorAll('.bk img').length;
        if (!i) {
          $('#add').hide();
          return false;
        }

        my.upimg((isapp?2:1),i,uiLoading,function(r){

                              var str='';
        	                  for (var i = 0; i < r.length; i++) {
        	                  	 var imgurl=r[i];
        	                  	 str+=`<div class="item aui-col-xs-3">
                                           <div class="img bk">
                                             <span class="text-c del" tapmode onclick="return del(this,event);"> <i class="icon-close"></i> </span>
                                             <img src="`+imgurl+`" class="tuimg">
                                          </div>
                                       </div>`;
        	                  }
                                
                               $('#add').before(str); 
                               uiLoading.hide();
        })
        

    });

     	window.del=function (t){ 
		    var img=document.querySelectorAll('.bk img');
		    var child=t.parentNode.parentNode;
		        child.parentNode.removeChild(child);
		    var i=8-document.querySelectorAll('.bk .tuimg').length;
        	if (i) $('#add').show();
		   
		};

		var uiDialogDown = bui.dialog({
	        id: "#dialogDown",
	        effect: "fadeInUp",
	        position: "bottom",
	        fullscreen: false,
	    });

	    window.opencate=function(){

	    	uiDialogDown.open();
	    
	    }
	    window.gb=function(){

	    	var text=$('.active').text();
		    var id=$('.active').attr('data-id');
		    $('#cate').text(text);
		    $('#cate').attr('data-id',id); 

	    }

	    window.tab=function(t){

	    	var item=document.querySelector('.active');
		    if(item){

		      item.classList.remove('active');
		    }
		    t.classList.add('active');

	    };

	    window.fb=function(){

	    	 	var data={};
		    	data.title=$('#title').val();
		    	data.content=$('#textarea').val();
		    	data.minprice=$('#minprice').val();
		    	data.maxprice=$('#maxprice').val();
		    	data.cid=$('#cate').attr('data-id');
		    	var img=$('.tuimg');
		    	var inp=img.length;
		    	//alert(data.cid);//return ;

		    	if (data.title=='') {
		    	  msg('请输入一个标题',2);
		    	  return false;
		    	}
		    	if (data.title.length<6) {
		    	  msg('标题长度不够',2);
		    	  return false;
		    	}
		    	if(title.length>125){

		    	  msg('标题太长啦!',2);
		    	  return false;
		    	}

		    	if (data.content.length==0) {
		    	  msg('描述内容也太短了吧!',2);
		    	  return false;
		    	}

		    	if (inp < 3) {
		    	  msg('最少上传3张图片',2);
		    	  return false;
		    	}

		    	if (data.cid==undefined||data.cid=='') {
		    	  msg('请选择分类',2);
		    	  return false;
		    	}
 

		    	var imgs='';
		    	for (var i = 0; i <inp; i++) {
		    	  imgs+=img[i].src+',';
		    	}
		    	data.imgs=imgs.substring(0,imgs.length-1);
		    	
		    	$.post('',data,function(r){
		    	 
		    	    if (r.code) {

		    	      	window.location.href="{php echo iurl('index');}"

		    	    }else{
		    	      	msg(r.msg,2);
		    	    }

		    	})


	    }

	})


</script>


{php $this->template('footer')}