<extend name="Public/bases" />
<block name="css">
    <link href="__CSS__/gift.css" rel="stylesheet" >
		<style>
			.list-detail .text .name {max-width:90%;margin-right:0;}
            .info-novice {
                font-style: normal;}
		</style>
</block>
<block name="body" >
    <header class="header">
      <div class="">
        <a href="javascript:history.go(-1);" class="hbtn back" ><i class="iconfont icon-drop-left"></i></a>
        <h1 class="caption">{$mate_title}</h1>
      </div>
    </header>
    <div class="occupy"></div>
    <section class="trunker">
      <section class="container">
        <section class="list-detail">
          <ul class="" id="ajaxContainer" currentpage="{$page}" game_id="{$game_id}">
            <foreach name="data" item="v">
            <li>
              <a class="za_icon2" href="{:U('detail?id='.$v['id'])}">
                   <img src="{$v['icon']}" class="icon" onerror="this.src='__IMG__/empty.jpg';this.onerror=null">
                  
              </a>
              <div class="btnbox">
                <switch name="v['exist']">
                    <case value="0">
                        <a href="javascript:" class="btn copy" onclick="Copy('{$v.get_novice}', this)">复制</a>
                    </case>
                    <case value="1">
                        <a href="javascript:" class="btn submit" data-id="{$v['id']}">领取</a><!-- {:U('detail?id='.$v['id'])} -->
                    </case>
                    <case value="2">
                        <a href="javascript:" class="btn disabled">已领完</a>
                    </case>
                </switch>

              </div>
              <div class="text">
                <div class="namebox"><a href="{:U('detail?id='.$v['id'])}" class="name">{$v['giftbag_name']}</a></div>
                  <div class="info">剩余：<i class="info-novice js-info-novice">{$v['novice_num']}</i></div>
                <p class="description">{$v['desribe']}</p>
              </div>
            </li>
            </foreach>
          </ul>
        </section>
      </section>
    </section>
    <div class="popmsg pop-dialog"></div>
    <div class="popnotice pop-window"></div>
    <div class="pop pop-window">
      <div class="pop-box">
        <div class="pop-wrap gift"></div>
      </div>
    </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__/clipboard.min.js"></script>
    <script src="__JS__/pop.lwx.min.js"></script>
    <script>
        var ac = $('#ajaxContainer'),game_id = ac.attr('game_id');
        var popmsg = $('.loading').pop();
        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];
                    //alert(item.exist);
                    html += '<li><a href="'+item.url+'">';
                    if(item.icon){
                        html += '  <img src="'+item.icon+'" class="icon">';
                    }else{
                        html += '<span class="dis_tab"><span class="dis_tabcell"><div>{:C("SET_POSITION_IMG")}</div></span></span>';
                    }
                    html += '</a>';
                    switch(item.exist){
                        case 0:
                            html += '  <div class="btnbox"><a href="javascript:" class="btn" onclick="Copy(&#39;'+item.get_novice+'&#39;)">复制</a></div>'
                        break;
                        case 1:
                            html += '  <div class="btnbox"><a href="javascript:" class="btn submit" 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.game_name+'</a></div>'+
                            '    <div class="info">剩余：<i class="info-novice js-info-novice">'+item.novice_num+'</i></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');

                popmsg.msg('已经到底了~');
                // $('#moreBtn').show().html('已经到底了~');
            }
        });
        var browser = {
          versions:function(){
            var u = navigator.userAgent,app=navigator.appVersion;
            return {
              trident:u.indexOf('Trident')>-1,/*IE*/
              presto:u.indexOf('Presto')>-1,/*opera*/
              webkit:u.indexOf('AppleWebKit')>-1,/*apple google*/
              gecko:u.indexOf('Gecko')>-1 && u.indexOf('KHTML')==-1,/*firefox*/
              mobile:!!u.match(/AppleWebKit.*Mobile.*/)||!u.match(/AppleWebKit/),/*移动*/
              ios:!!u.match(/\(i[^;]+;( U;)?CPU.+Mac OS X/),/*ios*/
              android:u.indexOf('Android')>-1 || u.indexOf('Linux')>-1,/*android uc*/
              iPhone:u.indexOf('iPhone')>-1|| u.indexOf('Mac')>-1,/*iPhone QQHD*/
              iPad:u.indexOf('iPad')>-1,/*iPad*/
              webApp:u.indexOf('Safari')==-1,
            };
        }(),
          language:(navigator.browserLanguage||navigator.language).toLowerCase(),
        }
        var pop = $('.pop').pop();
        var pmsg = $(".popmsg").pop();
        var popnotice = $(".popnotice").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').msg('<span class="pop-cell"><div class="pop-box2 pop-picture"><img class="pop-image" src="__IMG__/pop_completed.png"><p class="pop-text">复制成功</p></div></span>',1000);
                                setTimeout(function(){popnotice.close();setTimeout(function(){popnotice.find('span').html('').removeClass('pop-message');},810);},1800);
                            },440);
							e.clearSelection();
						});

						clipboard.on('error', function(e) {

                            setTimeout(function(){
                                popnotice.removeClass('').addClass('pop-message').msg('<span class="pop-cell"><div class="pop-box2 pop-picture"><img class="pop-image" src="__IMG__/pop_completed.png"><p class="pop-text">复制失败</p></div></span>',1000);
                                setTimeout(function(){popnotice.close();setTimeout(function(){popnotice.find('span').html('').removeClass('pop-message');},810);},1800);
                            },440);

							alert('此浏览器不支持此操作，请长按礼包码复制');
						});
				}

        $("#ajaxContainer").delegate('.submit','click',function(){
          thatt = $(this);
          var id = $(this).attr('data-id');
          $.ajax({
            async:false,
            url:"{:U('Gift/get_novice')}",
            type:"post",
            dataType:"json",
            data:{gift_id:id},
            success:function(result){
              if(result.status == 1){
                  thatt.removeClass('submit');
                  thatt.addClass('copy');
                  thatt.text('复制').attr('onclick', 'Copy(\''+result.url+'\',this)');
                  var infoNovice = thatt.closest('li').find('.info .js-info-novice');
                  infoNovice.text(parseInt(infoNovice.text())-1);
                  var code = result.url;
                  $(this).removeClass('submit').addClass('disabled');

									pop.addClass('pop-hint').open(800,'<div class="pop-content"><a href="javascript:;" class="pop-close">X</a><div class="pop-title">领取成功！</div><div class="pop-code pop-table"><span class="pop-cell pop-mark">礼包码：</span><span class="pop-cell pop-input"><span class="code-txt">'+code+'</span><input type="text" readonly class="code pop-txt" style="display: none;" value="'+code+'"></span></div><p class="pop-text">( 为避免过期，请尽快进入游戏使用 )</p><div class="zdiv_copy"><a href="javascript:;" class="copy pop-btn">复制礼包码</a></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');},410);
										Copy(code,that);
setTimeout(function(){window.location.reload();},2000);
									});


                }else{
                  pop.close();
                  pmsg.msg(result.info);
                  if(result.url != ""){
                    setTimeout(function () {window.location.href = result.url;}, 2000);
                  }
                }
            },
            error:function(){
              alert('服务器异常');
            }
          })
        })
    </script>
</block>
<block name="footer"></block>