<!-- pages/group-details/group-details.wxml -->
<view class="group-details" ontouchmove="pageScroll" enable-back-to-top="{{true}}">
    <view class="loading" wx:if="{{isLoading}}">
        <view class="loading-text">Loading...</view>
    </view>
    <view class="green-placerholder"></view>
    <image class="class-icon" src="{{groupPurchaseInfo.bgImg}}" />
    团成功{{ifGroupSuccessed}}
    团继续{{stillGoing}}
    团类型{{groupOsType}}
    剩余时间{{timeLast}}
    剩余人数{{surplusNum}}
    <view class="details-head">
        <!-- 剩余时间盒子 -->
        <view class="last-time-box" wx:if="{{!dataLoading}}">
            <view class="last-time">
                <image class="left-icon" src="../../../static/groupImg/right_icon.png" />
                <text class="last-time-end">距结束</text>
                <image class="right-icon" src="../../../static/groupImg/left_icon.png" />
            </view>
            <view class="last-text">{{timeLast}}</view>
        </view>
        <!-- 还剩几人参团 -->
        <view class="last-member" wx:if="{{!ifGroupSuccessed}}">
            <view class="group-regular-text" hidden="{{surplusNum == '0' || !stillGoing}}">
                <view wx:if="{{surplusNum == '2'}}">
                    你{{groupOsType === 'IOS' ? '助力' : '参团'}}后，就还差
                    <text class="red-text">1</text>
                    位
                </view>
                <view wx:else>
                    还剩
                    <text class="red-text">{{surplusNum}}</text>
                    位好友{{groupOsType === 'IOS' ? '助力' : '参团'}}
                </view>
            </view>
            <view class="group-organizer group-regular-text">
                <!-- ios分销团提示小红花 安卓分销团提示获得本课 -->
                <view wx:if="{{groupOsType === 'IOS'&& !colonelName}}">
                    即可助力团长
                    <text class="red-text">{{organizer.wechatName}}</text>
                    获得本课
                </view>
                <view wx:if="{{groupOsType === 'ANDROID'}}">即可拼团成功</view>
                <view wx:if="{{groupOsType === 'IOS' && colonelName}}">
                    即可助力团长{{colonelName}}获得300朵
                    <image class="flower-inline" src="../../../static/image/flower_small.png" />
                </view>
            </view>
            <view class="group-regular-text" hidden="{{stillGoing}}">团购已超过时限</view>
            <view class="group-regular-text" hidden="{{surplusNum != '0'}}">
                {{groupOsType === 'IOS' ? '助力' : '团购'}}成功!快去朗读吧
            </view>
        </view>
        <!-- 头像 -->
        <view class="headImg">
            <block wx:for="{{joinUserList}}" wx:key="{{index}}">
                <view class="headImg-item bg-boder">
                    <view wx:if="{{organizerUid == item.uid}}" class="organizerIcon">团长</view>
                    <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="invitation-btn" bindtap="jionGroup">
            <text>我要助力</text>
        </view>
    </view>
    <view scroll-y="{{true}}" wx:if="{{!isLoading}}">
        <view class="catalog">
            <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>
    </view>
</view>
<!-- ios界面的底部按钮 -->
<view class="group-details-btn {{isIPX ? 'bottomx' :''}}" wx:if="{{groupOSType === 'IOS' && stillGoing && !groupStatus }}" hidden="{{hideBottomBtn}}">
    <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-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}}"  /> -->