<import src="../goodsDetail/picker/picker.wxml"/>
<import src="./groupPurchaseShare.wxml" />
<scroll-view scroll-y="true" scroll-top="{{scrollTop}}" bindscroll="onScroll">
  <swiper class="swiper-box" indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" indicator-color='rgba(255,255,255,0.2)' indicator-active-color="rgba(255,255,255,1)">
      <block wx:for="{{bannerImgUrls}}" wx:key="unique">
         <swiper-item>
           <image class="slide-image" src="{{item}}" mode="aspectFit" />
         </swiper-item>
      </block>
  </swiper>
  <view class="goodTitle">
    <text class="titleText">{{title}}</text>
  </view>
  <view class='productdetailPriceView'>  
    <!-- <image wx:if='false' class="productdetailIcon" src="./images/ptj_tab@3x.png"></image>   -->
    <image hidden="{{activityIdDetail.joinLimit!=1}}" class="productdetailIcon" src="./images/ptj_yxk.png"></image> 
    <!-- <text class="productDetailPriceTip">{{activityIdDetail.peopleNum}}人团</text> -->
    <text class="productdetailPrice1">{{activityIdDetail.formatCollagePrice}}</text>
    <text class="productdetailPrice2">{{price}}</text>
    <text class='joinpeoplenum' wx:if="{{activityIdDetail.joinPeopleNum}}">{{activityIdDetail.joinPeopleNum}}人已拼</text>
  </view>
  <view 
    wx:if="{{is_advance=='Y' && expect_arrival_time}}"
    style='width:100%;height:44rpx;background:white;display:flex;flex-direction:row'>
    <view style='font-size:24rpx;color:#b0b0b0;margin-left:20rpx'>到货日期：</view>
    <view style='font-size:24rpx;color:#444444;'>{{expect_arrival_time}}</view>
  </view>
  <view class="gap"></view>

   <block wx:if="{{group_no.length <= 0 && activityGroupDetailList && activityGroupDetailList.length > 0}}">
    <view class="cell">
      <text style="font-size: 24rpx; color: #B0B0B0;margin-left: 32rpx;">选择下面小伙伴，快速参团</text>
    </view>
    <block wx:for="{{activityGroupDetailList}}" wx:key="unique">
      <view class="orderFormForPerson">
        <image class="personIcon" src="{{item.founderHeadUrl}}"></image>
        <text class="personName">{{item.founderNickName}}</text>
        <view class="orderFormForPersonMiddleView">
          <view style='display:flex;flex-direction:row;align-items:center'>
            <text class="middleViewText">还差</text>
            <text class="middleViewText" style='color:red'>{{item.lackNum}}</text>
            <text class="middleViewText">人成功</text>
          </view>
          
          <text class="middleViewText">剩余{{item.formatTime}}</text>
        </view>

        <view class='ibutton'> 
          <text class="ibuttonText" data-group-item="{{item}}" bindtap="joinInButtonTapped">立即参团</text>
        </view>
        </view>
      </block>
   <view style="width: 100%; height: 20rpx;background: white;"></view>
    <view class="gap"></view>
  </block>

  <view class="cell" bindtap="detailsRegularTap" >
      <text class="cellNameText">拼团规则说明</text>
      <text class="cellDetailText" style='display:none'>详细规则</text>
      <image src="{{arrowIcon_m}}" class="arrowIcon_m" style='display:none'></image>
  </view>
  <view class="ruleDetailCell">
    <view class="tree">
      <image style='width:620rpx;height:100%' mode='widthFix' src='./images/rule_detail_tree.png'></image>
    </view>
    <view class="treeTipView">
      <image src="./images/tip@2x.png" class="support-service-image" mode="widthFix"></image>
      <text class="treeTip">{{activityIdDetail.activityDescription}}</text>
    </view>
  </view>
  <view class="gap"></view>

