{layout name="public/layout" /}
 <form class="form-inline" id="searchForm"  action="{:url('search',array('kind'=>$kind,'cid'=>$cid,'kid'=>$kid))}" method="get">
            <div class="pricewraper" style="width:48%;padding-left:10px;">
            <label style="font-weight:normal;">价格:</label>
            <input type="text" onkeypress="keyPress()"  name="sprice" id="sprice" value="{$sprice}" class="form-control input-sm"  style="width:35%;display:inline-block;" value="0"> - 
            <input type="text" class="form-control input-sm" style="width:35%;display:inline-block;" onkeypress="keyPress()"  name="mprice" id="mprice" value="{$mprice}">
             </div>
            <div class="sortwraper" style="width:49%;">
                <div class="tabstitle    sortview  {if condition="$yearsort eq 'asc'"}fall{else}rising{/if} yearsort"><a href="javascript:void(0);">年代 <i class="glyphicon glyphicon-arrow-down"></i></a></div>
                <div class="tabstitle    sortview {if condition="$pricesort eq 'asc'"}fall{else}rising{/if} pricesort"><a href="javascript:void(0);">估价 <i class="glyphicon glyphicon-arrow-down"></i></a></div>
                <div class="tabstitle    sortview {if condition="$timesort eq 'asc'"}fall{else}rising{/if} timesort"><a href="javascript:void(0);">时间 <i class="glyphicon glyphicon-arrow-up"></i></a></div>
          </div>
          <div class="keywraper" style="width:93%;margin-top:10px;padding-left:10px;">
             <div class="input-group">
              <span class="input-group-btn"  style="width:24%;">
                <select class="form-control" name="option" style="padding:4px 0px;font-size:12px;">
                      <option value="1">艺术品</option>
                      <option value="2">艺术家</option>
                </select>
              </span>
	              <input type="text" class="form-control" aria-label="关键词" name="keyword" style="padding:6px 2px;">
	              <span class="input-group-btn"><button class="btn btn-danger" style="padding:4px 5px;" type="button" onclick="$('#searchForm').submit()"><i class="glyphicon glyphicon-search"></i></button>
	              </span>
              </div>
          </div>
