{include file="common/header"}
<link rel="stylesheet" type="text/css"
      href="{$css}/static/css/activities.css?{$www.version}"/>
{present name="banner"}
<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>
<section class="navigation-slied-body">
    <div class="pageNavigation">页面导航</div>
    <div class="navigation-slied">
        {foreach $navigation as $key => $vo}
        <div class="navigation-slied-item"
             data-navigation="#navigation_{$vo.id}">
            {$vo.name}
        </div>
        {/foreach}
    </div>
</section>
{/present}
{present name="activitpid"}
<main class="et-main activities_bg">
    {if $activitpid}
    {foreach $activitpid as $key => $vo}
    <section class="activityContent_bg" id="navigation_{$vo.id}">
        <div class="comp_container comp_container_auto ">
            <div class="currency-title">
                <h2 class="currency-title-a">{$vo.name}</h2>
                <div class="currency-title-a-content">
                    {$vo.description}
                    {if $vo.rule}
                    <a onclick="activityRules('{$vo.id}')"
                       class="cutOneSHair activityRules">活动规则</a>
                    <i id="rulesContent{$vo.id}" style="display: none;">
                        {:carthtmlentities($vo.rule)}
                    </i>
                    {/if}
                </div>
            </div>
            <div class="activity-row">
                {foreach $vo.children as $vk => $v}
                {switch $v.style}
                {case 1}
                {include file="activities/type/a"}
                {/case}
                {case 2}
                {include file="activities/type/b"}
                {/case}
                {case 3}
                {include file="activities/type/c"}
                {/case}
                {case 4}
                {include file="activities/type/d"}
                {/case}
                {/switch}
                {/foreach}
            </div>
        </div>
    </section>
    {/foreach}
    {/if}
</main>
{/present}
{present name="activityError" value="数据错误"}
<script>
    cocoMessage.error(2000, ' {$activityError},3秒后前往活动页面查看更多活动！',
        function () {
            //跳转首页
            location.href = "/newestactivity.html";
        });
</script>
{/present}
<script>
    $(document).ready(function () {
        activity.initializeTypeLayout('.cat-styleB-main .act-radio-option, .cat-styleB-main .act-checkbox-option,.cat-styleC-main .act-radio-option, .cat-styleC-main .act-checkbox-option');
        activity.initializeNavigation();
        activity.initializePriceCalculation();
    });
</script>
{include file="common/footer"}