<!--pages/group-details/group-details.wxml-->
<view class="group-details">
    <view class="loading" wx:if="{{isLoading}}">
        <view class="loading-text">Loading...</view>
    </view>
    <view class="details-head" bindtap="collage" wx:if="{{!isLoading}}">
        <view class="headImg">
            <block wx:for="{{joinUserList}}" wx:key="{{index}}">
                <view class="headImg-item {{organizer == item.uid ? 'bg-boder' : ''}}">
                    <image wx:if="{{organizer == item.uid}}" class="tuanzhangIcon" src="../../../static/groupImg/tuanzhangIcon.png"></image>
                    <image src="{{item.avatar}}"></image>
                </view>
            </block>
            <block wx:for="{{surplusList}}" wx:key="{{index}}">
                <view class="headImg-item">
                    <image src="../../../static/groupImg/no_head.png"></image>
                </view>  
            </block>                      
        </view>
        <view class="data-loading" wx:if="{{dataLoading}}">
                <view class="line1"></view>
                <view class="line2"></view>
                <view class="line3"></view>
            </view>
        <view class="shengyu" wx:if="{{!dataLoading}}">
            
            <view class="shengyu-num" wx:if="{{colonelName}}">团长{{colonelName}}发起{{groupOSType === 'IOS' ? '助力' : '拼团'}}</view>
            <view class="shengyu-num"  hidden="{{surplusNum == '0' || !stillGoing || groupStatus}}">仅剩<text>{{surplusNum}}</text>个名额就{{groupOSType === 'IOS' ? '助力' : '拼团'}}成功了</view>
            <view class="shengyu-num" hidden="{{stillGoing}}">团购已超过时限</view>
            <view class="shengyu-num" hidden="{{surplusNum != '0'}}">{{groupOSType === 'IOS' ? '助力' : '拼团'}}成功!</view>
            <view class="shengyu-time" hidden="{{!stillGoing || groupStatus}}">
                剩余时间:
                <block wx:for="{{timeList[0]}}" wx:key="{{index}}">
                    <view class="time">
                        <text>{{item}}</text>
                    </view>
                </block>
                小时
                <block wx:for="{{timeList[1]}}" wx:key="{{index}}">
                    <view class="time">
                        <text>{{item}}</text>
                    </view>
                </block>
                分钟       
                <!-- <block wx:for="{{timeList[2]}}" wx:key="{{index}}">
                    <view class="time">
                        <text>{{item}}</text>
                    </view>
                </block>                
                分              -->
            </view>
        </view>
    </view>
    <scroll-view scroll-y="{{true}}" wx:if="{{!isLoading}}">
        <view class="grade-details" bindtap="gradeDetails">
            <image src="{{titleIcon}}" ></image>
        </view>
        <view class="catalog">
            <!-- <image class="bg2" src="../../../static/groupImg/Rectangle_9.png"></image>  -->
            <view class="switch {{knowFlag ? 'select' : ''}}" data-flag="know" bindtap="tabSwitch">
                <image src="../../../static/image/know_menu_bg.jpg" wx:if="{{knowFlag}}"></image> 
                <text >您需要知道</text>  
            </view>
              
            <view class="switch {{menuFlag ? 'select' : ''}}" bindtap="tabSwitch" data-flag="menu" bindtap="tabSwitch">
                <image src="../../../static/image/know_menu_bg.jpg" wx:if="{{menuFlag}}"></image> 
                <text >课文目录</text>  
            </view>
        </view>
        <view class="catalog-list" hidden="{{!menuFlag}}">
            <view class="catalog-item" wx:for="{{lessonList}}" wx:key="{{index}}" data-id="{{item.id}}" data-title="{{item.title}}" bindtap="goToClass">
                <text class="left">{{item.title}}</text>
                <view class="right">
            
                    <image  src="../../../static/image/to.png"></image>
                </view>
            </view>           
        </view>
        <view class="know" hidden="{{!knowFlag}}">
         <import src="../../../towxml/entry.wxml" />
            <template is="entry" data="{{...article}}" />
        </view>
    </scroll-view>
    <!-- 底部按钮 -->
    <view class="group-details-btn {{isIPX ? 'bottomx' :''}}" hidden="{{surplusNum == '0' || !stillGoing }}" wx:if="{{!isLoading && (groupOSType === 'ANDROID') }}">
          <image class="btn-image" src="../../../static/groupImg/group_in_ios.jpg" />
        <view class="left-btn" bindtap="sendGroup">
            开团
        </view>
        <form class="right-btn {{isIPX ? 'bottomx' :''}}" report-submit="{{formIsANAsshole}}" bindsubmit="jionGroup">
            参团
            <button class="formBtn" form-type="submit"></button>
        </form>
    </view>
    <view class="group-details-btn {{isIPX ? 'bottomx' :''}}" hidden="{{stillGoing }}" wx:if="{{!isIOS}}">
          <image class="btn-image" src="../../../static/groupImg/group_in_ios.jpg" />
        <view class="only-one-btn" bindtap="sendGroup">
            重新开团
        </view>
    </view>
    <!-- ios界面的底部按钮 -->
    <view class="group-details-btn {{isIPX ? 'bottomx' :''}}" wx:if="{{groupOSType === 'IOS' && stillGoing && !groupStatus }}">
          <image class="btn-image" src="../../../static/groupImg/group_in_ios.jpg" />
        
        <form class="only-one-btn {{isIPX ? 'bottomx' :''}}" report-submit="{{formIsANAsshole}}" bindsubmit="jionGroup">
            我来助力！获得七天试用权
            <button class="formBtn" form-type="submit"></button>
        </form>
    </view>
    <!-- <view class="group-details-btn {{isIPX ? 'bottomx' :''}}" hidden="{{surplusNum == '0' || !stillGoing }}" wx:if="{{!isLoading && isIOS}}">
          <image class="btn-image" src="../../../static/groupImg/group_in_ios.jpg" />
        <form class="only-one-btn {{isIPX ? 'bottomx' :''}}" report-submit="{{formIsANAsshole}}" bindsubmit="jionGroup">
            我来助力
            <button class="formBtn" form-type="submit"></button>
        </form>
    </view> -->
