<extend name="Public/bases"/>
<block name="css">
  <link href="__CSS__/gift.css" rel="stylesheet" >	<style>		.detail .base .wrap .dis_tab1{    height: 100%;    width: 100%;    top: 0;padding:0;}	</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 detail giftdetail">
        <div class="base">
          <div class="wrap">
			<a class="za_giftdetical">
              
                  <img src="{$data['icon']}" onerror="this.src='__IMG__/empty.jpg';this.onerror=null">
                  
			</a>
            <span class="surplus">剩余数量:{$data['novice_num']}</span>
            <p>有效日期:{$data['end']}</p>
          </div>
        </div>
        <div class="other">
          <h2 class="detail-item-title">礼包内容</h2>
          <p>{$data['desribe']}</p>
          <h2 class="detail-item-title">领取说明</h2>
          <p>{$data['digest']}</p>
          <h2 class="detail-item-title">联系客服</h2>
          <p class="detail-item-content qq">客服QQ:1015149213</p>
          <p>礼包领取问题,礼包使用问题,客服为您第一时间解答</p>
          <div class="btnbox">
            <switch name="exist">
              <case value="0">
                <a href="javascript:;" class="btn copy" onclick="Copy('{$data.get_novice}', this)">复制</a>
              </case>
              <case value="1">
                <a href="javascript:;" class="submit btn" data-id="{$data['id']}">立即领取</a>
              </case>
              <case value="2">
                <a href="javascript:;" class="btn disabled">已领完</a>
              </case>
            </switch>
          </div>
        </div>
      </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>

    <script src="__JS__/ajaxload.js"></script>
		<script src="__JS__/clipboard.min.js"></script>
    <script src="__JS__/pop.lwx.min.js"></script>
    <script type="text/javascript">
        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('此浏览器不支持此操作,请长按礼包码复制');
            });
        }
      $(function() {
        var pop = $('.pop').pop();
        var pmsg = $(".popmsg").pop();




        $(".submit").click(function(){
          var submit=$(this), id = submit.attr('data-id');
					if (submit.hasClass('disabled')) {return false;}
					submit.addClass('disabled');
          $.ajax({
            async:false,
            url:"{:U('Gift/get_novice')}",
            type:"post",
            dataType:"json",
            data:{gift_id:id},
            success:function(result){
                submit.removeClass('disabled');
              if(result.status == 1){
                  var code = result.url;
                  submit.removeClass('submit');
                  submit.addClass('copy');
                  submit.text('复制').attr('onclick', 'Copy(\''+code+'\',this)');
									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(){
							submit.removeClass('disabled');
              alert('服务器异常');
            }
          })
        })

      })
    </script>
</block>
<block name="footer"></block>