</form>
          {if condition="count($states) and empty($cid)"}
        	                
			                 {foreach $states as $index=>$jo}  
			                 {if condition="isset($jo['products']) and count($jo['products'])"}
			                
							  <div class="categorylist">
					                <div class="page-header">
					                    <h2>{$jo.name}</h2>
                                        <a href="{:url('index',array('kind'=>$kind,'state'=>$index))}" class="more">更多</a>
					                </div>
					                <table class="table text-center table-striped">
					                    <thead>
					                    <tr>
					                        <th scope="col">资产托管代码</th>
					                        <th scope="col">托管资产名称</th>
					                        <th scope="col" width="60px">卖家报价</th>
					                        <th scope="col" width="84px">披露起始日期</th>
					                        <th scope="col" width="50px">点击量</th>
					                    </tr>
					                    </thead>
					                    <tbody>
					                     {foreach $jo['products'] as $vo}
										           <tr   {if condition="isset($vo['c_jump']) and  $vo['c_jump']"}onclick='window.open("{$vo.c_jump}")'{else} onclick="window.location.href='{:url('index/finance',array('c_id'=>$vo['c_id'],'kind'=>$kind,'state'=>$index))}'"{/if} >
														<th >{$vo.c_code}</th>
														<th>{$vo.c_name}</th>
														<th >{$vo.c_price}</th>
														<th >{$vo.c_gptime|date='Y-m-d',###}</th>
														<th >{$vo.c_count}</th>
													</tr>
										{/foreach}
					                   
					                    </tbody>
					                </table>
					         </div>
							 
							 {/if}
							 {/foreach}
		 {/if}		 
         {if condition="(isset($list) and count($list))"}
                 <?php $current=0;?> 
                 {foreach $list as $index=>$jo}  
                         <?php $current++;?>  
			            
			              <div class="categorylist" id="categorylist{$index}">
					            <div class="page-header">
					                <h2>{$jo.name} </h2>
					                {if condition="count($jo['childs'])"}
					                <div class="childs">
					                    <div class="childs-wrapper">
					                    {foreach $jo['childs'] as $key=>$ko}
					                    <div class="child"><a  {if condition="$current eq 2"}href="{:url('index',array('kind'=>$kind,'cid'=>$key))}"{else}href="{:url('index',array('kind'=>$kind,'cid'=>$jo['id']))}"{/if}>{$ko}</a></div>
					                    {/foreach}
					                    </div>
					                </div>
					                {/if}
					                <a {if condition="$current eq 2  and !isset($cid)"} href="{:url('index',array('kind'=>4,'cid'=>0))}" {else} href="{:url('index',array('kind'=>$kind,'cid'=>$jo['id']))}" {/if} class="more">更多</a>
					            </div>
					            {if condition="isset($jo['products'])"}
					            <div class="products">
					                {foreach $jo['products'] as $vo}
					                <div class="product media" {if condition="isset($vo['c_jump']) and  $vo['c_jump']"}onclick='window.open("{$vo.c_jump}")'{elseif condition="$current neq 2"} onclick="window.location.href='{:url('index/finance',array('c_id'=>$vo['c_id'],'kind'=>$kind,'parent'=>$jo['id']))}'" {else}onclick="window.location.href='{:url('index/finance',array('c_id'=>$vo['c_id'],'kind'=>$kind,'parent'=>$vo['c_parent']))}'"{/if} >
					                    <div class="media-left">
					                      <a href="#">
					                        {if condition="empty($vo['c_logo'])"}
					                        <img src="{$yf_theme_path}/public/img/default.png" class="media-object" width="84px" />
					                        {else}
					                        <img src="{$vo.c_logo}" class="media-object" width="84px" οnerrοr="javascript:this.src='{$yf_theme_path}/public/img/default.png';"/>
					                        {/if}
					                      </a>
					                    </div>
					                    <div class="media-body">
					                      <h4 class="media-heading">{$vo.c_name}</h4>
					                      <div class="media-content">
					                          <p>资产托管代码：{$vo.c_code}</p>
	                                          <p>卖家报价：{$vo.c_price}</p>
	                                          <p>本所指导价：{$vo.c_gprice}</p>
	                                          {if condition="!empty($vo['c_tprice']) and $vo['c_tprice']!='/'"}
	                                          <p>第三方评估价：{$vo.c_tprice}</p>
	                                          {/if}
					                      </div>
					                    </div>
					               </div>
					               {/foreach}
					            </div>
					          {/if}
					  </div>
			            
                 {/foreach}
            {elseif condition="isset($cid) and $cid"}  
             <div class="changewraper" style="margin-top:10px;text-align:center;">
						                    <div  class="tabstitle   poster changeview"><a href="javascript:void(0);" class="btn btn-xs {if condition="$showtype neq 1"}active btn-danger{/if}">切换到大图</a></div>
						                    <div  class="tabstitle   category changeview"><a href="javascript:void(0);"class="btn btn-xs {if condition="$showtype eq 1"}active btn-danger{/if}">切换到列表</a></div>
		     </div>   
            <div class="categorylist">
	                 <div class="page-header">
					                <h2>{$parent} </h2>
					                {if condition="count($categorys)"}
					                <div class="childs">
					                    <div class="childs-wrapper">
					                    {foreach $categorys as $key=>$vo}
					                    <div class="child"><a  {if condition="$key eq $kid  or (in_array($kind,[1]) and $key eq $cid)"}active{/if}"><a {if condition="in_array($kind,[1])"}href="{:url('index',array('kind'=>$kind,'cid'=>$key))}"{else}href="{:url('index',array('kind'=>$kind,'cid'=>$cid,'kid'=>$key))}"{/if}>{$vo}</a></div>
					                    {/foreach}
					                    </div>
					                </div>
					                {/if}
					                <a  href="{:url('index',array('kind'=>$kind))}" class="more">上一页</a>
					    </div>
					    
					    <div class=" detailsdes-new detailview"  {if condition="$showtype eq 0"}style="display:block;"{/if}>
						            {if condition="isset($products)"}
						            <div class="products">
						                {foreach $products as $key=>$vo}
						                <div class="product media" {if condition="isset($vo['c_jump']) and  $vo['c_jump']"}onclick='window.open("{$vo.c_jump}")'{else} onclick="window.location.href='{:url('finance',array('c_id'=>$vo['c_id'],'kind'=>$kind,'cid'=>$cid))}'"{/if}>
						                    <div class="media-left">
						                      <a href="#">
						                        {if condition="empty($vo['c_logo'])"}
						                        <img src="{$yf_theme_path}/public/img/default.png" class="media-object" width="84px" />
						                        {else}
						                        <img src="{$vo.c_logo}" class="media-object" width="84px" οnerrοr="javascript:this.src='{$yf_theme_path}/public/img/default.png';"/>
						                        {/if}
						                      </a>
						                    </div>
						                    <div class="media-body">
						                      <h4 class="media-heading">{$vo.c_name}</h4>
						                      <div class="media-content">
						                          <p>资产托管代码：{$vo.c_code}</p>
				                                        <p>卖家报价：{$vo.c_price}</p>
				                                        <p>本所指导价：{$vo.c_gprice}</p>
				                                        {if condition="!empty($vo['c_tprice']) and $vo['c_tprice']!='/'"}
				                                        <p>第三方评估价：{$vo.c_tprice}</p>
				                                        {/if}
						                      </div>
						                    </div>
						               </div>
						               {/foreach}
						            </div>
						          {/if}
						          <div class="pages text-center">{$show}</div>
						  </div>
				          
						  <div class=" detailsdes-list detailview" {if condition="$showtype eq 1"}style="display:block;"{/if}>
				                <table class="table text-center table-striped">
				                    <thead>
				                    <tr>
				                        <th scope="col">资产托管代码</th>
				                        <th scope="col">托管资产名称</th>
				                        <th scope="col" width="60px">卖家报价</th>
				                        <th scope="col" width="84px">披露起始日期</th>
				                        <th scope="col" width="50px">点击量</th>
				                    </tr>
				                    </thead>
				                    <tbody>
				                      {foreach $products as $index=>$vo}
									           <tr    {if condition="isset($vo['c_jump']) and  $vo['c_jump']"}onclick='window.open("{$vo.c_jump}")'{else} onclick="window.location.href='{:url('finance',array('c_id'=>$vo['c_id'],'kind'=>$kind,'state'=>$index,'cid'=>$cid))}'"{/if} >
													<th >{$vo.c_code}</th>
													<th>{$vo.c_name}</th>
													<th >{$vo.c_price}</th>
													<th >{$vo.c_gptime|date='Y-m-d',###}</th>
													<th >{$vo.c_count}</th>
												</tr>
									{/foreach}
				                   
				                    </tbody>
				                </table>
						          <div class="pages text-center">{$show}</div>
				         </div>   
			   </div>
            {elseif condition="isset($state) and $state"}
	            <div class="categorylist">
	                 <div class="page-header">
					                <h2>{$parent} </h2>
					                {if condition="count($categorys)"}
					                <div class="childs">
					                    <div class="childs-wrapper">
					                    {foreach $categorys as $key=>$vo}
					                    <div class="child"><a  {if condition="$key eq $kid  or (in_array($kind,[1]) and $key eq $cid)"}active{/if}"><a {if condition="in_array($kind,[1])"}href="{:url('index',array('kind'=>$kind,'cid'=>$key))}"{else}href="{:url('index',array('kind'=>$kind,'cid'=>$cid,'kid'=>$key))}"{/if}>{$vo}</a></div>
					                    {/foreach}
					                    </div>
					                </div>
					                {/if}
					                <a  href="{:url('index',array('kind'=>$kind))}" class="more">上一页</a>
					    </div>
					    
	                 {if condition="isset($products)"}
			           <table class="table text-center table-striped">
			                    <thead>
			                    <tr>
			                        <th scope="col">资产托管代码</th>
			                        <th scope="col">托管资产名称</th>
			                        <th scope="col" width="60px">卖家报价</th>
			                        <th scope="col" width="84px">披露起始日期</th>
			                        <th scope="col" width="50px">点击量</th>
			                    </tr>
			                    </thead>
			                    <tbody>
			                      {foreach $products as $index=>$vo}
								           <tr    {if condition="isset($vo['c_jump']) and  $vo['c_jump']"}onclick='window.open("{$vo.c_jump}")'{else} onclick="window.location.href='{:url('finance',array('c_id'=>$vo['c_id'],'kind'=>$kind,'state'=>$index))}'"{/if} >
												<th >{$vo.c_code}</th>
												<th>{$vo.c_name}</th>
												<th >{$vo.c_price}</th>
												<th >{$vo.c_gptime|date='Y-m-d',###}</th>
												<th >{$vo.c_count}</th>
											</tr>
								{/foreach}
			                   
			                    </tbody>
			                </table>
			          {/if}   
			   </div>
        {/if} 
      
 <script>
 function keyPress(){
	 var keyCode=event.keyCode;
	 if(keyCode>=48&&keyCode<=57){
		 event.returnValue=true;
	 }else{
		 event.returnValue=false;
	 }
}
function layerAlert(msg,type,call) {
    var icon=0;
    if(type=='error'){
        icon=5;
    }else if(type=='success'){
        icon=6;
    }
    layer.alert(msg, {icon: icon,
        cancel:function () {
            call&&call();
        }},
        function (index) {
            layer.close(index);
            call&&call();
        }
    );
}
          $(function(){
        	  $(".changeview").click(function(){
       			 var parent=$(this).parents(".categorylist");
       			 $(".changeview a").removeClass("active");
       			 $(".changeview a").removeClass("btn-danger");
       			 
       			 $(this).find('a').addClass("active").addClass("btn-danger");
       			 var index=$(this).index(".changeview");
       			 $(".detailview").hide();
       			 $(".detailview").eq(index).show();
       			 var len=$(".pagination").length;
       			 $("#showtype").val(index);
       			 if(len){
       				 $(".pagination a").each(function(){
       					 var href=$(this).attr("href");
       					 href+="&showtype="+index;
       					 $(this).attr("href",href);
       				 });
       			 }
       		});
              $(".childs-wrapper").slick({
                slidesToShow: 3,
                slidesToScroll: 1,
                variableWidth: true
              });
              
              function toThousands(num) {
      		    var result = [ ], counter = 0;
      		    num = (num || 0).toString().split('');
      		    console.log("num",num);
      		    for (var i = num.length - 1; i >= 0; i--) {
      		        counter++;
      		        result.unshift(num[i]);
      		        if (!(counter % 3) && i != 0) { result.unshift(','); }
      		    }
      		    var str=result.join('');
      		    return str;
      		}
      		var yearsort="{:$yearsort}";
      		var pricesort="{:$pricesort}";
      		var timesort="{:$timesort}";
      		var url="{:url('search',['kind'=>$kind,'cid'=>$cid])}?page={$page}&showtype={$showtype}";
      		var mprice=sprice='';
      		$("#sprice").focusout(function(){
                  sprice=$(this).val();
                  sprice=sprice.replace(",","");
                  $(this).data('val',sprice);
                  sprice=toThousands(sprice);
                  console.log("sprice",sprice);
                  $(this).val(sprice);
      		})
      		
      		$("#mprice").focusout(function(){
                   mprice=$(this).val();
                   mprice=mprice.replace(",","");
                   $(this).data('val',mprice);
                   sprice=$("#sprice").val();
                   var sval=$("#sprice").data('val');
                   
                   if(parseInt(mprice)<parseInt(sval)){
                  	 console.log("111");
                  	 return layerAlert("最大价格不能小于最小价格");
                   }
                   $(this).val(toThousands(mprice))
                   setTimeout(function(){
          			 window.location.href=url+"&yearsort="+yearsort+"&pricesort="+pricesort+"&timesort="+timesort+"&mprice="+mprice+"&sprice="+sprice;
                   },1000);
      		})
      		
      		
      		$(".yearsort").click(function(){
      			 var key="";
                 var has=$(this).hasClass("fall");
                 if(has)key="glyphicon-arrow-up";
                 var has=$(this).hasClass("rising");
                 if(has)key="glyphicon-arrow-down";
                 $(this).find('i').removeAttr('class').addClass('glyphicon').addClass(key);
                 
      			 var key="";
      			 var has=$(this).hasClass("fall");
      			 if(has)key="desc";
      			 var has=$(this).hasClass("rising");
      			 if(has)key="asc";
      			 yearsort=key
      			 $("#yearsort").val(key);
      			 window.location.href=url+"&yearsort="+key+"&pricesort="+pricesort+"&timesort="+timesort+"&mprice="+mprice+"&sprice="+sprice;
      		});
      		$(".pricesort").click(function(){

     			var key="";
                var has=$(this).hasClass("fall");
                if(has)key="glyphicon-arrow-up";
                var has=$(this).hasClass("rising");
                if(has)key="glyphicon-arrow-down";
                $(this).find('i').removeAttr('class').addClass('glyphicon').addClass(key);
      			
      			 var key="";
      			 var has=$(this).hasClass("fall");
      			 if(has)key="desc";
      			 var has=$(this).hasClass("rising");
      			 if(has)key="asc";
      			 pricesort=key;
      			 $("#pricesort").val(key);
      			 window.location.href=url+"&yearsort="+yearsort+"&pricesort="+key+"&timesort="+timesort;
      		});
      		$(".timesort").click(function(){

     			var key="";
                var has=$(this).hasClass("fall");
                if(has)key="glyphicon-arrow-up";
                var has=$(this).hasClass("rising");
                if(has)key="glyphicon-arrow-down";
                $(this).find('i').removeAttr('class').addClass('glyphicon').addClass(key);
      			
      			 var key="";
      			 var has=$(this).hasClass("fall");
      			 if(has)key="desc";
      			 var has=$(this).hasClass("rising");
      			 if(has)key="asc";
      			 timesort=key;
      			 $("#timesort").val(key);
      			 window.location.href=url+"&yearsort="+yearsort+"&pricesort="+pricesort+"&timesort="+key;
      		});
      		$(".searchForm").click(function(){
      			var keyword=$("#searchkeyword").val();
      			var kind="{:$kind}"
      			window.location.href=url+"&keyword="+keyword;	
      		});
              
          });
</script>