{template 'web/common/header'}
<style>
    .generate{
        height: 36px;
    }
</style>
<div class="layui-fluid">
    <div class="fui-content main-content">
        {template 'server/sso:tabs'}
        <div class="fui-card layui-card">
            <div class="layui-card-header">
                <span class="title">{$title}</span>
            </div>
            <div class="layui-card-body">
                <form action="{php echo serv('sso')->url('setting/save')}" method="post" class="layui-form">
                    {csrftoken}
                    <div class="layui-form-item ali_status form-item1">
                        <label class="layui-form-label">请求地址</label>
                        <div class="layui-input-block">
                           <div style='line-height: 38px'>
                               {$url}
                           </div>
                        </div>
                    </div>
                    {if !empty($masterSecret)}
                    <div class="layui-form-item ali_status form-item1">
                        <label class="layui-form-label">masterSecret</label>
                        <div class="layui-input-block">
                           <div style='line-height: 38px'>
                               {$masterSecret}
                           </div>
                        </div>
                    </div>
                    {/if}
                    <div class="layui-form-item must ali_status form-item1">
                        <label class="layui-form-label">secret</label>
                        <div class="layui-input-block" style='display: flex'>
                            <input id='secret' type="text" name="secret" value="{$setting['secret']}"   placeholder="请输入secret" autocomplete="off" class="layui-input" />
                            <button type="button" class="layui-btn generate" onclick='generateSecret(24)'>一键生成</button>
                        </div>
                    </div>
                    <div class="layui-form-item must ali_status form-item1">
                        <label class="layui-form-label">code过期时间</label>
                        <div class="layui-input-block">
                            <input type="number" name="expire" value="{$setting['expire']}"   placeholder="请输入过期时间" autocomplete="off" class="layui-input" />
                            <span style='color:#a8a7a7'>单位 * 小时</span>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <button class="layui-btn" lay-submit type="submit" value="true" name="savedata">保存</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<script>
    function generateSecret(length){
        var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
        let result = '';
        for (let i = 0; i < length; i++) {
            var randomIndex = Math.floor(Math.random() * characters.length);
            result += characters.charAt(randomIndex);
        }
        document.getElementById('secret').value=result;
    }
</script>
{template 'web/common/footer'}