{extend name="forum/base" /}
{block name="link"}
<link rel="stylesheet" href="{@css/index.css}" />
{/block}

{block name="main"}
<div class="container" id="appIndex" v-cloak>
    <head-top page="index"></head-top>

    <div class="header-content-box flexflex">
        <div class="header-content-left">
            <div class="adv-list flexacenter">
                <div class="headerbanner adv-item">{:html_entity_decode($ad['headerbanner'])}</div>
                <div class="subnavbanner adv-item">{:html_entity_decode($ad['subnavbanner'])}</div>
            </div>
            <!-- 话题和精选 -->
            <div class="topic-and-selectives flexflex">
                <div class="topic-box">
                    <div class="head-top flexcenter">
                        <img class="icon" src="https://app.gter.net/image/miniApp/offer/well-white.svg" />
                        <div class="text">话题</div>
                    </div>
                    <div class="topic-head flexflex">
                        <a class="title one-line-display" :href="'/details/' + ongoingbj.uniqid" target="_blank">{{ ongoingbj.title }}</a>
                        <a class="hint one-line-display" :href="'/details/' + ongoingbj.uniqid" target="_blank"></a>
                        <div class="people flexacenter">
                            <div class="left flexacenter">
                                <div class="number">{{ ongoingbj.comments }}</div>
                                <div class="text">人正在讨论</div>
                            </div>
                            <div class="right flexacenter">
                                <div class="item flexcenter" v-for="(item, index) in ongoingbj.commentUser" :key="index" :style="{zIndex: 7 - index }">
                                    <img class="img" :src="item.avatar" />
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="topic-list">
                        <a class="item flexacenter" v-for="(item, index) in pastList" :key="index" :href="'/details/' + item.uniqid" target="_blank">
                            <img class="img" src="https://app.gter.net/image/miniApp/offer/well-yellow.svg" />
                            <div class="text one-line-display flex1" v-html="item.title"></div>
                        </a>
                    </div>
                </div>

                <div class="selectives-box">
                    <div class="head-top flexcenter">
                        <img class="icon" src="https://app.gter.net/image/miniApp/offer/handpick-icon.png" />
                        <div class="text">精选</div>
                    </div>
                    <div class="list flexflex">
                        <a class="item flexacenter" v-for="(item, index) in topicHandpickedList" :key="index" :href="'/details/' + item.uniqid" target="_blank">
                            <div class="dot"></div>
                            <div class="text one-line-display" v-html="item.title"></div>
                        </a>
                    </div>
                </div>
            </div>

            <div class="header-left-bottom-box flexflex">
                <a class="adv flexacenter" data-x-event="bbsindexslide" href="{$operation['bbsindexslide']['url']}" title="{$operation['bbsindexslide']['title']}" target="_blank">
                    <img class="adv-icon" src="{$operation['bbsindexslide']['image']}" alt="{$operation['bbsindexslide']['title']}" />
                </a>
                <div class="list">
                    {foreach :array_slice($operation['bbsindexarticle'],0,4) as $key=>$vo }
                    <div class="item flexacenter">
                        <div class="icon dot-gray"></div>
                        <a class="one-line-display text flex1" href="{$vo['url']}" target="_blank">{$vo['title']}</a>
                    </div>
                    {/foreach}
                </div>
                <div class="list list2">
                    {foreach :array_slice($operation['bbsindexarticle'],4,8) as $key=>$vo }
                    <div class="item flexacenter">
                        <div class="icon dot-gray"></div>
                        <a class="one-line-display text flex1" href="{$vo['url']}" target="_blank">{$vo['title']}</a>
                    </div>
                    {/foreach}
                </div>
            </div>
        </div>

        <div class="header-content-right">
            <div class="post-entrance">
                <a class="entrance-top flexacenter" href="/publish" target="_blank"><img class="icon" src="./img/forum.png" />我要发帖</a>
                <div class="entrance-bottom flexacenter">
                    <a class="item flexcenter" href="https://offer.gter.net/post" target="_blank">
                        <div class="icon-box">
                            <img class="icon" src="{@img/offer-icon-V2.svg}" />
                        </div>
                        <span class="text">报Offer</span>
                    </a>
                    <a class="item flexcenter" href="https://offer.gter.net/post/summary" target="_blank">
                        <div class="icon-box">
                            <img class="icon" src="{@img/summary-icon-V2.svg}" />
                        </div>
                        <span class="text">写总结</span>
                    </a>
                    <a class="item flexcenter" href="https://interviewexperience.gter.net/publish" target="_blank">
                          <div class="icon-box">
                            <img class="icon" src="{@img/mj-icon-V2.svg}" />
                        </div>
                        <span class="text">写面经</span>
                    </a>
                    <a class="item flexcenter" href="https://vote.gter.net/publish" target="_blank" >
                          <div class="icon-box">
                            <img class="icon" src="{@img/vote-icon-V2.svg}" />
                        </div>
                        <span class="text">发起投票</span>
                    </a>
                </div>
            </div>
            {if $ad['custom_2']}
            <div class="custom_2 adv" ref="custom_2AdvRef">{:html_entity_decode($ad['custom_2'])}</div>
            {/if}
            <div class="group-box">
                <div class="group flexflex">
                    <div class="group-item flexcenter" v-for="(item, index) in popList" :key="index">
                        <div class="title">{{ item.title }}</div>
                        <div class="subtitle">{{ item.subtitle }}</div>
                        <div class="QRcode-box flexcenter">
                            <img class="QRcode" :src="item.img" />
                            <div class="text">微信扫码</div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="offer-box" :class="{'small': custom_2AdvRef}" id="offer-box" @mouseover="offerMouseover" @mouseout="offerMouseout">
                <div class="offer-list" id="offer-list" ref="offerListRef" :style="{'margin-top': -offerMargin + 'px'}">
                    <a class="item flexflex" :href="item['url']" target="_blank" v-cloak v-for="(item, index) in offerlist" :key="index">
                        <div class="avatar" :style="{backgroundImage: `url(${item['avatar']})`}"></div>
                        <div class="">
                            <div class="condition one-line-display">{{ item["date"] }} {{ item['type'] }}</div>
                            <div class="titletitle one-line-display">{{ item["content"] }}</div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="admission">
        <a class="admission-header flexflex" target="_blank" href="https://admissionofficer.gter.net">
            <img class="admission-header-icon" src="/img/admission-officer-icon.png">
            <div class="admission-header-name flexflex">Hello Admission Officer</div>
        </a>
        <div class="admission-list flexflex">
            {foreach $OfficerToEnrolNewStudents as $key=>$item}
            <div class="admission-item flexcenter">
                <a class="admission-img" href="{$item['url']}" target="_blank">
                    <img src="{$item['image']}" alt="{$item['name']}" />
                </a>
            </div>
            {/foreach}
        </div>
    </div>

    <div class="matter flexflex" ref="matterRef">
        <div class="matter-content flex1">
            <!-- 论坛板块列表 -->
            <div class="forum-sections-list">
                <img class="img" src="{@img/sections-left.svg}" />
                <div class="title">论坛版块</div>
                <div class="list">
                    <template v-for="(item, index) in sectionList" :key="index">
                        <div class="line flexacenter">
                            <a class="item flexacenter" v-for="(item, index) in item" :key="index" target="_blank" :href="`/section/${item.uniqid}`">{{ item.name }}</a>
                        </div>
                    </template>
                </div>
            </div>

            <item-forum :itemdata="item" v-for="(item, index) in list" :key="index"></item-forum>
            <load-box :loading="loading"></load-box>
        </div>
        <div class="sidebar" ref="sidebarRef" :style="{'top': sidebarHeight + 'px'}">
            {if $ad['custom_1']} <div class="custom_1 ad-item">{:html_entity_decode($ad['custom_1'])}</div> {/if}
            {if $ad['custom_3']} <div class="custom_3 ad-item">{:html_entity_decode($ad['custom_3'])}</div> {/if}
            <!-- offer -->
            <div class="offer-side-box side-box" v-if="offer.length != 0">
                <div class="side-header flexacenter">
                    <div class="left flexacenter">
                        <img class="header-icon" src="{@img/offer-index-icon.png}" />
                        <div class="title">Offer</div>
                    </div>
                    <a class="more flexacenter" href="https://offer.gter.net" target="_blank">
                        <span>more</span>
                        <img class="more-icon" src="{@img/right-arrow-black.svg}" />
                    </a>
                </div>
                <div class="box">
                    <a class="item flexflex" v-cloak v-for="item in offer" :key="item" :href="'/details/' + item['uniqid']" target="_blank">
                        <img class="school-img" :src="item.data['schoollogo']" />
                        <div class="school-detail flex1 flexflex">
                            <div class="school-name one-line-display">{{ item.data['schoolname'] }}</div>
                            <div class="school-brief one-line-display">{{ item.data['professional'] }}</div>
                            <div class="school-offer flexacenter">
                                <span>{{ item.data['degree'] }}</span>
                                <span class="long-string">|</span>
                                <span>{{ item.data['semester'] }}</span>
                                <span class="long-string">|</span>
                                <span>{{ item.data['apply_results_text'] }}</span>
                            </div>
                        </div>
                    </a>
                    <a class="add-btn flexcenter" style="position: relative" href="https://offer.gter.net/post" target="_blank" v-cloak>
                        <img class="add-icon" src="{@img/add-btn-black.svg}" />
                        <div>报Offer</div>
                        <div v-if="realname == 0 && userInfo.uin > 0" class="open-attest-btn" @click.prevent="openAttest"></div>
                    </a>
                </div>
            </div>

            <!-- vote -->
            <div class="vote-side-box side-box" v-if="vote.length != 0">
                <div class="side-header flexacenter">
                    <div class="left flexacenter">
                        <img class="header-icon" src="{@img/vote-index-icon.png}" />
                        <div class="title">投票</div>
                    </div>
                    <a class="more flexacenter" target="_blank" href="https://vote.gter.net">
                        <span>more</span>
                        <img class="more-icon" src="{@img/right-arrow-black.svg}" />
                    </a>
                </div>
                <div class="box">
                    <a class="item flexflex" v-cloak v-for="item in vote" :key="item" target="_blank" :href="'/details/' + item['uniqid']">
                        <div class="name one-line-display">{{item['title']}}</div>
                        <div class="brief">{{ item['content'] }}</div>
                    </a>
                    <a class="add-btn flexcenter" style="position: relative" v-cloak target="_blank" href="https://vote.gter.net/publish">
                        <img class="add-icon" src="{@img/add-btn-black.svg}" />
                        <div>发起投票</div>
                        <div v-if="realname == 0 && userInfo.uin > 0" class="open-attest-btn" @click.prevent="openAttest"></div>
                    </a>
                </div>
            </div>

            <!-- mj -->
            <div class="interviewexperience-side-box side-box" v-if="interviewexperience.length != 0">
                <div class="side-header flexacenter">
                    <div class="left flexacenter">
                        <img class="header-icon" src="{@img/mj-index-icon.png}" />
                        <div class="title">面经</div>
                    </div>
                    <a class="more flexacenter" href="https://interviewexperience.gter.net/" target="_blank">
                        <span>more</span>
                        <img class="more-icon" src="{@img/right-arrow-black.svg}" />
                    </a>
                </div>
                <div class="box">
                    <a class="item flexflex" v-cloak v-for="(item,index) in interviewexperience" :key="item" :href="'/details/' + item['uniqid']" target="_blank">
                        <div class="school one-line-display">{{ item.data['schoolname'] }}</div>
                        <div class="major one-line-display">{{ item.data['profession'] || item.data['project'] }}</div>
                        <div class="info">
                            <img class="icon" :src="item.user['avatar']" />
                            <span class="text">{{ item['content'] }}</span>
                        </div>
                    </a>
                    <a class="add-btn flexcenter" style="position: relative" href="https://interviewexperience.gter.net/publish" target="_blank" v-cloak>
                        <img class="add-icon" src="{@img/add-btn-black.svg}" />
                        <div>写面经</div>
                        <div v-if="realname == 0 && userInfo.uin > 0" class="open-attest-btn" @click.prevent="openAttest"></div>
                    </a>
                </div>
            </div>

            <!-- newest 最新 -->
            <latest-list boxtype="newest"></latest-list>
            <latest-list boxtype="essence"></latest-list>
        </div>
    </div>
</div>
{/block}

{block name="module"}
{__block__}
<script src="/js/scrolltext.js"></script>
<script type="module" src="/js/index.js"></script>
<!-- <script type="module" src="https://f.gter.net/js/index.js"></script> -->
{/block}