<style type="text/css">
body{background: #f2f4f6;}
.copy-tips{position:fixed;z-index:999;bottom:50%;left:50%;margin:0 0 -20px -80px;background-color:rgba(0, 0, 0, 0.2);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#30000000, endColorstr=#30000000);padding:6px;}
.copy-tips-wrap{padding:10px 20px;text-align:center;border:1px solid #F4D9A6;background-color:#FFFDEE;font-size:14px;}
</style>
<script type="text/javascript" src="/js/jquery.zclip.min.js"></script>
<div class="row">
  <div class="container">
    <div class="span12" style="background:#fff;padding:20px 0;border-bottom:1px solid #ddd;">
      <h4 style="padding-left:30px;">Paypal支付链接生成</h4>
    </div>
    <div class="span12" style="background:#fff;padding-top:30px;padding-bottom:20px;">
      <form class="form-horizontal" method="post" action="<?php echo site_url('payment/index');?>">
        <div class="control-group">
          <label class="control-label" for="inputEmail">类型</label>
          <div class="controls">
            <select style="width:315px;">
              <option>paypal</option>
            </select>
          </div>
        </div>
        <div class="control-group">
          <label class="control-label" for="inputEmail">币种</label>
          <div class="controls">
            <select style="width:315px;">
              <option>美元</option>
            </select>
          </div>
        </div>
        <div class="control-group">
          <label class="control-label" for="inputEmail">语种</label>
          <div class="controls">
            <select style="width:315px;">
              <option>英语</option>
            </select>
          </div>
        </div>
        <div class="control-group">
          <label class="control-label">金额</label>
          <div class="controls">
            <input style="width:300px;" type="text" id="price" name="price" placeholder="金额" autocomplete="off">
          </div>
        </div>
        <div class="control-group">
          <label class="control-label">描述</label>
          <div class="controls">
            <textarea rows="3" style="width:300px;" name="description">
 Tracking Code:
 Travel Advisor:
 Content:</textarea>
          </div>
        </div>
        <div class="control-group">
          <div class="controls">
            <button type="submit" class="btn btn-danger">生成支付链接</button>
          </div>
        </div>
      </form>
    </div>
    <?php if(isset($payurl)){ ?>
    <div class="span12" style="background:#fff;padding-top:30px;padding-bottom:30px;border-top:1px solid #ddd;">
      <div class="span4" id="payhtml" style="margin-left:175px;"><?php echo $payurl; ?></div>
      <div class="span5" style="height:200px;">
        <h5>获取支付链接的两种方式:</h4>
          <ul>
            <li style="padding-bottom:8px;">请拖动鼠标选中左边的支付图片(在图片下方鼠标左键三击试试)，然后按下键盘上的Ctrl+C键对图片链接复制,接着在你需要插入支付链接的地方按Ctrl+V键进行粘贴即可。<br>[温馨提示：不能直接用鼠标右键功能进行复制]</li>
            <li>你也可以点击<a href="#none" class="copy">复制</a>，直接把支付链接发送给客人<br>[注意，这种方式得到的链接是没有paypal图标的。]</li>
          </ul>
        
      </div>
    </div>
    <?php } ?>

  </div>
</div>
<script type="text/javascript">
$(document).ready(function(){
  if ($("#payhtml>a").length>0) {
      var $copysuc = $("<div class='copy-tips'><div class='copy-tips-wrap'>☺ 支付链接成功生成</div></div>");
      $("body").find(".copy-tips").remove().end().append($copysuc);
      $(".copy-tips").fadeOut(3000);
  };

    $(".copy").zclip({
      path: "/js/ZeroClipboard.swf",
      copy: function(){
      return $("#payhtml>a").attr('href');
    },
    beforeCopy:function(){/* 按住鼠标时的操作 */
      $(this).css("color","orange");
    },
    afterCopy:function(){/* 复制成功后的操作 */
      var $copysuc = $("<div class='copy-tips'><div class='copy-tips-wrap'>☺ 复制成功</div></div>");
      $("body").find(".copy-tips").remove().end().append($copysuc);
      $(".copy-tips").fadeOut(3000);
    }
  });
});
</script>