{{> layout/header}}
<div class="good-detail-page yoho-page">
    <div class="banner-container">
        <h1 class="is-new-lable">NEW</h1>
        {{# bannerTop}}
        {{> product/banner_swiper_arrow}}
        {{/ bannerTop}}
    </div>

    {{# goodsName}}
    <h2 class="goodsName"><span>{{.}}</span></h2>
    {{/ goodsName}}

    {{# goodsSubtitle}}
    <h1 class="goodsSubtitle"><span>{{.}}</span></h1>
    {{/ goodsSubtitle}}

    <div class="price-date">
     {{#goodsPrice}}
     <div class="goodsPrice">
        <h1 class="currentPrice">{{currentPrice}}</h1>
        <h1 class="previousPrice">{{previousPrice}}</h1>
    </div>
    {{/goodsPrice}}

    {{#periodOfMarket}}
    <div class="periodOfMarket">
        <h1>上市期：</h1>
        <h1 >{{.}}</h1>
    </div>
    {{/periodOfMarket}}
    </div>

    {{# vipLevel}}
    <div class="vipLevel">
     {{# list}}
    <span class="vip-img">
        <img class="lazy" data-original="http://static.dev.yohobuy.com/img/product/silver.png" alt="">
    </span>
     <span class="vip-price">{{text}}</span>
     {{/ list}}           
    </div>
    {{/ vipLevel}}

    {{#goodsDiscount}}
    <div class="goodsDiscount">
        {{#list}}
            {{#if @first}}
                <h1 class="first-item">{{text}}<span class="icon-down iconfont dropdown">&#xe609;</span></h1>
                <div class="discount-folder">
                {{else}}
                <h1 class="folder-item">{{text}}</h1>
            {{/if}}
        {{/list}}
        </div>
    </div>
    {{/goodsDiscount}}

    <div class="feedback-list ">
        {{# feedbacks}}
        {{#if commentsNum}}
               {{> product/feedback-tab}}
            {{else}}
             {{#if consultsNum}}
                    {{> product/feedback-tab}}
             {{else}}
            <div class="nodata">
                <span>暂无商品评价和咨询</span>
                <a class="go-consult">我要咨询<span class="iconfont">&#xe604;</span></a>
            </div>
             {{/if}}
        {{/if}}
        {{/ feedbacks}}
    </div>

    <div class="gap-block"></div>

    {{# enterStore}}       
    <div class="enter-store page-block">
        <a class="store-logo" href="{{url}}" style="">
            <img class="lazy" data-original="{{img}}" alt="{{storeName}}">
        </a>
        <a class="store-name" href="{{url}}">{{storeName}}</a>
        <a class="store-link" href="{{url}}">进入店铺<span class="iconfont">&#xe604;</span></a>
    </div> 
    {{/ enterStore}}

    <div class="gap-block"></div>

    {{#goodsDescription}}
    <div class="goods-desc  page-block">
     <img class="service lazy" data-original="http://static.dev.yohobuy.com/img/product/service.png" alt="">
     <h1 class="title">
        {{title}}
        <span class="en-title">{{enTitle}}</span>
    </h1>
    {{#detail}}
    <div class="detail table">
        <div class="row">
            <div class="column">编号：{{nubmer}}</div>
            <div class="column">帽型：{{hatType}}</div>
        </div>
        <div class="row">
            <div class="column">颜色：{{color}}</div>
            <div class="column">帽檐：{{bongrace}}</div>
        </div> 
        <div class="row">
            <div class="column">类型：{{type}}</div>
            <div class="column">细节：{{goodsDetail}}</div>
        </div> 
        <div class="row">
            <div class="column">性别：{{gender}}</div>
            <div class="column">风格：{{style}}</div>
        </div> 
    </div>
    {{/detail}}
    <div class="desc-text">{{desc}}</div>
    </div>
    {{/goodsDescription}}

    <div class="gap-block"></div>

    {{#sizeInfo}}
    <div class="size-info  page-block">
         <h1 class="title">
            {{title}}
            <span class="en-title">{{enTitle}}</span>
        </h1>
        {{#detail}}
        <div class="detail">
          <div class="swiper-container detail-swiper" id="size-swiper-container">
            <div class="swiper-wrapper">
                {{#list}}
                <div class="swiper-slide " >
                    {{#params}}
                    <div class="cell">{{param}}</div>
                    {{/params}}
                </div>
                {{/list}}
            </div>
        </div>
        <p class="tips">提示：左滑查看完整表格信息</p>
        </div>
        {{/detail}}
    </div>
    {{/sizeInfo}}

    <div class="gap-block"></div>

    {{#measurementMethod}}
    <div class="measurement-method  page-block">
    <h1 class="title">
        {{title}}
        <span class="en-title">{{enTitle}}</span>
    </h1>
    {{#detail}}
    <div class="detail" style="width:100%">
        <img class="lazy" data-original="{{img}}" alt="">
        <div class="right-part">
            <div class="title">
                <h1 >{{sort}}</h1>
                <span>{{enSort}}</span>
            </div>
            <ul class="items">
                {{#each items}}
                <li>
                    <span>{{@index}}</span>
                    {{this}}</li>
                    {{/items}}
                </ul>
            </div>
        </div>
        {{/detail}}
    </div>
    {{/measurementMethod}}

    <div class="gap-block"></div>

    {{#reference}}
    <div class="size-info  page-block">
        <h1 class="title">
            {{title}}
            <span class="en-title">{{enTitle}}</span>
        </h1>
        {{#detail}}
        <div class="detail">
          <div class="swiper-container detail-swiper" id="reference-swiper-container">
            <div class="swiper-wrapper">
                {{#list}}
                {{#if @first}}
                <div class="swiper-slide first-group" >
                        <img class="lazy avatar" data-original="{{firstModel}}"  alt="">
                        <img class="lazy avatar" data-original="{{secondModel}}" alt="">
                </div>
                {{^}}
                <div class="swiper-slide" >
                    <div class="model-field cell">{{fieldName}}</div>
                    <div class="first-model cell">{{firstModel}}</div>
                    <div class="second-model cell">{{secondModel}}</div>
                </div>
                {{/if}}
                {{/list}}
            </div>
        </div>
        <p class="tips">提示:左滑查看完整表格信息</p>
    </div>
    {{/detail}}
    </div>
    {{/reference}}

    <div class="gap-block"></div>

    {{#materials}}
    <div class="materials  page-block">
         <h1 class="title">
            {{title}}
            <span class="en-title">{{enTitle}}</span>
        </h1>
        <div class="detail">
            <img class="lazy" data-original="{{img}}" alt="">
            <p class="material-desc">
                {{desc}}
            </p>
        </div>
        <img class="lazy material-type" data-original="{{materialType}}"  alt="" >
    </div>
    {{/materials}}

    <div class="gap-block"></div>

    {{#productDetail}}
    <div class="product-detail page-block">
        <h1 class="title">
        {{title}}
            <span class="en-title">{{enTitle}}</span>
        </h1>
        <div class="detail">
            <p>{{desc}}</p>
            <img class="lazy" data-original="{{img}}" alt="">
        </div>
    </div>
    {{/productDetail}}

    {{#cartInfo}}
    <div class="cart-bar">
        <span class="num-tag">{{numInCart}}</span>
        <a href="" class="num-incart iconfont">&#xe62c;</a>
        {{#if goodsInstore}}
        <a href="" class="addto-cart ">加入购物车</a>
          {{else}}
          <a href="" class="sold-out">已售罄</a>
        {{/if}}
        <a href="" class="favorite iconfont">&#xe605;</a>
    </div>
    {{/cartInfo}}

</div>
{{> layout/footer}}