{include file="common/header"}
<link rel="stylesheet" type="text/css"
      href="{$css}/static/css/newestactivity.css?{$www.version}"/>
<section
        class="globalBanner {$banner['position']?'centered':'leftSide'} {$banner['theme']|default='white'}">
    <div class="comp_container comp_container_auto comp_container_100"
    >
        <div class="pagebanner-relative">
            <div class="pagebanner center-content">
                <div class="pagebanner-text ">
                    {if $banner.title}
                    <h1 class="pagebanner-title ">{$banner.title}</h1>
                    {/if}
                    {if $banner.describe}
                    <p class="pagebanner-description">{$banner.describe}</p>
                    {/if}
                    {if $banner.button}
                    <div class="pagebanner-button">
                        {foreach $banner.button as $key => $vo}
                        {if $vo.name}
                        <a href="{$vo.url|default=$www.ContactUs}"
                           target="_blank"
                           class="Button fancy-button bg-gradient"><span>{$vo.name}</span></a>
                        {/if}
                        {/foreach}
                    </div>
                    {/if}
                </div>
            </div>
        </div>
    </div>
</section>
{present name="activityList" value="活动数据"}
<main class="et-main activity_bg">
    {if $activityset.tab || $client =='wap'}
    <section class="cloud-tabs_bg">
        <div class="comp_container comp_container_auto">
            <div class="cloud-tabs">
                <button class="cloud-tab-button selected" data-tab="all">
                    <h1>全部活动</h1>
                </button>
                <button class="cloud-tab-button" data-tab="ongoing">
                    <h1>正在进行</h1>
                </button>
                <button class="cloud-tab-button" data-tab="upcoming">
                    <h1>活动预告</h1>
                </button>
                <button class="cloud-tab-button" data-tab="ended">
                    <h1>已结束</h1>
                </button>
            </div>
        </div>
    </section>
    {/if}
    <section class="activity-container">
        <div class="comp_container comp_container_auto ">
            <div class="activity-list {if !$activityset.imghidden} imghidden{/if}">
                {foreach $activityList as $key => $vo}
                <a class="activity-item" data-status="{$vo.status}" {if $vo.status=="ongoing"} href="{$vo.url}" {/if}   >
                {if $activityset.imghidden}
                    <div class="activity-item-image">
                        <img src="{$vo.images}"
                             alt="{$vo.title}">
                    </div>
                {/if}
                {if $vo.label && $activityset.label}
                     <span class="ribonTags">{$vo.label}</span>
                {/if}
                    <div class="activity-item-content">
                        <div class="activity-item-text">
                            <div class="activity-item-title">
                                <h1>{$vo.title}</h1>
                            </div>
                            <div class="activity-item-desc">
                                <h5>{$vo.description}</h5>
                            </div>
                        </div>
                        <div class="activity-item-information">
                            <div class="activity-item-time">
                                {if $vo.limitedtime}
                                <span>活动时间：
                                    {$vo.starttime|date='Y-m-d H:i'}
                                    至
                                    {$vo.endtime|date='Y-m-d  H:i'}
                                </span>
                                {else}
                                <span>长期有效</span>
                                {/if}
                                <p class="status_text {$vo.status}">
                                    {$vo.status_text}</p>
                            </div>
                        </div>
                    </div>
                </a>
                {/foreach}
            </div>
        </div>
    </section>
    <section class="activity-container">
        <div class="comp_container comp_container_auto ">
            <div class="activityTips">
                <span>更多优惠活动，敬请期待！</span>
            </div>
        </div>
    </section>
</main>
{/present}
{include file="common/footer"}