<extend name="Public/bases" />

<block name="css">

  <link href="__CSS__/open.css" rel="stylesheet" >

  <link href="__CSS__/game.css" rel="stylesheet" >

   <if condition="C('IS_OPEN_SMALL_ACCOUNT') eq 0">

  <style>

  .t-tab li {width:25%;float:left;text-align:center;}

  </style>

  </if>

</block>

<block name="body" >

  <script src="__JS__/TouchSlide.1.1.js"></script>

  <header class="header">

      <div class="">

        <a href="{:U('Index/index')}" class="hbtn back" ><i class="iconfont icon-drop-left"></i></a>

        <h1 class="caption">{$mate_title}</h1>

				<a href="javaScript:" class="hbtn share" onClick="toshare()"><span class="table"><span class="table-cell"><i class="share_icon"></i></span></span></a>

      </div>

  </header>

  <div class="occupy"></div>

    <section class="trunker">

      <section class="container">

        <div class="base zclearfix">

		<a class="za_icon">
           
          <img src="{$data.icon|get_cover='path'}" alt="{$data.relation_game_name}" class="icon" onerror="this.src='__IMG__/empty.jpg';this.onerror=null">
               
		</a>

		  <div class="text z_fl">

           <div class="namebox">

                <span class="name">{$data['relation_game_name']}</span>

                <span class="stars"><i style="width:{$data['game_score']}0%;"></i></span>

            </div>

            <div class="info">

            <span class="dlnumber">{$data['dow_num']}人下载</span></div>

            <p class="description">{$data.features}</p>

          </div>

          <div class="collect_box z_fl">

						<div class="table">

						<div class="table-cell" data-game-id={$data['id']}>

             <empty name='isCollect'>

              <a href="javaScript:" class="obtn collect" status="1"><i class="collect_icon collect_icon_no"></i>

							<p>收藏</p></a>

              <else/>

              <a href="javaScript:" class="obtn collect" status="2"><i class="collect_icon collect_icon_yes"></i>

							<p>已收藏</p></a>

              </empty>

						</div>

						</div>

          </div>

        </div>

          <eq name="data.dow_status" value="1">

              <div class="download_box">

                  <div class="download_wrap">

						<span class="table">

						<empty name="devices">

                            <if condition="$data['sdk_version'] eq 1">

                                <span class="table-cell dw3">

                                    <eq name="data.down_port" value="2">

                                        <a href="{$data['add_game_address']}" class="download_btn"><i class="download_icon download_icon_and"></i><span>安卓版下载</span></a><p class="download_text"><span class="download_rebate">返利{$data['ratio']|default=0}%</span><span class="z_shugang"></span><span class="download_size"><empty name="data['game_size']">0MB<else/>{$data['game_size']}</empty></span></p>

                                    <else />

                                        <a href="javascript:" url="{:U('AjaxDown/down_file',array('game_id'=>$data['relation_game_id'],'type'=>1))}" class="down download_btn"><i class="download_icon download_icon_and"></i><span>安卓版下载</span></a><p class="download_text"><span class="download_rebate">返利{$data['ratio']|default=0}%</span><span class="z_shugang"></span><span class="download_size"><empty name="data['game_size']">0MB<else/>{$data['game_size']}</empty></span></p>

                                    </eq>

                                </span>

                            <else/>

                                <span class="table-cell dw1">

                                    <eq name="data.down_port" value="2">

                                        <a href="{$data['ios_game_address']}" class="download_btn download_btn_ios"><i class="download_icon"></i><span>iOS版下载</span></a><p class="download_text"><span class="download_rebate">返利{$data['ratio']|default=0}%</span><span class="z_shugang"></span><span class="download_size"><empty name="data['game_size']">0MB<else/>{$data['game_size']}</empty></span></p>

                                    <else />

                                        <a href="javascript:" url="{:U('AjaxDown/down_file',array('game_id'=>$data['relation_game_id'],'type'=>2))}" class="down download_btn"><i class="download_icon download_icon_ios"></i><span>iOS版下载</span></a><p class="download_text"><span class="download_rebate">返利{$data['ratio']|default=0}%</span><span class="z_shugang"></span><span class="download_size"><empty name="data['game_size']">0MB<else/>{$data['game_size']}</empty></span></p>

                                    </eq>

                                </span>

                            </if>

                            <span class="table-cell dw2"></span>

                            <notempty name="data1">

                                <if condition="$data1['sdk_version'] eq 1">

                                <span class="table-cell dw3">

                                    <eq name="data1.down_port" value="2">

                                        <a href="{$data1['add_game_address']}" class="download_btn"><i class="download_icon download_icon_and"></i><span>安卓版下载</span></a><p class="download_text"><span class="download_rebate">返利{$data1['ratio']|default=0}%</span><span class="z_shugang"></span><span class="download_size"><empty name="data1['game_size']">0MB<else/>{$data1['game_size']}</empty></span></p>

                                    <else />

                                        <a  href="javascript:" url="{:U('AjaxDown/down_file',array('game_id'=>$data1['relation_game_id'],'type'=>1))}" class="down download_btn"><i class="download_icon download_icon_and"></i><span>安卓版下载</span></a><p class="download_text"><span class="download_rebate">返利{$data1['ratio']|default=0}%</span><span class="z_shugang"></span><span class="download_size"><empty name="data1['game_size']">0MB<else/>{$data1['game_size']}</empty></span></p>

                                    </eq>

                                </span>

                            <else/>

                                <span class="table-cell dw1">

                                    <eq name="data1.down_port" value="2">

                                        <a href="{$data1['ios_game_address']}" class="download_btn download_btn_ios"><i class="download_icon"></i><span>iOS版下载</span></a><p class="download_text"><span class="download_rebate">返利{$data1['ratio']|default=0}%</span><span class="z_shugang"></span><span class="download_size"><empty name="data1['game_size']">0MB<else/>{$data1['game_size']}</empty></span></p>

                                    <else />

                                        <a href="javascript:" url="{:U('AjaxDown/down_file',array('game_id'=>$data1['relation_game_id'],'type'=>2))}" class="down download_btn"><i class="download_icon download_icon_ios"></i><span>iOS版下载</span></a><p class="download_text"><span class="download_rebate">返利{$data1['ratio']|default=0}%</span><span class="z_shugang"></span><span class="download_size"><empty name="data1['game_size']">0MB<else/>{$data1['game_size']}</empty></span></p>

                                    </eq>

                                </span>

                            </if>

                            </notempty>

						<else />

						<eq name="devices" value="2">

						<span class="table-cell dw1">

							<eq name="data.down_port" value="2">

								<a href="{$v['ios_game_address']}" class="download_btn"><i class="download_icon download_icon_ios"></i><span>iOS版下载</span></a><p class="download_text"><span class="download_rebate">返利{$data['ratio']|default=0}%</span><span class="z_shugang"></span><span class="download_size"><empty name="data['game_size']">0MB<else/>{$data['game_size']}</empty></span></p>

							<else />

								<a href="javascript:" url="{:U('AjaxDown/down_file',array('game_id'=>$data['relation_game_id'],'type'=>2))}" class="down download_btn"><i class="download_icon download_icon_ios"></i><span>iOS版下载</span></a><p class="download_text"><span class="download_rebate">返利{$data['ratio']|default=0}%</span><span class="z_shugang"></span><span class="download_size"><empty name="data['game_size']">0MB<else/>{$data['game_size']}</empty></span></p>

							</eq>

						</span>

						</eq>

						<eq name="devices" value="1">

						<span class="table-cell dw3">

							<eq name="data.down_port" value="2">

								<a href="{$v['add_game_address']}" class="download_btn"><i class="download_icon download_icon_and"></i><span>安卓版下载</span></a><p class="download_text"><span class="download_rebate">返利{$data['ratio']|default=0}%</span><span class="z_shugang"></span><span class="download_size"><empty name="data['game_size']">0MB<else/>{$data['game_size']}</empty></span></p>

							<else />

								<a href="javascript:" url="{:U('AjaxDown/down_file',array('game_id'=>$data['relation_game_id'],'type'=>1))}" class="down download_btn"><i class="download_icon download_icon_and"></i><span>安卓版下载</span></a><p class="download_text"><span class="download_rebate">返利{$data['ratio']|default=0}%</span><span class="z_shugang"></span><span class="download_size"><empty name="data['game_size']">0MB<else/>{$data['game_size']}</empty></span></p>

							</eq>

						</span>

						</eq>

						</empty>

						</span>

                  </div>

              </div>

          </eq>

        <div class="other gd-other">

          <ul class="t-tab gd-t-tab clearfix">

            <li><a href="{:U('Game/detail?id='.$data['id'])}" class="btn">简介</a></li>

            <li><a href="" class="btn active">礼包</a></li>

            <li><a href="{:U('Game/open?id='.$data['id'])}" class="btn">开服</a></li>

            <li><a href="{:U('Game/comment?id='.$data['id'])}" class="btn">评论<span class="topr_num">{$comment_count}</span></a></li>

             <if condition="C('IS_OPEN_SMALL_ACCOUNT') eq 1">

            <li><a href="{:U('Game/trade?id='.$data['id'])}" class="btn">交易<span class="topr_num">{$trade_count}</span></a></li>

            </if>

          </ul>

          <div class="t-list gd-t-list">

            <div class="content gift-content">

              <ul class="" id="ajaxContainer" currentpage="{$page}" game_id="{:I('id')}">

                <foreach name="lists" item="v">

                <li class="content-item">

					<a class="za_icon">
                        <notempty name="v.icon">
					<img src="{$v['icon']}" class="icon">
