{include file="Public:header2"/}
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header">添加福利屋</div>
                <div class="layui-card-body">
                    <form class="layui-form" action="" method="post">
                        <div class="layui-form-item">
                            <label class="layui-form-label">名称</label>
                            <div class="layui-input-block">
                                <input type="text" name="name" required lay-verify="required" placeholder="请输入名称" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">图片</label>
                            <div class="layui-input-block">
                                <button type="button" class="layui-btn" id="image">
                                    <i class="layui-icon">&#xe67c;</i>上传图片
                                </button>
                                <input type="hidden" name="image" value="">
                                <div class="layui-upload-list">
                                    <img class="layui-upload-img" id="imagePreview" style="max-width: 200px; max-height: 100px;">
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">跳转路径</label>
                            <div class="layui-input-block">
                                <input type="text" name="url" required lay-verify="required" placeholder="请输入跳转路径" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">排序</label>
                            <div class="layui-input-block">
                                <input type="number" name="sort" value="0" required lay-verify="required|number" placeholder="请输入排序" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">状态</label>
                            <div class="layui-input-block">
                                <input type="checkbox" name="status" lay-skin="switch" lay-text="启用|禁用" checked>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-input-block">
                                <button class="layui-btn" lay-submit lay-filter="formSubmit">立即提交</button>
                                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
{include file="Public:footer"/}
<script>
layui.use(['form', 'upload'], function(){
    var form = layui.form;
    var upload = layui.upload;
    
    // 执行实例
    var uploadInst = upload.render({
        accept: 'image'
        ,elem: '#image' // 绑定元素
        ,url: '/admin/picture' // 上传接口
        ,done: function(res){
            // 上传完毕回调
            if(res.status == 1){ // 成功
                layer.msg("上传成功", {icon:1, time:1000}, function(){
                    $("#imagePreview").attr("src", res.data.path);  // 单图
                    $("input[name=image]").val(res.data.imgurl);
                });
            } else { // 失败
                layer.msg(res.msg, {icon:2, anim:6, time:1500});
            }
        }
        ,error: function(){
            // 请求异常回调
            layer.msg('服务繁忙，请稍后再试', {icon:2, anim:6, time:1500});
        }
    });
    
    form.on('submit(formSubmit)', function(data){
        $.ajax({
            url: '/admin/welfare_house_add',
            type: 'post',
            data: data.field,
            dataType: 'json',
            success: function(res){
                if(res.status == 1){
                    layer.msg(res.msg, {icon: 1, time: 1000}, function(){
                        window.location.href = '/admin/welfare_house';
                    });
                }else{
                    layer.msg(res.msg, {icon: 2, anim: 6, time: 1500});
                }
            }
        });
        return false;
    });
});
</script>