{extend name="Public/base" /}
{block name="main"}
<script type="text/javascript" src="__PUBLIC__/layui/lay/modules/laydate.js"></script>

<fieldset class="layui-elem-field">
    <legend>访问控制 - 添加白名单</legend>
    <div class="layui-field-box">
        <form class="layui-form" action="">
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">IP地址*</label>
                <div class="layui-input-inline" style="width: 300px;">
                    <input name="ip" value="{$detail['ip']}"  lay-verify="required" class="layui-input" placeholder="请输入允许的IP地址，如：192.168.0.*">
                </div>

            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">描述</label>
                <div class="layui-input-inline" style="width: 300px;">
                    <input name="memo" value="{$detail['memo']}" class="layui-input" placeholder="填写为啥要加这个IP" size="100">
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">您的IP地址：</label>
                <div class="layui-input-inline" style="width: 300px;">
                    {$ip}
                </div>
            </div>
            
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                </div>
            </div>
        </form>
    </div>
</fieldset>
{/block}
{block name="myScript"}
<script>

    layui.use('form', function(){
        var form = layui.form();
        form.on('submit(formDemo)', function(data){
            var load = layui.layer.load(1);
            $.ajax({
                type: "POST",
                url: '{:U("acladd")}',
                data: data.field,
                success: function(msg){
                    if( msg.code == 1 ){
                        layui.layer.close(load);
                        parent.layer.closeAll();
                    }else{
                        layui.layer.close(load);
                        parent.layer.msg(msg.msg, {
                            icon: 5,
                            shade: [0.6, '#393D49'],
                            time:1500
                        });
                    }
                }
            });
            return false;
        });


    });

</script>
{/block}