{extend name="./template/default/pub/base.html" /}
{block name="seo"}
<title>vip-{$site_name}</title>
{/block}
{block name="content"}
{include file="./template/default/pub/top4.html" /}
<div class="vip-exchange">
    <p class="vip-exchange-title"><span>卡密充值</span></p>
    <p id="hint" style="color: red;"></p>
    <input id="code" class="vip-exchange-input" type="text" value="" placeholder="输入充值码">
    <a class="vip-exchange-btn" href="javascript:subCode();">立即充值</a>
    <a style="background-color:#2ea6d4;" class="vip-exchange-btn" href="javascript:location.href='{$url}';">购买充值卡</a>    
    <div class="vip-exchange-tip">
        <p class="vip-exchange-tip-title">充值说明</p>
        <p class="vip-exchange-tip-content">1、请在有效期内输入卡密进行充值</p>
        <p class="vip-exchange-tip-content">2、卡密会通过邮箱或手机短信发送给您，请保存好购买的卡密</p>
    </div>
</div>
<div class="toast" style="display:none;"></div>
<script>
    function subCode() {
        var code = $('#code').val();
        if (code == '') {
            ShowDialog('请输入充值码');
        } else {
            $.post({
                url: '/kami',
                data: {'code': code},
                success: function (res) {
                    ShowDialog(res.msg);
                    if (res.err == 0) {
                        setTimeout(function () {
                            location.href = '/ucenter';
                        }, 1000);
                    }
                }
            })
        }
    }
</script>
{/block}