{{> layout/header}}
<div class="good-detail-page yoho-page">
    <div class="banner-container">
        <div class="tag-container">
            {{# tags}}
                {{# is_new}}
                    <p class="good-tag new-tag">NEW</p>
                {{/ is_new}}
                {{# is_advance}}
                    <p class="good-tag renew-tag">再到着</p>
                {{/ is_advance}}
                {{# is_discount}}
                    <p class="good-tag sale-tag">SALE</p>
                {{/ is_discount}}
                {{# is_yohood}}
                    <div class="good-tag yohood-tag">新品节</div>
                {{/ is_yohood}}
                {{# is_limited}}
                    <p class="good-tag limit-tag">限量商品</p>
                {{/ is_limited}}
                {{# is_soon_sold_out}}
                    <p class="good-tag soonSoldOut-tag">即将售罄</p>
                {{/ is_soon_sold_out}}
            {{/ tags}}
        </div>
        {{# 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}}

        {{^ noLimitGoodsBtn}}
            {{#if canGetLimitCode}}
                <button class="limit-sale" id='limit-sale'>获取限购码</button>
            {{/if}}

            {{#if codeEmpty}}
                <button class="got-limit-sale">限购码已被抢光</button>
            {{/if}}

            {{#if gotCode}}
                <button class="got-limit-sale">已获限购码</button>
            {{/if}}
        {{/noLimitGoodsBtn}}

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

    {{# vipLevel}}
    <ul class="vip-level clearfix">
        {{# list}}
        <li class="icons-item {{#if currentLevel}}current-level{{/if}}">
            <span class="vip-img " style="background-size:contain;">
            </span>
            <span class="vip-price ">{{text}}</span>
        </li>
        {{/ list}}
    </ul>
    {{/vipLevel}}

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

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

    {{# enterStore}}
    <div id="enter-store" class="enter-store page-block tap-hightlight">
        <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 id="productDesc"> </div>
    {{> product/recommend-for-you}}
    {{> cart/chose-panel}}

    {{#cartInfo}}
    <div class="cart-bar">
        <a href="{{cartUrl}}" class="num-incart iconfont"><span class="num-tag hide"></span>&#xe62c;</a>

        {{#if addToCartUrl}}
           <!--  <a  id="addtoCart" href="{{addToCartUrl}}"  class="addto-cart">加入购物车</a> -->
           <a  id="addtoCart" href="javascript:;" class="addto-cart">加入购物车</a>
        {{/if}}

        {{#if soldOut}}
            <a href="javascript:;" class="sold-out">已售罄</a>
        {{/if}}

        {{#if notForSale}}
            <a href="javascript:;" class="sold-out">非卖品</a>
        {{/if}}

        {{#if limitNotForSale}}
            <a href="javascript:;" class="sold-out">即将开售</a>
        {{/if}}

        {{#if canBuyLimit}}
            <a href="javascript:;" class="addto-cart">立即购买</a>
        {{/if}}

        {{#if noLimitCode}}
            <a href="javascript:;" class="sold-out">立即购买</a>
        {{/if}}
        <input type="hidden" name="limitCodeUrl" value="{{limitCodeUrl}}">

        <a href="javascript:;" id="likeBtn" class="favorite iconfont {{#isCollect}}liked{{/isCollect}}">&#xe605;</a>
    </div>
    {{/cartInfo}}
    {{#if introUrl}}
    <input id="introUrl" type="hidden" value="{{introUrl}}">
    {{/if}}
    {{#if id}}
    <input id="productId" type="hidden" value="{{id}}">
    {{/if}}
    {{#if preferenceUrl}}
    <input id="preferenceUrl" type="hidden" value="{{preferenceUrl}}">
    {{/if}}

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