{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-{if condition="$yearsort eq 'asc'"}down{else}up{/if}"></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-{if condition="$pricesort eq 'asc'"}down{else}up{/if}"></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-{if condition="$timesort eq 'asc'"}down{else}up{/if}"></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" name="keyword" aria-label="关键词" value="{$keyword}" style="padding:6px 2px;">
	              <span class="input-group-btn"><button class="btn btn-danger" type="button" style="padding:4px 5px;" onclick="$('#searchForm').submit()"><i class="glyphicon glyphicon-search"></i></button>
	              </span>
            </div>
          </div>
           <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>
</form>
          
          			 
         <div class="categorylist detailsdes-new detailview"  {if condition="$showtype eq 0"}style="display:block;"{/if}>
		            <div class="page-header"></div>
		            {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))}'"{/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="categorylist detailsdes-list detailview" {if condition="$showtype eq 1"}style="display:block;"{/if}>
                <div class="page-header"></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 $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>
                <div class="pages text-center">{$show}</div>
         </div>
				
      
 <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 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;
}
          $(function(){
            var yearsort="{:$yearsort}";
      		var pricesort="{:$pricesort}";
      		var timesort="{:$timesort}";
      		var url="{:url('search',['kind'=>$kind])}?page={$page}&showtype={$showtype}";
      		var mprice=sprice='';

  			var keyword="{:$keyword}";
      		{if condition="$sprice"}
      		     sprice={$sprice};
      		     sprice=toThousands(sprice);
      		     $("#sprice").val(sprice)
      		{/if}
          	{if condition="$mprice"}
          	     mprice={$mprice};
          	     mprice=toThousands(mprice);
      		     $("#mprice").val(mprice)
      		{/if}     
      		
      		$("#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(",","");
                   sprice=$("#sprice").val();
                   var sval=$("#sprice").data('val');
                   if(parseInt(mprice)<parseInt(sval)){
                  	 return layerAlert("最大价格不能小于最小价格");
                   }
                   $(this).val(toThousands(mprice))
                   setTimeout(function(){
          			 window.location.href=url+"&yearsort="+yearsort+"&pricesort="+pricesort+"&timesort="+timesort+"&mprice="+mprice+"&sprice="+sprice+"&keyword="+keyword;
                   },1000);
      		})
      		
      		$(".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);
      				 });
      			 }
      		});
      		$(".yearsort").click(function(){
      			 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+"&keyword="+keyword;
      		});
      		$(".pricesort").click(function(){
      			 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+"&mprice="+mprice+"&sprice="+sprice+"&keyword="+keyword;
      		});
      		$(".timesort").click(function(){
     			 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);
     			 console.log("timesort",key);
     		
     			 window.location.href=url+"&yearsort="+yearsort+"&timesort="+key+"&pricesort="+pricesort+"&mprice="+mprice+"&sprice="+sprice+"&keyword="+keyword;
     		});
      		$(".searchForm").click(function(){
      			keyword=$("#searchkeyword").val();
      			window.location.href=url+"&yearsort="+yearsort+"&pricesort="+pricesort+"&timesort="+timesort+"&mprice="+mprice+"&sprice="+sprice+"&keyword="+keyword;
      		});
              
          });
</script>