</view>

<view class="group-popup" bindtap="sendGroup" hidden="{{sendGroupFlag}}" wx:if="{{!isLoading}}">
    <view class="group-content">
        <view class="group-title">请选择课本</view>
        <view class="group-list">
            <block wx:for="{{bookList}}" wx:key="{{index}}">
                <view class="group-item" catchtap="selectImg" data-ind="{{index}}">
                <image class="item-img" src="{{item.iconImg}}"></image>
                <view id="grade">{{item.subTitle}}</view>
                <image class="select-img" src="../../../static/groupImg/{{selectFlag[index] ? 'bai' : 'lan'}}.png"></image>
                </view> 
            </block>
        </view>
        <view class="sure" catchtap="sure">
            <image src="../../../static/groupImg/sure.png"></image>
            <text>确定</text>
        </view>
    </view>
</view>

<popup
    id="popupup"
    typeOf="{{typeOf}}"
    title="{{titles}}"
    headTextOne="{{headTextOne}}"
    headTextTwo="{{headTextTwo}}"
    btnContent="{{btnContent}}"
    content="{{content}}"
    bindGroup="group"
></popup>
 <goBackHome id="goBackHome" shareType="{{goBackHome}}" wx:if="{{goBackHome}}" />
<view hidden="{{hide}}">
  <Dialog bindmyevent="jurisdiction" />
</view>
<myToast bindShowAlert="showAlert" wx:if="{{alertFlag}}" />
 <myModal id="myModal" type="{{modalType}}" isCloseShow="{{modalCloseShow}}"  text="{{modalText}}" wx:if="{{isModalShow}}" bindconfirm="modalConfirmHandler" bindclose="modalCloseHandler" />

  <!-- <MyToast bindShowAlert="showAlert" wx:if="{{damnDialogShow}}"  /> -->