{layout name="public/layout" /}
<script src="{$yf_theme_path}/public/js/lightbox.js"></script>
    <link rel="stylesheet" href="{$yf_theme_path}/public/css/lightbox.css">
{if condition="isset($list['photos']) and count($list['photos'])"}
<div id="banners">
        <div class="banner-wraper">
         {if condition="$list['c_video']"}
                     <div class="banner">
                     <a href="#">
                     <video src="{$list.c_video}" poster="{$list.c_logo}" width="100%" controls="controls" autoplay>您的浏览器不支持 video 标签。</video>
                     </a>
                    </div>
        {/if}
        {foreach name="list['photos']" item="vo"}
				<div class="banner">
				<a {if condition="empty($vo)"}href="#"{else}href="<?php echo trim($vo,'.');?>"{/if} data-lightbox="image-{$key}" data-title="{$list.c_name}">
				{if condition="empty($vo)"}
                <img  src="{$yf_theme_path}/public/img/default2.png" class="img-responsive" width="100%"  />
                {else}
				<img src="<?php echo trim($vo,'.');?>" title="{$list.c_name}"   class="img-responsive" width="100%" οnerrοr="javascript:this.src='{$yf_theme_path}/public/img/default2.png';" />
				{/if}
				</a></div>
		{/foreach}
        </div>
</div>
<script>
$(".banner img").each(function(){
    var index=$(this).index();
    var wid=$(window).width();
    if(index==0){
    	    // 测试缓存不加时间戳
    	    let img_url =$(this).attr('src');

    	    // 创建对象
    	    let img = new Image();

    	    // 改变图片的src
    	    img.src = img_url;
            var imgwid=0;
    	    // 判断是否有缓存
    	    if (img.complete) {
    	        // 打印数据
    	        imgwid=img.width;
                if(imgwid>wid*1.4){
                	  var curwid=wid*1.4;
                	  $(".banner img").css({"width":curwid});
                }else if(imgwid<wid){
                    $(".banner img").css({"width":wid});	
                }
    	    } else {

    	        // 加载完执行
    	        img.onload = function () {
    	        	imgwid=img.width;

                    if(imgwid>wid*1.4){
	        	    var curwid=wid*1.4; 
            	    $(".banner img").css({"width":curwid});
                    }else if(imgwid<wid){
                    $(".banner img").css({"width":wid});	
                    }
    	        }
    	    }
    }
});
          $(function(){
              $(".banner-wraper").slick({
                dots:true,
                arrows:false,
                autoplay: true,
                centerMode: true,
                variableWidth: true,
                autoplaySpeed: 2000,
              });
          });    
</script> 
{/if} 
<ol class="breadcrumb">
      <li><i class="glyphicon glyphicon-home"></i>&nbsp;<a href="{:url('index',array('kind'=>$kind))}">{$title}</a></li>
      {if condition="isset($state)"}
	  <li><a href="{:url('index',array('kind'=>$kind,'state'=>$state,'cid'=>$cid))}">{$parent}</a></li>
	  {else}
	  <li><a href="{:url('index',array('kind'=>$kind,'cid'=>$c_parent))}">{$parent}</a></li>
	  {/if}
	  <li class="active">{$list.c_name}</li>
</ol>
<table class="table">
  <tbody>
    <tr>
      <th width="96px">托管资产名称：</th>
      <td>{$list.c_name}{if condition="$list['c_tag'] eq 1"}&nbsp;&nbsp;<button type="button"  class="btn btn-danger btn-xs">已摘牌</button>{/if}</td>
    </tr>
    <tr>
      <th>资产托管代码：</th>
      <td>{$list.c_code}</td>
    </tr>
    <tr>
      <th>数量：</th>
      <td>{$list.c_num|default="--"}</td>
    </tr>
    <tr>
      <th>卖家报价：</th>
      <td>{$list.c_price|default="--"}</td>
    </tr>
    <tr>
      <th>本所指导价:</th>
      <td>{$list.c_gprice|default="--"}</td>
    </tr>
     {if condition="!empty($list['c_tprice']) and $list['c_tprice']!='/'"}
      <tr>
      <th>第三方评估价:</th>
      <td>{$list.c_tprice|default="--"}</td>
      </tr>
    {/if}
    <tr>
      <th>买家应价：</th>
      <td><button type="button" class="btn btn-danger btn-xs" id="askprice">柜台预约</button></td>
    </tr>
    <tr>
      <th>托管类别:</th>
      <td><?php echo isset($showtypes[$list['c_child']])?$showtypes[$list['c_child']]:'--';?></td>
    </tr>
  </tbody>
