<block wx:if="{{show}}">

  <view class="header {{shareFlag || 'mt-header'}}" >

    <product-header product="{{product}}" shareFlag="{{shareFlag}}" avatars="{{avatars}}"></product-header>
  </view>
  <block wx:if="{{false}}">
    <counter count="{{participantCount}}" num="{{product.limit}}" status="{{product.status}}"></counter>
    <prize-progress step="{{step}}"></prize-progress>
  </block>
  <view class="machine {{shareFlag ? 'machine-t-m' : 'machine-t-l'}}">
    <view class="code-list" animation="{{animation}}">
      <view class="code-list-item-container">
        <view class="code-list-item"><view class="content"></view></view>
        <view class="code-list-item" wx:for="{{codeList}}" wx:if="{{index < 3}}" wx:key="{{index}}">
          <view class="content">
            <image class="thumb" mode="widthFix" src="{{item.user_thumb}}"></image>
            <view class="text">
              <view>我的</view>
              <view>抽奖码</view>
            </view>
            <view class="my-code">{{item.prize_code}}</view>
          </view>
          <image class="shadow" src="https://img11.static.yhbimg.com/yhb-img01/2018/12/27/19/0140fa3243af949068d2aabeedb0ea0666.png" mode="widthFix" wx:if="{{index == 2 && codeList.length>3 }}"></image>
        </view>
        <image src="./images/down.png" mode="widthFix" class="down" wx:if="{{codeList.length>3}}"></image>
      </view>
    </view>
  </view>
  <view class="help">
    <help></help>
  </view>
  <desc list="{{product.content}}" bind:tapUrl="_jumpBanner" bannerSrc="{{bannerSrc}}" bannerUrl="{{bannerUrl}}"></desc>

  <view class="line"></view>

  <more wx:if="{{recommends.length > 0}}">
    <block wx:for="{{recommends}}" wx:key="{{index}}">
      <view class="product-item">
        <product-item product="{{item}}" tab-idx="{{tabIdx - 1}}"></product-item>
      </view>
    </block>
  </more>

  <view class="fellow-bar" wx:if="{{product.status && !shareFlag}}">
    <fellow-bar></fellow-bar>
  </view>
  <group-recommend groupRecommendList="{{groupList}}" bindgoToGroupMiniApp="goToGroupMiniApp">
  </group-recommend>

  <view class="action-bar">
    <action-bar wx:if="{{isLogin}}" status="{{actionStatus}}" num="{{myPrizeCount}}" share-uid="{{shareUid}}"
                act-prize-id="{{actPrizeId}}" bindgetcode="changeActionStatus" bindshare="share"
                bindgaincodesuccess="reportSuccess"
    ></action-bar>

    <block wx:else>
      <view class="action-bar2">
        <view class="action-item action-list" bindtap="goList">
          <image class="action-image" src="./images/list_icon@2x.png"></image>
        </view>

        <block wx:if="{{product.status === 2}}">
          <button class="action-item confirm" bindtap="goLogin">0元参加抽奖</button>
        </block>

        <block wx:else>
          <view class="action-item over">活动已结束</view>
        </block>
      </view>
    </block>
  </view>
  <view class="foot"></view>

</block>

<import src="../../vendors/zanui/actionsheet/index.wxml"/>
<template is="zan-actionsheet" data="{{...actionsheet}}"/>

<import src="../../vendors/zanui/toast/index.wxml"/>
<template is="zan-toast" data="{{zanToast}}"/>

<import src="../../vendors/toast/wetoast.wxml"/>
<template is="wetoast" data="{{...__wetoast__}}"/>

<!-- <quickNavigation id="quickNavigation" isShowIndicator="{{false}}" isShowShopCart="{{false}}" marginBottom="{{190}}"></quickNavigation> -->

<zero-alert wx:if="{{showAuth}}">
  <view class="auth-content">OOPS 用户尚未授权登录</view>
  <button class="auth-foot action-item confirm" open-type="{{!hasUnionID ? 'getUserInfo':'getPhoneNumber'}}"
          bindgetphonenumber="getPhoneNumber" bindgetuserinfo='getUserInfo'>授权登录
  </button>
</zero-alert>