<else /><span class="dis_tab">
			<span class="dis_tabcell">
				<div>{:C("SET_POSITION_IMG")}</div>
			</span>
		  </span>
                        </notempty>
					<span class="dis_tab">

						<span class="dis_tabcell">

							<div>{:C("SET_POSITION_IMG")}</div>

						</span>

					</span>

					</a>

                  <div class="btnbox">



                    <switch name="v['exist']">

                    <case value="0">

                        <a href="javascript:" class="btn disabled">已领取</a>

                    </case>

                    <case value="1">

                        <a href="javascript:;" title="{$v['giftbag_name']}" class="btn jsgetgift" data-gift-id="{$v['id']}">领取</a>

                    </case>

                    <case value="2">

                        <a href="javascript:" class="btn disabled">已领完</a>

                    </case>

                    </switch>

                  </div>

                  <div class="text pad_lef" style="padding-top:1rem;">

                    <div class="namebox"><a href="{:U('Gift/gamegift',array('id'=>$v['game_id']))}" class="name">{$v['giftbag_name']}</a></div><div class="info">剩余:{$v['novice_num']}</div>

                    <p class="description">{$v['desribe']}</p>

                  </div>

                </li>

                </foreach>

                  <empty name="lists">

                      <li class="empty">

                          暂无礼包

                      </li>

                  </empty>

              </ul>

            </div>

          </div>

      </section>

    </section>



     <link rel="stylesheet" type="text/css" href="__CSS__/demo-fenxiang.css">

    <style type="text/css">

      .button-style0-32 a li {}

    </style>

    <div class="am-share" style="">

      <h3 class="am-share-title">分享到</h3>

         <style>

          .bshare-custom {display:table;display:block;text-align:center;vertical-align:middle;padding:0;box-sizing:border-box;}

          .bshare-custom .bshare-qqim,.bshare-custom .bshare-qzone,.bshare-custom .bshare-sinaminiblog {background:none;display:table-cell;width:0.5rem;height:0.5rem;display:inline-block;width:6rem;height:6rem;}

          .bshare-custom a img {width:70%;height:70%;display:inline-block;margin:15% auto;}

          @media screen and (min-width: 769px) {

            .bshare-custom {width:620px;}

          }

         </style>

         <div class="bshare-custom" style="background-color: #e6e6e6; border-radius: 0 0 2px 2px; margin: 0 10px; padding-top: 0; height:6.1rem;zoom:1; overflow:hidden;text-align: center;">

          <a title="分享到QQ好友" class="bshare-qqim" href="javascript:void(0);" onclick="javascript:bShare.share(event,'qqim',0);return false;"><img src="__IMG__/btn_normal_qq@3x.png" /><span style=""></span></a>

          <a title="分享到QQ空间" class="bshare-qzone" href="javascript:void(0);" onclick="javascript:bShare.share(event,'qzone',0);return false;"><img src="__IMG__/btn_normal_kongjian@3x.png"/><span style=""></span></a>

          <a title="分享到新浪微博" class="bshare-sinaminiblog" href="javascript:void(0);" onclick="javascript:bShare.share(event,'sinaminiblog',0);return false;"  ><img src="__IMG__/icon_weibo.png" /><span style=""></span></a>

        </div>

        <div class="am-share-footer"><button class="share_btn">取消</button></div>

        <script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=&amp;pophcol=1&amp;lang=zh"></script>

        <script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script>

    </div>

  <script>

    bShare.addEntry({

          title: "{$mate_title}",

          url: "{$sahre_data.url}",

          summary: "{$sahre_data.introduction}",

          pic: "{$sahre_data.icon}"

      });

     function toshare(){

          $(".am-share").addClass("am-modal-active");

          if($(".sharebg").length>0){

            $(".sharebg").addClass("sharebg-active");

          }else{

            $("body").append('<div class="sharebg"></div>');

            $(".sharebg").addClass("sharebg-active");

          }

          $(".sharebg-active,.share_btn").click(function(){

            $(".am-share").removeClass("am-modal-active");

            setTimeout(function(){

              $(".sharebg-active").removeClass("sharebg-active");

              $(".sharebg").remove();

            },300);

          })

        }

    </script>

    <div class="pop pop-window">

      <div class="pop-box">

        <div class="pop-wrap gift">



        </div>

      </div>

    </div>

    <div class="popmsg pop-dialog"></div>
    <div class="popnotice pop-window"></div>
    <div class="loading ms-none hidden" id="moreBtn"><a href="javascript:" class="link"></a></div>

    <script src="__JS__/ajaxload.js"></script>

    <script src="__JS__/pop.lwx.min.js"></script>

    <script src="__JS__/clipboard.min.js"></script>

    <script>

      $(function() {

          var popnotice = $(".popnotice").pop();

        var ac = $('#ajaxContainer'),game_id = ac.attr('game_id');

        var poploading = $('.loading').pop();


          function Copy(str,that){

              text = str;
              var clipboard = new Clipboard('.copy',{
                  text: function() {
                      return text;
                  }
              });
              clipboard.on('success', function(e) {

                  setTimeout(function(){
                      popnotice.removeClass('').addClass('pop-message-gift').msg('<span class="pop-cell"><div class="pop-box2"><img class="pop-image" src="__IMG__/pop_completed.png"><p class="pop-text">已复制</p></div></span>',1500);
                      setTimeout(function(){popnotice.close();setTimeout(function(){popnotice.find('span').html('').removeClass('pop-message-gift');},810);},2200);
                  },440);
                  e.clearSelection();
              });

              clipboard.on('error', function(e) {
                  alert('此浏览器不支持此操作,请长按礼包码复制');
              });
          }








        ajaxload('{:U("ajaxGift")}',{'id':game_id},function(data) {

            if (data.status == 1) {

                ac.attr('currentpage',data.page);

                var html = '',d = data.lists;

                for (var i in d) {

                    var item = d[i];



                    html += '<li class="content-item">'+

                            '  <img src="'+item.icon+'" class="icon">';

                    switch(item.exist){

                        case 0:

                            html += '  <div class="btnbox"><a href="javascript:" class="btn disabled">已领取</a></div>';

                        break;

                        case 1:

                            html += '  <div class="btnbox"><a href="javascript:" class="btn jsgetgift" data-id="'+item.id+'">领取</a></div>';

                        break;

                        case 2:

                            html += '  <div class="btnbox"><a href="javascript:" class="btn disabled">已领完</a></div>';

                        break;

                    }



                    html+=  '  <div class="text">'+

                            '    <div class="namebox"><a href="'+item.url+'" class="name">'+item.giftbag_name+'</a></div>'+

                            '    <div class="info">剩余:'+item.novice_num+'</div>'+

                            '    <p class="description">'+item.desribe+'</p>'+

                            '  </div>'+

                            '</li>';

                }



                ac.append(html);

                $('.loading').addClass('ms-none');

                $('#moreBtn').removeClass('ms-none');loads=false;

            } else {

                $('.loading').removeClass('hidden').addClass('ms-none');



                poploading.msg('已经到底了~');

            }

        });



        var pop = $('.pop').pop();

        var pmsg = $(".popmsg").pop();

        $('#ajaxContainer').delegate('.jsgetgift','click',function() {

           var thats = $(this);

          var gname = $(this).attr('title');




          var gift_id = $(this).attr('data-gift-id');

          $.ajax({

              url:"{:U('Gift/get_novice')}",

              type:"post",

              dataType:"json",

              data:{gift_id:gift_id},

              success:function(result){

                if(result.status == 1){

                  var code = result.url;
thats.removeClass('jsgetgift').addClass('disabled').text('已领取');

                    pop.addClass('pop-hint-gift').open(800,'<div class="pop-content"><a href="javascript:;" class="pop-close"><img src="__IMG__/icon_close@2x.png"></a><div class="pop-title">领取成功!</div><p class="pop-text pop-text-first">复制礼包码,进入游戏使用礼包</p><p class="pop-text">为避免过期,请尽快进入游戏使用</p><div class="pop-code pop-table"><span class="pop-cell pop-mark">礼包码:</span><span class="pop-cell pop-input"><input type="text" readonly class="code pop-txt" value="'+code+'"></span><span class="pop-cell pop-butn"><a href="javascript:;" class="copy pop-btn">复制</a></span></div></div>');

                    pop.find('.pop-close').click(function() {pop.close();setTimeout(function(){pop.removeClass('pop-hint');},800)});
                    pop.find('.copy').click(function() {

                        that = $(this);
                        pop.close(400);
                        setTimeout(function(){pop.removeClass('pop-hint-gift');},410);
                        Copy(code,that);
                        setTimeout(function(){window.location.reload();},2600);
                    });



                  /*pop.open(800,'<h2 class="pop-title"><span>领取成功</span><a href="javascript:;" class="pop-close">X</a></h2><p class="pop-content"><span class="des">长按复制礼包码,进入游戏使用礼包</span>为避免过期,请尽快使用</p><div class="pop-btnbox"><input type="text" id="code" class="pop-input copytext jscopy" readonly value="'+code+'"><span class="prefix">礼包码:</span></div>');

                  pop.find('.pop-close').click(function() {pop.close();});



                  $('.jscopy').click(function(event) {

                    var elem = $(this).siblings('input');

                    if (window.clipboarData) {

                      window.clipboarData.clearData();

                      window.clipboarData.setData('text',elem.val());

                      alert('已经成功复制');

                    } else {

                      elem.select();

                      alert('请长按礼包号码上选择');

                    }

                    return false;

                  });*/

                }else{

                  pop.close();

                  pmsg.msg(result.info);

                  if(result.url != ""){

                    setTimeout(function () {window.location.href = result.url;}, 2000);

                  }

                }

              },

              error:function(){

                alert('服务器异常');

              }

            });

          return false;

        });

$("body").delegate('.down','click',function(){

            var url = $(this).attr('url');

            var pmsg = $(".popmsg").pop();

            $.ajax({

                url:url,

                type:"get",

                dataType:"json",

                data:{},

                success:function(result){

                    if(result.status == 0){

                        pmsg.msg(result.info);

                    }else{

                        location.href=result.url;

                        return false;



                    }

                },

                error:function(){

                    alert("服务器异常");

                }

            })

        });




$(".collect").click(function() {

          var status = $(this).attr('status');


          var game_id = $(this).parent().attr('data-game-id');




            $.ajax({

              url:"{:U('Game/collect_game')}",

              type:"POST",

              dataType:"json",

              data:{game_id:game_id,status:status},

              success:function(result){

                  pmsg.msg(result.info);
                if(result.status == 1) {

                    setTimeout(function(){location.reload();},1500);
                } else {

                    setTimeout(function(){

                        location.href = '{:U("User/login",array("url"=>base64_encode(base64_encode(U("Game/gift",array("id"=>$_GET["id"]))))))}';

                    },1500);

                }



              },

              error:function(){

                alert('服务器异常');

              }

            })

        });

      });

    </script>




</block>

<block name="footer"></block>