@extends('layouts.father')
@section('title')
    添加分类
@endsection
@section('body')

    <div class="x-body">
        <form action="" class="layui-form" method="post">
            {{csrf_field()}}
            <div class="layui-form-item">
                <label for="value" class="layui-form-label">
                    <span class="x-red">*</span>分类名称
                </label>
                <div class="layui-input-inline">
                    <input type="text" class="layui-input" name="name">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="value" class="layui-form-label">
                    <span class="x-red">*</span>父级ID
                </label>
                <div class="layui-input-inline">
                    <input type="text" class="layui-input" name="pid" value="{{ $pre['pid'] != "" ? $pre['pid'] : 0 }}" readonly>
                </div>
            </div>
            <div class="layui-form-item">
                <label for="value" class="layui-form-label">
                    <span class="x-red">*</span>路径
                </label>
                <div class="layui-input-inline">
                    <input type="text" class="layui-input" name="path" value="{{$pre['path']}}" readonly>
                </div>
            </div>
            <div class="layui-form-item">
                <label for="value" class="layui-form-label">
                    <span class="x-red">*</span>前台路径
                </label>
                <div class="layui-input-inline">
                    <input type="text" class="layui-input" name="qtpath" value="" >
                </div>
            </div>
            <div class="layui-form-item">
                <label for="value" class="layui-form-label">
                    <span class="x-red">*</span>前台一级路径
                </label>
                <div class="layui-input-inline">
                    <input type="text" class="layui-input" name="qtpath_one" value="" >
                </div>
            </div>
            <div class="layui-form-item">
                <label for="value" class="layui-form-label">
                    <span class="x-red">*</span>显示
                </label>
                <div class="layui-input-inline">
                    <input type="radio" class="layui-input" checked name="show" value="1">
                    <input type="radio" class="layui-input" name="show" value="0">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">图标:</label>
                <div class="layui-input-block">
                    <button type="button" class="layui-btn upload "><i class="layui-icon">&#xe67c;</i>上传图标</button>
                    <input type="hidden" name="logo" value="">
                    <div class="layui-upload-list">
                        <img class="layui-upload-img upload-img" src="" style="height: 100px;">
                        <i class="layui-icon iconfont layui-icon detail-img-icon" onclick="removeImg('logo')" >&#x1007;</i>
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">品牌:</label>
                <div class="layui-input-block">
                    @foreach($pre["join_system"] as $t)
                        <input lay-verify="required" type="checkbox" name="join_system[]" value="{{$t}}" title="{{$t}}" >
                    @endforeach
                </div>
            </div>
            @if($pre['shows'] == 1)
                    <div class="layui-form-item">
                        <label class="layui-form-label"><span class="x-red">*</span>仓库:</label>
                        <div class="layui-input-inline li_input" id="valueNull" >
                            <select name="warehouse" lay-verify="required" lay-filter="required">
                                <option value="">请选择仓库</option>
                                @foreach($pre["warehouse"] as $p)
                                <option >{{$p}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label"><span class="x-red">*</span>工厂:</label>
                        <div class="layui-input-inline li_input" id="valueNull" >
                            <select name="factory" lay-verify="required" lay-filter="required">
                                <option value="">请选择工厂</option>
                                @foreach($pre["factory"] as $p)
                                    <option >{{$p}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label"><span class="x-red">*</span>标签数量:</label>
                        <div class="layui-input-inline li_input" id="valueNull" >
                            <select name="print" lay-verify="required" lay-filter="required">
                                <option value="">请选择</option>
                                <option value="1" >按商品数量打印标签</option>
                                <option value="2" >只打印一个标签</option>
                            </select>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label"><span class="x-red">*</span>是否自营:</label>
                        <div class="layui-input-inline li_input" id="valueNull" >
                            <select name="ziyin" lay-verify="required" lay-filter="required">
                                <option value="">请选择</option>
                                <option value="1" >是</option>
                                <option value="0" >否</option>
                            </select>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label"><span class="x-red">*</span>警戒库存:</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input" name="jjstore">
                        </div>
                    </div>
            @endif
            <div class="layui-form-item">
                <label for="add" class="layui-form-label">
                </label>
                <button  id="add" class="layui-btn" lay-filter="add" lay-submit="">
                    提交
                </button>
            </div>
        </form>
    </div>
@endsection
@section('js')
    <script>
        layui.use(['layer','form','upload'], function(){
            $ = layui.jquery;//jquery
            form = layui.form
            var form = layui.form
                ,layer = layui.layer
                ,upload = layui.upload
            upload.render({
                elem: '.upload2' //绑定元素
                ,accept:"file" // 所有文件全部都可以上传
                ,acceptMime:"ico|icon" // 限制文件格式上传 => 只可以上传 ico 或者 icon 格式的文件
                ,size: 2048
                , url: '/admin/upload' //上传接口
                , data: {
                    '_token': $("input[name=_token]").val(),
                    'type': 'notice',                              // 上传文件夹 默认上传地址enterprise
                    'thumb': 0                           // 1 ，开启缩略图，0, 不开启
                }
                ,before(obj){
                    loadIndex = layer.load();
                    obj.preview(function (index , file ,result) {
                        $('.upload-ico').attr('src' , result);
                        $('.upload-ico').show();
                    })
                },
                done: function (res, index, upload) {
                    //上传完毕回调
                    layer.close(loadIndex); //关闭加载loading
                    if (res.status == 1) {
                        $(".upload2").addClass("x-disable");
                        $(".upload-ico").parent().removeClass('dn');
                        layer.msg(res.msg, {icon: 6, time: 1000});
                        $("input[name=ico]").val(res.data.filename);
                    }
                }
                , error: function (error, upload) {
                    //请求异常回调
                    console.log(error);
                    layer.close(loadIndex); //关闭加载loading
                }
            });

            upload.render({
                elem: '.upload' //绑定元素
                ,size: 2048
                , url: '/admin/upload' //上传接口
                , data: {
                    '_token': $("input[name=_token]").val(),
                    'type': 'notice',                              // 上传文件夹 默认上传地址enterprise
                    'thumb': 0                           // 1 ，开启缩略图，0, 不开启
                }
                , before: function (obj) { //obj参数包含的信息，跟 choose回调完全一致，可参见上文。
                    loadIndex = layer.load(); //上传loading
                    obj.preview(function (index, file, result) {
                        $('.upload-img').attr('src', result); //图片链接（base64）
                        $('.upload-img').show();
                    });
                }
                , done: function (res, index, upload) {
                    //上传完毕回调
                    layer.close(loadIndex); //关闭加载loading
                    if (res.status == 1) {
                        $(".upload").addClass("x-disable");
                        $(".upload-img").parent().removeClass('dn');
                        layer.msg(res.msg, {icon: 6, time: 1000});
                        $("input[name=logo]").val(res.data.filename);

                    }
                }
                , error: function (error, upload) {
                    //请求异常回调
                    console.log(error);
                    layer.close(loadIndex); //关闭加载loading
                }
            });
            //监听提交
            form.on('submit(add)', function(data){

                var index = parent.layer.getFrameIndex(window.name);
                var loadIndex = layer.load(); //打开加载loading
                //发异步，把数据提交给php
                $.post("/admin/addSon/{{$pre['path']}}", data.field, function (res) {

                    layer.close(loadIndex); //关闭加载loading
                    //发异步，把数据提交给php
                    if(res.status == 1) {

                        layer.alert(res.msg, {icon: 6},function () {
                            // 关闭当前frame
                            parent.location.reload();
                            parent.layer.close(index);
                        });

                    } else {

                        layer.alert(res.msg, {icon: 5});
                    }

                }, "json");
                return false;
            });
        });

            /*删除主图或者附图*/
            function removeImg(className) {
                var url = "/admin/picDelete?path="+$('input[name='+className+']').val();

                layer.confirm('确认要删除吗？',function(index){ //删除服务器上的图片
                    $.get(url, function (res) {
                        // 发异步，把数据提交给php
                        if (res.status == 1) {

                            $('input[name='+className+']').val(""); // 删除input 图片路径

                            // 恢复选择图片按钮 可点击
                            var btn = $('input[name='+className+']').parent().children("button");
                            btn.removeClass("x-disable");

                            //视图移除图片
                            var pic =$('input[name='+className+']').parent().children('.layui-upload-list');
                            pic.addClass('dn');
                            //发异步把用户状态进行更改
                            layer.msg(res.msg,{icon: 6,time:1000});

                        } else {

                            layer.alert(res.msg, {icon: 5});
                        }
                    });
                });
            }

    </script>
@endsection