{extend name="../app/admin/view/base.html"/}
{block name="resources"}
<style>
	.ns-form {margin-top: 0;}
</style>
{/block}
{block name="main"}
<div class="layui-form ns-form">
    <div class="layui-form-item">
        <label class="layui-form-label">是否开启：</label>
        <div class="layui-input-block" id="isOpen">
			<input type="checkbox" name="status" lay-filter="isOpen" value="1" lay-skin="switch" {if condition="$info.is_use == 1"} checked {/if} />
        </div>
		<div class="ns-word-aux">当前使用腾讯云COS上传配置</div>
    </div>
	<div class="layui-form-item">
		<label class="layui-form-label"><span class="required">*</span>AppID：</label>
		<div class="layui-input-block">
			<input type="text" name="appid" placeholder="请输入AppID" lay-verify="required" value="{$info.value.appid ?? ''}" autocomplete="off" class="layui-input ns-len-long">
		</div>
        <div class="ns-word-aux">用户APPID</div>
	</div>
	<div class="layui-form-item">
		<label class="layui-form-label"><span class="required">*</span>SecretID：</label>
		<div class="layui-input-block">
			<input type="text" name="secretId" placeholder="请输入secretId" lay-verify="required" value="{$info.value.secretId ?? ''}" autocomplete="off" class="layui-input ns-len-long">
		</div>
        <div class="ns-word-aux">用户SecretID</div>
	</div>
	<div class="layui-form-item">
		<label class="layui-form-label"><span class="required">*</span>SecretKEY：</label>
		<div class="layui-input-block">
			<input type="text" name="secretKey" placeholder="请输入SecretKEY" lay-verify="required" value="{$info.value.secretKey ?? ''}" autocomplete="off" class="layui-input ns-len-long">
		</div>
        <div class="ns-word-aux">用户SecretKEY</div>
	</div>
	<div class="layui-form-item">
		<label class="layui-form-label"><span class="required">*</span>Bucket：</label>
		<div class="layui-input-block">
			<input type="text" name="bucket" placeholder="请输入库的名称" lay-verify="required" value="{$info.value.bucket ?? ''}" autocomplete="off" class="layui-input ns-len-long">
		</div>
        <div class="ns-word-aux">请保证bucket为可公共读取的;储存桶格式 如:"zoomtk-8888888"</div>
	</div>

	<div class="layui-form-item">
		<label class="layui-form-label"><span class="required">*</span>所在区域：</label>
		<div class="layui-input-block ns-len-mid">
			<select name="region">
				<option value="">请选择</option>
				<option value="ap-beijing">北京</option>
				<option value="ap-nanjing">南京</option>
				<option value="ap-shanghai">上海</option>
				<option value="ap-guangzhou">广州</option>
				<option value="ap-chengdu">成都</option>
				<option value="ap-chongqing">重庆</option>
				<option value="ap-hongkong">中国香港</option>
				<option value="ap-singapore">新加坡</option>
				<option value="ap-seoul">韩国首尔</option>
				<option value="ap-siliconvalley">硅谷</option>
				<option value="ap-tokyo">东京</option>
			</select>
		</div>
		<div class="ns-word-aux">所在区域储存位置</div>
	</div>
    <div class="layui-form-item">
        <label class="layui-form-label"><span class="required">*</span>访问域名：</label>
        <div class="layui-input-block">
            <input type="text" name="domain" placeholder="请输入domain" lay-verify="required|url" value="{$info.value.domain ?? ''}" autocomplete="off" class="layui-input ns-len-long">
        </div>
        <div class="ns-word-aux">用户自定义访问域名。注：url开头加http://或https://，结尾不加 ‘/’，例：http://abc.com</div>
    </div>
    <!-- 表单操作 -->
    <div class="ns-form-row">
        <button class="layui-btn ns-bg-color" lay-submit lay-filter="save">保存</button>
        <button class="layui-btn layui-btn-primary" onclick="back()">返回</button>
    </div>
</div>
{/block}
{block name="script"}
<script>
    layui.use('form', function() {
        var form = layui.form,
            repeat_flag = false; //防重复标识
		form.render();
		form.on('submit(save)', function(data) {
            // if (repeat_flag) return;
            // repeat_flag = true;
            $.ajax({
                url: ns.url("cos://admin/config/config"),
                data: data.field,
                dataType: 'JSON',
                type: 'POST',
                success: function(res) {
					repeat_flag = false;
					if (res.code == 0) {
						layer.confirm('编辑成功', {
							title:'操作提示',
							btn: ['返回列表', '继续操作'],
							yes: function(){
								location.href = ns.url("admin/upload/oss")
							},
							btn2: function() {
								location.reload();
							}
						});
					}else{
						layer.msg(res.message);
					}
                }
            });
        });
    });
    function back() {
        location.href = ns.url("admin/upload/oss");
    }
</script>
{/block}