<!--packageI/groupWork/groupWorkDetail/groupWorkDetail.wxml-->
<view id="group-work-detail">
  <view class="content">
    <view class="goods_list">
      <view class="goods_box">
        <view class="goods_img">
          <image src="{{goods.thumb}}" catchtap="gotoUrl" data-id="{{aid}}" />
        </view>
        <view class="goods_info">
          <view class="name" style="-webkit-box-orient: vertical;">
            {{ goods.title || "" }}
          </view>
          <view class="price">
            <view>￥</view>{{ goods.group_price || "" }}<view style="text-decoration: viewne-through;">￥{{
              goods.presentPrice ||
              "" }}</view>
          </view>
          <view class="number">
            <view class="left">
              <view>{{ goods.pay }}人付款</view>
            </view>

            <view class="go_group">{{ goods.person }}人拼团</view>
          </view>
        </view>
      </view>
    </view>
    <view class="into_group">
      <view class="title" wx:if="{{status == 1}}">
        <view class="line_left"></view>
        <view>距结束</view>
        <view class="line_left"></view>
      </view>
      <view class="time" wx:if="{{status == 1}}" style="margin-bottom:0.5rem;">
        <van-count-down use-slot time="{{countDownTime}}" class="bottom_time" format="DD天HH时mm分ss秒"
          bind:finish="countDownEnd" bind:change="onTimeChange">
          <em style="padding: 0.125rem; border-radius: 0.125rem;">{{ timeData.days < 10 ? "0" + timeData.days :
              timeData.days }}</em>天
              <em style="padding: 0.125rem; border-radius: 0.125rem;">{{ timeData.hours < 10 ? "0" + timeData.hours :
                  timeData.hours }} </em>
                  <b>:</b>
                  <em style="padding: 0.125rem; border-radius: 0.125rem;">{{ timeData.minutes < 10 ? "0" +
                      timeData.minutes : timeData.minutes }} </em>
                      <b>:</b>
                      <em style="padding: 0.125rem; border-radius: 0.125rem;">{{ timeData.seconds < 10 ? "0" +
                          timeData.seconds : timeData.seconds }} </em>
        </van-count-down>
      </view>
      <view class="title">
        <view>{{active_status}}</view>
      </view>
      <!-- 按钮 进行中：邀请好友||去参团 ； 未开始||已结束：更多活动 -->
      <button open-type="share" wx:if="{{status == 1&&isJoin}}" class="btn" catchtap="clickBtn">邀请好友</button>
      <button type="button" class="btn" wx:else catchtap="clickBtn">{{ btnTest }}</button>
    </view>
    <view class="group_user">
      <view class="h2">参团组员</view>

      <swiper wx:if="{{Participants.length>0}}" style="height: 200rpx;" autoplay="{{true}}" interval="3000"
        vertical="{{true}}" bindchange="swiperUser" data-key="member">
        <swiper-item wx:for="{{Participants}}" wx:key="index">
          <view class="user_box">
            <view class="user" wx:for="{{item}}" wx:for-item="child" wx:key="*this">
              <view class="img {{child.status == 2?'reward-border':'' }}">
                <view class="reward" wx:if="{{child.status == 2}}"></view>
                <image src="{{child.thumb}}" />
                <view class="grouper" wx:if="{{child.is_head}}">团长</view>
              </view>
            </view>
          </view>
        </swiper-item>
      </swiper>
      <view wx:if="{{Participants.length == 0}}">暂无参团人员</view>
    </view>

    <view class="look_btn" catchtap="gotoUrlHome">
      <button type="button">去商城逛逛</button>
    </view>
  </view>

  <!-- 规格弹窗,关联层级 -->
  <yz_specs id='yzSpecs' goods="{{goods}}" hidden-buy-btn disable-stepper-input show="{{showSpecs}}"
    bind:sku-selected="skuSelected" bind:buy-clicked="buyClicked">
    <view slot='sku-header-other'>
      <view style="viewne-height: 24px;font-size:12px;">{{ goods.person }}人团</view>
    </view>
    <view slot='sku-body-bottom'>
      <view class="select_box noVantRadio" wx:if="groupLevel" style="padding-top: 0;">
        <van-radio-group value="{{groupModel}}" checked-color="#f15353" class="select" style="padding-bottom: 0;">
          <van-radio class="vantRadioshow" wx:for="{{groupLevel}}" name="{{item.id}}">
            <view style="padding: 0.25rem 0.8rem;">
              <view>￥{{ item.min_price }} 起</view>
              <view>{{ item.person }}人团</view>
            </view>
          </van-radio>
        </van-radio-group>
      </view>
    </view>
    <view slot='sku-buy-btn'>
      <van-button type="danger" size="large" id="btsmall" catchtap="getPayData" custom-style="font-size:12px;">
        <text style="width:100%;display: inline-block;">0.1元开/参团金</text>
        <text>该金额为支付开/参团费用，非商品金额</text>
      </van-button>
    </view>
  </yz_specs>

  <!-- 支付 -->
  <van-popup show="{{Payshow}}" position="bottom" overlay="{{true}}" bind:close="rewardPayshowClose">
    <view class="rewardPay">
      <view class="payMode">
        <view class="ul">
          <view class="li" data-info="{{item}}" catchtap="payPost" wx:for="{{btnData}}" wx:key="index">
            {{ item.name }}
          </view>
        </view>
      </view>
      <view class="cancel" catchtap="rewardPayCancelBtn">取消</view>
    </view>
  </van-popup>
  <pay-keyboard show="{{popupSpecs}}" wx:if="{{popupSpecs}}" bindclose="payKeyboardClose"
    bindcomplete="payKeyboardComplete"></pay-keyboard>
</view>