<!-- 支持的服务 -->
  <view class="supportService" style="display:{{productSupportServiceList.length>0?'block':'none'}} ;flex-direction: row; display: flex; padding:20rpx">
     <view class="supportService-item" wx:for="{{productSupportServiceList}}" wx:key="supportService">
      <image src="./images/checked@2x.png" class="support-service-image" mode="widthFix" style="display:{{item.flag===1?'block':'none'}}"></image>
      <image src="./images/tip@2x.png" class="support-service-image" mode="widthFix" style="display:{{item.flag===0?'block':'none'}}"></image>
      <text class="support-service-title" >{{item.title}}</text> 
    </view> 
  </view>

  <view class="gap"></view>
  <view>
  <image 
    class="banner-image" 
    mode="widthFix"
    bindtap='bannerTap'
    src="https://img12.static.yhbimg.com/article/2018/08/15/18/02ede24c1230d5ddf06c045a70500f6107.jpg" >
  </image>
  </view>
  <view class="gap"></view>

  <view class="goodsInfo" style="display:{{productDesc.length>0?'block':'none'}}">
    <text class="title">商品信息</text>
    <text class="subtitle">DESCRIPTION</text>
    <view class="seperator"></view>
    <view class="table">
        <view class="tr" style="display:{{isFood && index ? 'block':'flex'}}" wx:for="{{productDesc.length/2}}" wx:key="unique">
            <view class="td">{{productDesc[index*2]}}</view>
            <view class="td" hidden="{{!productDesc[index*2+1]}}">{{productDesc[index*2+1]}}</view>
        </view>
    </view>
    <view wx:if="{{productPhrare}}" class="goodsInfoPhrare">
      <text class="lightGrayFont">{{productPhrare}}</text>
    </view>
  </view>


  <view class="goodsInfo" style="display:{{productSizeContent.length>0?'block':'none'}}">
    <text class="title">尺码信息</text>
    <text class="subtitle">SIZE INFO</text>
    <view class="seperator"></view>
    <scroll-view class="table">
        <view class="tr">
           <view class="td" wx:for="{{productSizeTitle}}" wx:key="unique">{{item}}</view>
        </view>
        <view class="tr" wx:for="{{productSizeContent}}" wx:key="unique">
           <view class="td" wx:for="{{productSizeContent[index]}}" wx:key="unique">{{item}}</view>
        </view>
    </scroll-view>
  </view>

  <view class="goodsInfo" style="display:{{productMeasurementImage?'block':'none'}}">
    <text class="title">测量方式</text>
    <text class="subtitle">MEASUREMENT METHOD</text>
    <view class="seperator"></view>
    <image src="{{productMeasurementImage}}" mode="widthFix"></image>
  </view>

  <view class="goodsInfo" style="display:{{productMaterialList[0].remark?'block':'none'}}">
    <text class="title">商品材质</text>
    <text class="subtitle">MATERIALS</text>
    <view class="seperator"></view>
    <view class="goodsInfoDescription">
      <text class="lightGrayFont">{{productMaterialList[0].remark}}</text>
    </view>
     <view class="seperator"></view> 

    <view class="goodsTexture" wx:for="{{productWashTipsBoList}}" wx:key="unique">
      <view class="texture">
        <image class="img" src= "{{item.img}}" mode="widthFix"/>
        <view class="desc">
          <text class="lightGrayFont">{{item.caption}}</text>
        </view>
      </view>
    </view>
  </view>
  
<view class="goodsInfo" style="display:{{productIntroImageList.length>0?'block':'none'}}">
   <text class="title">商品详情</text>
    <text class="subtitle">DETAILS</text>
    <view class="seperator"></view>
    <view wx:for="{{productIntroImageList}}" wx:key="introImage" style="text-align:center">
      <image src="{{item}}" mode="widthFix"></image>
    </view>
  </view>

<view class="seperator"></view>

<view class='bottom-tip-view' style="display:{{storage_sum===0?'flex':'none'}}">
  <text class="bottom-tip-view-title" style="display:{{is_supplyed?'flex':'none'}}">此商品已售罄，请等待后续备货!</text>
  <text class="bottom-tip-view-title" style="display:{{is_supplyed?'none':'flex'}}">已售罄</text>
</view>

</scroll-view>
<!-- 底部按钮 -->
<view class="bottom">

  <block wx:if="{{group_no.length == 0}}">
    <view class='shoppint-cart-icon' bindtap='goGroupPurchaseHome'>
      <image src="./images/icon_group_list.png" class="shoppint-cart-icon-image" mode="widthFix"></image> 
      <view hidden='{{true}}' class="badge">{{shoppingcartCount}}</view>  
    </view>
  </block>

    <!--tips-->
    <view wx:if='{{isShowPop}}' class='old-customer-tips'>
      <image style='width:100%;height:100%' src='./images/PT_tip@3x.png'></image>
    </view>
     <button class='shoppint-cart-add' style='border-radius: 0;background-color:{{storage_sum===0?"#b0b0b0":"#444444"}};' bindtap="buyMySelfBtnTapped">
      <text class="bottom-title">{{group_no.length > 0 ? activityIdDetail.formatCollagePrice:realPrice}}</text>
      <text class="bottom-title">{{group_no.length > 0 ? '自己开团':'单人购买'}}</text>
    </button>

    <button class='buynow' style='border-radius: 0;background-color:{{storage_sum===0?"#b0b0b0":"#d0021b"}};' bindtap="{{hasUnionID?(isLogin?'buyAction':''):''}}" open-type="{{!hasUnionID?'getUserInfo':(!isLogin?'getPhoneNumber':'')}}" bindgetuserinfo="getUserInfo" bindgetphonenumber='getPhoneNumber'>
      <text class="bottom-title">{{activityIdDetail.formatCollagePrice}}</text>

      <block wx:if="{{group_no.length > 0}}">
        <text class="bottom-title">确认参团{{activityIdDetail.joinLimit==1?'，仅限新人':''}}</text>
      </block>
      <block wx:else> 
        <text class="bottom-title">{{activityIdDetail.peopleNum}}人成团</text>
      </block>
    </button>  
 </view>  

 <view class='my-share' bindtap='share'>
    <image style='width:100%;height:100%' src='./images/share-copy@3x.png'></image>
  </view>

  <template is="groupPurchaseShare" data="{{sharerData}}" />

 <quickNavigation id="quickNavigation" isShare="{{false}}" isShowIndicator="{{isShowIndicator}}" isShowShopCart="{{false}}" marginBottom="{{282}}" bind:backToTop="backToTop"></quickNavigation>


<template is="Picker" data="{{pickerData, isloadingForPayment}}"/>
<import src="../../vendors/toast/wetoast.wxml"/>
<template is="wetoast" data="{{...__wetoast__}}"/>
<import src="../../vendors/zanui/toast/index.wxml"/>
<template is="zan-toast" data="{{zanToast}}"/>