{layout name="layout" /}
<style>
#propage{padding: 15px 20px;text-align: left;color: #ccc;text-align:center;}
#propage a{display: inline-block;color:#666;display: inline-block;line-height:1.4em;padding:6px 12px;border: 1px solid #ddd;	margin: 0 2px;border-radius: 4px;vertical-align: middle;}
#propage a:hover{text-decoration: none;border: 1px solid #d43f3a;}
#propage span.current{display: inline-block;line-height:1.4em;padding:6px 12px;margin: 0 2px;color: #fff;background-color:#d43f3a;	border: 1px solid #d43f3a;border-radius: 4px;vertical-align: middle;}
#propage span.disabled{	display: inline-block;line-height:1.4em;padding:6px 12px;margin: 0 2px;	color: #bfbfbf;background: #f2f2f2;border: 1px solid #bfbfbf;border-radius: 4px;vertical-align: middle;}
</style>
<div class="projectWraper">
           <div class="retrieve-wrapper">
			    <div class="content">
			    {if condition="count($profilters)"}
			          {foreach name="profilters" item="vo"}
			            <input type="hidden" id="{$vo.key}" value="" />
				       <div  id="{$vo.key}" class="ret-item ret-select">
			            <div class="left">{$vo.title}:</div>
			            <div class="right">
			                <a href="javascript:void(0);"  data-id="" class="subitem active">不限</a>
			                {if condition="count($vo['filters'])"}
			                 {foreach name="vo['filters']" item="jo"}
			                <a href="javascript:void(0);" data-id="{$jo.id}" class="subitem">{$jo.name}</a>
			                {/foreach}
			                {/if}
			                <div class="more" style="display: block;"><i class="icon-arrows-down"></i></div>
			            </div>
			        </div>
			        {/foreach}
			     {/if}
			    </div>
			</div>
			<div class="paixu-wrapper">
			    <div class="content">
			        <div class="paixu clearfix">
			            <div class="paixu-item paixu-select px-update active up" data-val="">
			                <div class="word">更新</div>
			                <div class="arrow"><i class="icon-arrows-down"></i></div>
			            </div>
			            <div class="paixu-item paixu-select px-jifen" data-val="reputation">
			                <div class="word">按照信用积分排序</div>
			                <div class="arrow"><i class="icon-arrows-down"></i></div>
			            </div>
			            <input type="hidden" id="prosort" value="" />
			            <div class="paixu-item px-search">
			                <div class="search-wrapper">
			                    <form id="seaForm" class="search-form"  onsubmit="return false;">
			                        <i class="icon-search"></i>
			                        {:token('__agen__')}
			                        <input class="search-input" type="text" placeholder="搜索">
			                    </form>
			                </div>
			            </div>
			        </div>
			    </div>
			</div>
			<div class="project-wrapper">
			    <div class="content">
			        <div class="project clearfix">
			            
			        </div>
			        <div class="col-xs-12 text-center list-page" align="center">
					        <ul id="propage" class="pagination">
					        </ul>
			        </div>
			    </div>
			</div>
