{extend name="layout/base" /}
{block name="title"}
<title>{$info.title}_{$info.title}领取_{$info.nickname}礼包_祈盟文化礼包中心</title>
<meta name="keywords" content="{$info.title},{$info.title}领取,{$info.nickname}礼包"/>
<meta name="description" content="祈盟文化礼包中心为大家提供{$info.title}领取，包含{$info.content}，更多精彩{$info.nickname}礼包，请关注祈盟文化礼包中心！"/>
{/block}
{block name="header"}
<link rel="stylesheet" href="__STATIC__/css/home/index.css">
<link rel="stylesheet" href="__STATIC__/css/info-detail.css">
<link rel="stylesheet" href="__STATIC__/lib/layer/layer.css">
{/block}

{block name="content"}
<!-- 页面导航 -->
<div class="curLoc">
        <div class="container">
        <span class="txt">当前位置：</span><a href="{:getIndex()}"  title="祈盟文化游戏">首页</a> &gt; <a href="{:url('index')}" title="手机游戏礼包">礼包发号</a> &gt; <span>{$info.title}</span>
        </div>
    </div>
    
<div class="gift_info">
    <div class="container">
        <!-- 左侧 -->
        <div class="content_left">
            <!-- 头部信息 -->
            <div class="gift_cont"> 
                <img lazy-src="{$info.mobileicon}" src="__STATIC__/images/icon/150-150.png" class="smallIcon">
                <div class="gift_txt">
                    <h2 title="{$info.title}">{$info.title}</h2>
                    <p>有效时间：{:date('Y-m-d H:i',$info.starttime)} 至 {:date('Y-m-d H:i',$info.endtime)} </p>
                    <div class="gift_progress">
                        <span>礼包剩余：</span>
                            <div class="warp_gift_surplus">
                                <div class="gift_surplus" style="width:{$info.percent} ;"></div>
                            </div>
                            <p>剩余{$info.percent}</p>
                        </div>
                 <a ><p class="collect_gift" onclick="receiveGift('{$info.id}')">领取礼包</p></a>
            </div>
        </div>
            <!-- 礼包内容 -->
            <div class="gift_title"><p title="{$info.title}内容">礼包内容</p></div>
            <P class="text">{$info.content}</P>

            <div class="gift_title"><p title="{$info.title}使用说明">使用说明</p></div>
            <P class="text">下载<a href="{$info.game_url}" target="_blank">"{$info.nickname}"</a>游戏后，在游戏内输入礼包码兑换</P>



            <!-- 相关礼包 -->
            <div class="relate_info">
                <div title="{$info.nickname}相关礼包"><h4>相关礼包</h4></div>

                {empty name="libaoList"}
                <!-- 无相关礼包 -->
                <div class="no_content" style="padding: 52px">
                    <img src="/static/images/icon/no-gift.png" >
                    <p>相关礼包正在加紧补货中...</p>
                </div>
                <!-- 无相关礼包end-->
                {else/}
                <ul>
                {volist name="libaoList" id="vo"}
                    <li><p><a href="{:getGiftUrl('',$vo.id)}" title="{$vo.title}">{$vo.title}</a></p></li>
                {/volist}
                </ul>
                {/empty}

            </div>
        </div>

        <!-- 右侧 -->
        <div class="content_right">

             <!-- 右侧推荐礼包 -->
             <div class="gift">
                    <h4 title="推荐礼包"><span>推荐礼包</span></h4>
                    <div class="gift_content" id="J_recommend_gift">
                    </div>
                </div>
             
    

    
    
        </div>


    </div>
</div>

    <!-- 礼包过期 -->
     <div class="warp_no_download_popup" id="expire">
                <div class="no_download_popup" >
                <div class="tip"><span>提示</span><div class="close">
                </div></div>
                <div class="tip_txt">
                    <p>该礼包已过期</p>
                    <div class="tip_btn">
                    <div class="determine"><button>确定</button></div>
                    <div class="cancel"><button>关闭</button></div>
                  </div>
                </div>
                </div>
            </div>
    <!-- 礼包已领完 -->
    <div class="warp_no_download_popup" id="finished">
                    <div class="no_download_popup"  >
                    <div class="tip"><span>提示</span><div class="close">
                    </div></div>
                    <div class="tip_txt">
                        <p>该礼包已被领完</p>
                        <div class="tip_btn">
                        <div class="determine"><span>确定</span></div>
                        <div class="cancel"><span>关闭</span></div>
                      </div>
                    </div>
                    </div>
                </div>
    <!-- 已领过的礼包码 -->
    <div class="warp_no_download_popup" id="gift_code_ed">
        <div class="no_download_popup"  >
        <div class="tip"><span>礼包码</span><div class="close">
        </div></div>
        <div class="tip_txt">
            <div class="content">
            <p style="margin: auto;font-size: 16px;font-weight: bold; margin-top: 10px;margin-bottom: 10px;">您已领取过该礼包，礼包码如下：</p>
            <p class="gift_name"> {$info.title}</p>
            <p><span>礼包码：</span><span id="gift_coded">22334454589</span></p>
          </div>
            <div class="tip_btn" style="margin-top: 11px;">
            <div class="copy copy2"><button>复制</button></div>
            <div class="cancel"><button>关闭</button></div>
          </div>
        </div>
        </div>
    </div>
    <!-- 领取礼包码 -->
    <div class="warp_no_download_popup" id="gift_code_ing">
            <div class="no_download_popup"  >
            <div class="tip"><span>礼包码</span><div class="close">
            </div></div>
            <div class="tip_txt">
                <div class="content">
                <p class="gift_name" style="margin: auto;font-size: 16px;font-weight: bold; margin-top: 12px;margin-bottom: 5px;"> {$info.title}</p>
                <p><span>礼包码：</span><span id="gift_code">123456789</span></p>
            </div>
                <div class="tip_btn"  style="margin-top: 10px;">
                <div class="copy copy1" ><button>复制</button></div>
                <div class="cancel"><button>关闭</button></div>
              </div>
            </div>
            </div>
        </div>


{/block}

{block name="detail_js"}
<script src="__STATIC__/js/common.js"></script>
<script src="__STATIC__/lib/layer/layer.js"></script>
<script src="__STATIC__/js/gift/gift-detail.js"></script>
{/block}