<extend name="Public/bases" />
<block name="css">
  <link href="__CSS__/open.css" rel="stylesheet" >
</block>
<block name="body" >
    <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>
      </div>
    </header>    
    <div class="occupy"></div>
    <section class="trunker">
      <section class="container">
        <div class="banner invitation-banner">
          <div class="wrap">
            <img src="__IMG__/invitation.png" class="icon">
          </div>
        </div>
        <div class="t-table invitation-other">
          <div class="statistics">
            <ul class="clearfix">
              <li><h2>累计奖励(平台币)</h2><p><span class="money">{$data['award_coin']}</span><p></li>
              <li><h2>成功邀请好友</h2><p><span class="number">{$data['invite_num']}</span></p></li>
            </ul>
          </div>
          <div class="rule copylinkbox">
            <div class="copylinkwrap">
              <input type="text" id="copyLink" name="url" class="copylinktext" value="{$url}">
              <input type="button" name="subimt" class="copylinkbutn" value="复制">
            </div>
            <empty name="islogin">
              <div style="text-align: center;margin-top: 10px;color: red;">您还未登录!邀请好友无法获得奖励哟~</div>
            </empty>
          </div>
          <div class="rule">
            <h2><span>奖励规则</span></h2>
            <p>邀请您的好友在{:C(APP_NAME)}下载游戏并进行现金充值,您将会获得充值支付金额<span>5%</span>的平台币邀请奖励,每位好友给您的奖励100平台币封顶,邀请人数不限</p>
          </div>
        </div>
      </section>
    </section>
    <div class="popmsg pop-dialog"></div>
    <script src="__JS__/pop.lwx.min.js"></script>
    <script src="__JS__/common.js"></script>
    <script>
      $(document).ready(function() {
        var pmsg = $(".popmsg").pop();
        $('input[name="subimt"]').click(function(){
          var msg  = "";
          var copy = document.getElementById("copyLink");
          selectText(copy);
          try{
            if(document.execCommand("Copy")) // 执行浏览器复制命令
            {
              msg = "拷贝成功";pmsg.msg(msg);
            }else{
              msg = "拷贝失败";
            }
          }catch(err){
            msg="暂不支持";pmsg.msg(msg);
          }
        })

        function selectText(copy){
          //copy.focus();
          copy.select();
          if(browser.versions.iPhone) {  
              copy.selectionStart = 0;
              copy.selectionEnd = copy.value.length;
          }else{
            copy.focus();
            copy.select();
          }  
        }

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