{extend name="../app/shop/view/base.html"/}
{block name="resources"}
{/block}
{block name="main"}
<div class="layui-form">
    <div class="layui-card ns-card-common ns-card-brief">
        <div class="layui-card-header">
            <span class="ns-card-title">开发者ID设置</span>
        </div>
        <div class="layui-card-body">
            <div class="layui-form-item">
                <label class="layui-form-label">APPID：</label>
                <div class="layui-input-inline ">
                    <input type="text" name="appid" autocomplete="off" class="layui-input ns-len-long"
                           value="{$config_info.appid ?? ''}">
                </div>
            </div>
        </div>
        <div class="layui-card-body">
            <div class="layui-form-item">
                <label class="layui-form-label">Token(令牌)</label>
                <div class="layui-input-block">
                    <div class="layui-input-inline">
                        <input type="text" name="token" autocomplete="off" id="empowerToken"
                               class="layui-input ns-len-long" value="{$config_info.token ?? ''}">
                    </div>
                    <button class="layui-btn layui-btn-primary" onclick="ns.copy('empowerToken')">复制</button>
                    <button class="layui-btn layui-btn-primary" lay-active="tokenGen">生成新的</button>
                </div>
                <div class="ns-word-aux">Token必须为英文或数字，长度为3-32字符。如不填写则默认为“TOKEN”。</div>
            </div>
        </div>
    </div>
    <div class="layui-card ns-card-common ns-card-brief">
        <div class="layui-card-header">
            <span class="ns-card-title">API配置信息</span>
        </div>
        <div class="layui-card-body">
            <div class="layui-form-item">
                <label class="layui-form-label">发货URL：</label>
                <div class="layui-input-inline ">
                    <input type="text" autocomplete="off" readonly id="auth_url" class="layui-input ns-len-long"
                           value="{$auth_url}">
                </div>
                <button class="layui-btn layui-btn-primary" onclick="ns.copy('auth_url')">复制</button>
            </div>
        </div>
    </div>
    <div class="ns-form-row">
        <button class="layui-btn ns-bg-color" lay-submit lay-filter="save">保存</button>
        <button type="reset" class="layui-btn layui-btn-primary" onclick="back()">返回</button>
    </div>
</div>
{/block}
{block name="script"}
<script>
    layui.use(['form', 'util'], function () {
        var form = layui.form, util = layui.util;
        repeat_flag = false; //防重复标识
        form.render();
        /**
         * 监听保存
         */
        form.on('submit(save)', function (data) {
            if (repeat_flag) return;
            repeat_flag = true;
            $.ajax({
                type: 'POST',
                url: ns.url("saasagent://shop/cloud/txcloud"),
                data: data.field,
                success: function (res) {
                    layer.msg(res.message);
                    repeat_flag = false;
                    if (res.code == 0) {
                        location.reload();
                    }
                }
            });
        });
        util.event('lay-active', {
            tokenGen: function () {
                for (var t = "", i = 0; i < 32; i++) {
                    t += "abcdefghijklmnopqrstuvwxyz0123456789"[parseInt(32 * Math.random())]
                }
                $('#empowerToken').val(t)
            }
            , encodingAESKeyGen() {
                for (var e = "", t = 0; t < 43; t++) {
                    e += "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"[parseInt(61 * Math.random() + 1)]
                }
                $('#encodingaeskey').val(e)
            }
        });
    });
</script>
{/block}