{layout name="layout1" /}
<style>
    .layui-form-label {
        width: 220px;
    }
</style>
<div class="wrapper">
    <div class="layui-card">
        <div class="layui-card-body">
            <div class="layui-collapse like-layui-collapse" lay-accordion="" style="border:1px dashed #c4c4c4">
                <div class="layui-colla-item">
                    <h2 class="layui-colla-title like-layui-colla-title" style="background-color: #fff">温馨提示</h2>
                    <div class="layui-colla-content layui-show">
                        <p>站点统计功能可以帮你了解用户在网站上的行为，助你优化网站体验，提高访问效果。</p>
                    </div>
                </div>
            </div>
            <!-- 表单区域-->
            <div class="layui-form" style="margin-top: 15px;">

                <!--clarity_app_id-->
                <div class="layui-form-item">
                    <label class="layui-form-label">Clarity 应用id：</label>
                    <div class="layui-input-block">
                        <div class="layui-col-md6">
                            <input type="text" name="clarity_app_id" value="{$site_statistic.clarity_app_id|default = ''}" lay-verType="tips" autocomplete="off" class="layui-input">
                            <div class="layui-form-mid layui-word-aux">
                                请访问 <a href="https://clarity.microsoft.com" target="_blank" style="color: #0000FF">Clarity 官网</a> 创建你的 Clarity 统计应用
                            </div>
                        </div>
                    </div>
                </div>

                <div class="layui-form-item">
                    <lable class="layui-form-label"></lable>
                    <div class="layui-input-block">
                        <button class="layui-btn layui-btn-normal" lay-submit lay-filter="set">确定</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    layui.config({
        version:"{$front_version}",
        base: '/static/lib/' //静态资源所在路径
    }).use(['form','element'], function(){
        var $ = layui.$,form = layui.form,element = layui.element;
        form.on('submit(set)', function(data) {
            like.ajax({
                url:'{:url("setting.site_statistic/set")}',
                data: data.field,
                type:"post",
                success:function(res)
                {
                    if(res.code === 1) {
                        layui.layer.msg(res.msg, {
                            offset: '15px'
                            , icon: 1
                            , time: 1000
                        });
                    }
                }
            });
        });

    });
</script>