</div>			
            <script type="text/javascript" src="{$yf_theme_path}public/js/jquery.page.js"></script>
			<script>
			 //项目分类
			 $(function(){
				  
			        // 检索收缩箭头
			       $(".ret-select .more").click(function(event) {
			        	    event.preventDefault();
			                var has=$(this).hasClass('open');
			                var parent=$(this).parents('.ret-item');
			                console.log(has);
			                if(has===true){
			                	$(this).removeClass('open');
			                	parent.animate({'max-height':'26px'},500);
			                }else{
			                	$(this).addClass('open');
			                	parent.animate({'max-height':'200px'},500);
			                }
			        })
		    		  $(".ret-item").each(function () {
				            let $this = $(this)
				            let $right = $this.find('.right')
				            let $more = $this.find('.more')
				            let height = $right.height()
				            console.log(height);
				            if (height > 26) {
				                $more.show();
				                $more.trigger('click');
				            }
				      })
				      $("body").on('click','.subitem',function(){
				    	       var parent=$(this).parents('.ret-select');
				    	       var id=parent.attr('id');
				    	       var val=$(this).data('id');
				    	       var last=$("#"+id).val();
				    	       $("#"+id).val(val);
				    	       if(last!=val){
				    	    	   parent.find('.active').removeClass('active');
				    	    	   $(this).addClass('active');
				    	    	   fillProject(1,1);
				    	       }
				      });
			        var prolist=[];
			        var userscore="{$userscore}";
			        var profile={$profile};
			        //检查积分
			        $("body").on('click','.project-item',function(){
			        		    event.preventDefault();
			        		    var index=$(this).index();
			        		    if(userscore==''){
			        		    	layer.msg('请先登录');
			        		    	setTimeout(function(){
			        		    		window.location.href="{:url('culture/common/login')}";
			        		    	},2000);
			        		    	return false;
			        		    }
                                if(profile==false){
			        		    	layer.msg('您的资料未完善，无法查看项目信息，请先完善资料');
			        		    	return false;
			        		    }
					    		layer.load(1, {shade: [0.1,'#fff']});
			        		    userscore=parseInt(userscore);
			        		    if(typeof prolist[index]!='undefined'){
				        		    var current=prolist[index];
				        		    console.log(current);
				        		    var id=current.id;
				        		    var score=current.reputation;
				        		    var url="{:url('checkScore')}";
				        		    var jump="__URL__/detail/id/"+id+".html";
				        		    if(score>userscore){
				        		    	layer.closeAll();
				        		    	layer.msg('你的信誉积分不足,请补全认证资料增加信誉积分才可以查看');
				        		    	return false;
				        		    }else{
				        		       window.location.href=jump;
				        		    }
			        		    }
			        });
			        layer.load(1, {shade: [0.1,'#fff']});
			    	  function projects(list){
			    		  var html='';
			    		  prolist=list;
			    		  console.log(list);
			    		  list.forEach(function(item){
			    			  var jump="javascript:void(0);";
				    		  html+='<div class="project-item clearfix">';
				    		  html+='<div class="project-media">';
				    		  html+='<div class="top-padding"></div>';
				    		  html+='<div class="img-box">';
				    		  html+='<img src="'+item['avatar']+'" onerror="this.src=\'{$yf_theme_path}assets/img/default.png\'">';
				    		  html+='</div></div>';
				    		  html+='<div class="project-content"><h2 class="project-title">'+item['name']+'</h2>';
				    		  var desc=item['description'];
				    		  if(desc==null){
				    			  desc="暂无内容";
				    		  }
				    		  html+='<div class="cats">投资领域：'+item['industry_text']+'</div>';
				    		  html+='<div class="project-info">'+desc+'</div>';
				    		  html+='<div class="jifen"> 信誉积分：<span>'+item['reputation']+'</span></div>';
				    		  html+='</div></div>';
				    		  
				    	  });
			    		  return html;
			    	  }
			    	  function propage(meta){
			    		  var per_page=meta['per_page'];
				    	  var total=parseInt(meta['total']);
				    	  var current_page=parseInt(meta['current_page']);
				    	  var pages=Math.ceil(total/per_page);
				    	  console.log(pages);

				    	  var total=parseInt(meta['total']);
				    	  var html='<div id="retpage" class="ret-item"><div class="left">已选条件：</div><div class="right">';
				          html+='<div class="num-wrapper">共<span class="num">'+total+'</span>个机构满足条件</div></div></div>';
				          $("#retpage").remove();
				          $(".retrieve-wrapper .content").append(html); 
				    	  var lastpage=parseInt(meta['last_page']);
				    	  $("#propage").remove();
				          $(".list-page").append('<ul id="propage" class="pagination"></ul>');
				          $("#propage").createPage({
				    	        pageCount:lastpage,
				    	        current:current_page,
				    	        backFn:function(p){
				    	        	fillProject(p,0);
				    	        }
				    	  });
				    	  return html;
			    	  }
			    	  function fillProject(curpage,showpage){
			    		  layer.load(1, {shade: [0.1,'#fff']});
    		              var keyword=$(".search-input").val();
    		              var sort=$("#prosort").val();
    		              var region=$("#region").val();
    		              var investment=$("#investment").val();
    		              var industry=$("#industry").val();
    		              
    		              var query="page="+curpage;
    		              if(keyword){
    		            	  query+="&keyword="+keyword;
    		              }
    		              if(sort){
    		            	  query+="&sort="+sort;
    		              }
    		              if(industry){
    		            	  query+="&industry_id="+industry;
    		              }
    		              if(investment){
    		            	  query+="&investment_id="+investment;
    		              }
    		              if(region){
    		            	  query+="&region_id="+region;
    		              }
    		              
			    		  var url="{:url('investors')}?"+query;
    		    	      $(this).attr('disabled',true);
    		    	      console.log(url);
    		    	      $.get(url,function(res){
    				    	  $(this).attr('disabled',false);
    				    	  res=JSON.parse(res);
    				    	  layer.closeAll();
				    		  $("input[name='__agen__']").val(res.token);
				    		  console.log("token",res.token);
    				    	  if(typeof res =='object'){
    				    		  var data=res.investors;
    				    		  data=JSON.parse(data);
	    				    	  if(typeof data =='object'&&typeof data['data']!='undefined'){
	    				    		  var meta=data['meta'];
	    				    		  var list=data['data'];
		    				    	  if(showpage){
		    				    		  $("#propage").html("");
		    				    		  propage(meta);
		    				    	  }
	    				    		  var html=projects(list);
	    					    	  $(".project").html(html);
	    				    	  }
    				    	  }	  
    				     }); 
			    	  }
			    	  var curpage=1;
		              function searchProject(){
		                	  var keyword=$(".search-input").val();
		                	  if(typeof keyword=='undefined'||keyword==null||keyword==''){
		                		  layer.msg('请输入搜索关键字');
		                		  return false;
		                	  }
		                	  console.log("searchProject");
		                	  fillProject(1,1); 
		                 }
					 $(".icon-search").click(function(event){
				           event.preventDefault();
				           searchProject();
				     })
			         $("#seaForm .search-input").keyup(function(event){
			        	event.preventDefault();
			        	event.stopPropagation(); 
			            if(event.keyCode ==13){
			            	searchProject(); 
			            }
			            return false;
			         })
			         
					 $(".paixu-select").each(function(){
						 $(this).click(function(){
							    var has=$(this).hasClass('active');
							    if(!has){
							    	$(".paixu-item").removeClass('active').removeClass('up');
							    	$(this).addClass('active').addClass('up');
							    	var key=$(this).data('val');
							    	$("#prosort").val(key);
							    	fillProject(1,0);
							    }
						 });
					 });
			    	  //项目列表
			    	  var url="{:url('investors')}";
			    	  $.get(url,function(res){
				    	  $(this).attr('disabled',false);
				    	  res=JSON.parse(res);
				    	  layer.closeAll();
			    		  $("input[name='__agen__']").val(res.token);
			    		  console.log("token",res.token);
				    	  if(typeof res =='object'){
				    		  var data=res.investors;
				    		  data=JSON.parse(data);
					    	  if(typeof data =='object'&&typeof data['data']!='undefined'){
					    		  var meta=data['meta'];
					    		  var list=data['data'];
					    		  var html=projects(list);
						    	  $(".project").html(html);
						    	
						    	  var html=propage(meta);
						    	  $(".projectWraper").show();
					    	  }
				    	  }
				      }); 
				 
			 });
			</script>