{extend name="app/shop/view/base.html"/}
{block name="resources"}
{/block}
{block name="main"}
<div class="layui-form">
    <div class="layui-card card-common ns-card-brief">
        <div class="layui-card-header">
            <span class="card-title">接入方式</span>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block sm">
                <input type="radio" lay-filter="line_type" name="line_type" value="auth" title="授权接入"  {eq name="$line_type" value="auth"}checked {/eq}>
                <input type="radio" lay-filter="line_type" name="line_type" value="custom" title="手动接入" {eq name="$line_type" value="custom"}checked{/eq}>
            </div>
        </div>
        <div class="word-aux">设置接入方式</div>
    </div>
	<div class="layui-card card-common ns-card-brief">
		<div class="layui-card-header">
			<span class="card-title">开发者设置</span>
		</div>
		<div class="layui-card-body">
            <div class="layui-form-item">
                <label class="layui-form-label">小程序名称：</label>
                <div class="layui-input-inline ">
                    <input type="text" name="app_name" autocomplete="off" class="layui-input len-long" value="{$config_info.app_name ?? ''}">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">原始ID：</label>
                <div class="layui-input-inline ">
                    <input type="text" name="app_original" autocomplete="off" class="layui-input len-long" value="{$config_info.app_original ?? ''}">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label img-upload-lable">小程序二维码：</label>
                <div class="layui-input-inline img-upload">
                    <input type="hidden" class="layui-input" name="qrcode" value="{$config_info.qrcode ?? ''}"/>
                    <div class="upload-img-block icon">
                        <div class="upload-img-box" id="img">
                        {if condition="$config_info && $config_info.qrcode"}
                        <img src="{:img($config_info.qrcode)}" />
                        {else/}
                            <div class="upload-default">
                                <img src="__STATIC__/img/upload_img.png" />
                                <p>点击上传</p>
                            </div>
                        {/if}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
	<div class="layui-card card-common card-brief">
		<div class="layui-card-header">
			<span class="card-title">开发者ID设置</span>
		</div>
		<div class="layui-form-item">
            <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 len-long" value="{$config_info.appid ?? ''}">
                </div>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">应用私钥：</label>
            <div class="layui-input-block">
                <textarea name="private_key" class="layui-textarea len-long" placeholder="请输入应用私钥">{$config_info.private_key ?? ''}</textarea>
            </div>
        </div>

        <div class="countersign_type_zero" >
            <div class="layui-form-item " >
                <label class="layui-form-label">应用公钥：</label>
                <div class="layui-input-block">
                    <textarea name="public_key" class="layui-textarea len-long" placeholder="请输入应用公钥">{$config_info.public_key ?? ''}</textarea>
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">支付宝公钥：</label>
                <div class="layui-input-block">
                    <textarea name="alipay_public_key" class="layui-textarea len-long" placeholder="请输入支付宝公钥">{$config_info.alipay_public_key ?? ''}</textarea>
                </div>
            </div>
        </div>

        <div class="layui-card-body">
            <div class="layui-form-item">
                <label class="layui-form-label">原始ID：</label>
                <div class="layui-input-inline ">
                    <input type="text" name="app_original" autocomplete="off" class="layui-input len-long" value="{$config_info.app_original ?? ''}">
                </div>
            </div>
        </div>
        <div class="form-row">
            <button class="layui-btn" lay-submit lay-filter="save">保存</button>
            <button type="reset" class="layui-btn layui-btn-primary" onclick="back()">返回</button>
            <a id="imageQrcode"></a>
        </div>
    </div>
</div>
{/block}
{block name="script"}
<script type="text/javascript">
    layui.use(['form', 'upload', 'util'], function () {
        var form = layui.form,
            upload = layui.upload,
            repeat_flag = false; //防重复标识
        form.render();
        form.on('submit(save)', function (data) {
            if (repeat_flag) return;
            repeat_flag = true;
            $.ajax({
                type: "post",
                url: "{:addon_url('aliapp://shop/aliapp/config')}",
                dataType: "JSON",
                data: data.field,
                success: function (data) {
                    repeat_flag = false;
                    layer.msg(data.message);
                }
            });
        });
        form.on('radio(line_type)', function(data){
            if(data.value=='auth'){
                layer.confirm('您将是要授权方式接入', {
                    btn: ['取消', '去授权'] //可以无限个按钮
                }, function (index, layero) {
                    layer.close(index);
                    //按钮【按钮一】的回调
                }, function (index) {
                    window.open('{$auth_url}')
                });
            }
        });
        // 图片上传
        var uploadInst = upload.render({
            elem: '#img',
            url: ns.url("shop/upload/upload"),
            done: function (res) {
                if (res.code >= 0) {
                    $("input[name='qrcode']").val(res.data.pic_path);
                    $("#img").html("<img src=" + ns.img(res.data.pic_path) + " >");
                }
                return layer.msg(res.message);
            }
        });
    });
    function back() {
        location.href = "{:addon_url('aliapp://shop/aliapp/setting')}";
    }
</script>
{/block}