</table>
<div>
  <!-- Nav tabs -->
  <ul class="nav nav-tabs" role="tablist">
    <li role="presentation" ><a href="#tab1" class="active" aria-controls="tab1" role="tab" data-toggle="tab">资产档案</a></li>
    <li role="presentation"><a href="#tab2" aria-controls="tab2" role="tab" data-toggle="tab">鉴评情况</a></li>
    <li role="presentation"><a href="#tab3" aria-controls="tab3" role="tab" data-toggle="tab">交易/展览记录</a></li>
    <li role="presentation"><a href="#tab4" aria-controls="tab4" role="tab" data-toggle="tab">买家预约流程</a></li>
  </ul>

  <!-- Tab panes -->
  <div class="tab-content">
    <div role="tabpanel" class="tab-pane active" id="tab1">
         
        <table style="color:#999;font-size:13px; width:100%;">
           {if condition="$list['c_notice'] and file_exists('.'.$list['c_notice'])"}
	          <tr>
		          <td width="50px" style="text-align:right;line-height:2em;">卖家承诺书：</td>
	              <td colspan="3" >
	               {if condition="pathinfo($list['c_notice'],PATHINFO_EXTENSION ) eq 'pdf'"}
			        <embed src="{$list.c_notice}#toolbar=0&navpanes=0&scrollbar=0" width="80%" height="625">
			        {else}
	                <img src="{$list.c_notice}"  style="max-width:80%;"/>
	                {/if}
	              </td>
	          </tr>						        
         {/if}
          <tr>
              <td width="50px" style="text-align:right;line-height:2em;"  width="40px">尺寸：</td>
              <td>{$list.c_size|default="-"}</td>
              <td style="text-align:right;"  width="40px">材质：</td>
              <td>{$list.c_material|default="-"}</td>
          </tr>
          <tr>
          <td style="text-align:right;line-height:2em;"  width="50px">风格：</td>
          <td>{$list.c_class|default="-"}</td>
          <td style="text-align:right;" width="50px">托管日期:</td>
          <td>{$list.c_gptime|date='Y-m-d',###}</td>
          </tr>
          <tr>
              <td colspan="4" style="padding:10px;border-top:1px solid #e5e5e5;">{$list.c_content|default="-"}</td>
          </tr>
      </table>
    </div>
    <div role="tabpanel" class="tab-pane" id="tab2">{$list.c_evaluation|default="-"}</div>
    <div role="tabpanel" class="tab-pane" id="tab3">{$list.c_transaction|default="-"}</div>
    <div role="tabpanel" class="tab-pane" id="tab4">
        <form id="askForm" class="form-horizontal" method="post" action="{:url('subscription',array('c_id'=>$list['c_id'],'kind'=>$kind,'type'=>1))}">
         {:token()}
          <div class="form-group">
            <label  class="col-xs-3 control-label text-right">姓名 :</label>
            <div class="col-xs-9">
              <input type="text" class="form-control" id="username2" name="username" >
            </div>
          </div>
          <div class="form-group">
            <label  class="col-xs-3 control-label text-right">联系电话 :</label>
            <div class="col-xs-9">
              <input type="text" class="form-control" id="mobile2" name="mobile" >
            </div>
          </div>
          <div class="form-group">
            <label  class="col-xs-3 control-label text-right">邮箱 :</label>
            <div class="col-xs-9">
              <input type="text" class="form-control"  id="email2" name="email" >
            </div>
          </div>
          <div class="form-group">
            <div class="col-xs-offset-3 col-xs-9">
              <button type="submit" id="submit2" class="btn btn-default  btn-danger btn-sm">提交</button>
            </div>
          </div>
        </form>
    </div>
  </div>

</div>
<script src="{$yf_theme_path}public/js/jquery.form.js"></script>
<script src="{$yf_theme_path}public/js/jquery.validate.min.js"></script>
<script src="{$yf_theme_path}public/js/layer/layer.js"></script>
<script src="{$yf_theme_path}public/js/base.js"></script>
<script>
$(function(){
	$("#askprice").click(function(){
		$(".nav-tabs li:eq(3) a").trigger("click");
	});
	   jQuery.validator.addMethod("isMobile", function(value, element) {    
		      var length = value.length;    
		      return this.optional(element) || (length == 11 && /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/.test(value));    
	 }, "请正确填写您的手机号码。"); 
	 var rules={
  		   "username":"required",
  		   /*"email":{
  			   "required":true,
  			   "email":true
  		   },*/
  		   "mobile":{
   			     "required":true,
   			     "isMobile":true
   		   }
     };
     var messages={
  		   "username":"请填写姓名",
  		   "email":{
 			     "required":"请填写邮箱",
 			     "email":"请正确填写邮箱"
 		   },
  		   "mobile":{
 			     "required":"请填写联系电话",
 			     "isMobile":"请正确填写手机号码"
 		    }
     };
     tool.commonForm("#askForm",rules,messages);
});
</script>