@extends('layouts.father')
@section('title')修改分类
@endsection
@section('body')

    <div class="x-body">
        <form action="" class="layui-form" method="post">
            {{csrf_field()}}
            <input type="hidden" name="id" value="{{$categorys->id}}">
            <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" value="{{$categorys->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="{{$categorys->pid}}" 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="{{$categorys->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="{{$categorys->qtpath}}" >
                </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="{{$categorys->qtpath_one}}" >
                </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" @if($categorys->show == 1) checked @endif class="layui-input" checked name="show" value="1">
                    <input type="radio" @if($categorys->show == 0) checked @endif 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 @if(isset($categorys->logo) && $categorys->logo != '') x-disable @endif"><i class="layui-icon">&#xe67c;</i>上传图标</button>
                    <input type="hidden" name="logo" value="{{ $categorys->logo or '' }}">
                    <div class="layui-upload-list @if(!(isset($categorys->logo) && $categorys->logo != '')) dn @endif">
                        <img class="layui-upload-img upload-img" src="@if(isset($categorys->logo) && $categorys->logo != '') {{ env('OSS_HOST').$categorys->logo }} @endif" 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($join_system as $t)
                        <input lay-verify="required" type="checkbox" name="join_system[]" @if(str_contains($categorys->pp,$t)) checked @endif value="{{$t}}" title="{{$t}}" >
                    @endforeach
                </div>
            </div>
            @if($categorys->shows == 1)
                <div class="layui-form-item">
                    <label class="layui-form-label"><span class="x-red"></span>仓库:</label>
                    <div class="layui-input-inline" id="valueNull" >
                        <select name="warehouse" lay-verifys="required" lay-filter="required">
                            <option value="">请选择仓库</option>
                            @foreach($warehouse as $p)
                                <option @if($p == $categorys->warehouse) selected @endif >{{$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" id="valueNull" >
                        <select name="factory" lay-verifys="required" lay-filter="required">
                            <option value="">请选择工厂</option>
                            @foreach($factory as $p)
                                <option @if($p == $categorys->factory) selected @endif >{{$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 @if($categorys->print == 1) selected @endif  value="1">按商品数量打印标签</option>
                            <option @if($categorys->print == 2) selected @endif 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" @if($categorys->ziyin == 1) selected @endif >是</option>
                            <option value="0" @if($categorys->ziyin == 0) selected @endif>否</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" value="{{$categorys->jjstore}}">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">包邮参数:</label>
                    <div class="layui-input-inline">
                        <select name="express" lay-verifys="required" lay-filter="required">
                            <option value="">请选择包邮参数</option>
                            @foreach($express as $k => $e)
                                <option @if($k == $categorys->express) selected @endif >{{ $k }}</option>
                            @endforeach
                        </select>
                        {{--<input type="text" class="layui-input" name="express" value="{{$categorys->express}}">--}}
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="value" class="layui-form-label">
                        运费参数
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" class="layui-input" placeholder="单位为克" name="freight" value="{{$categorys->freight}}">
                    </div>
                </div>
            @endif
            <div class="layui-form-item">
                <label for="add" class="layui-form-label">
                </label>
                <button  id="add" class="layui-btn" lay-filter="edit" lay-submit="">
                    修改
                </button>
            </div>
        </form>
    </div>

@endsection
@section('js')
    <script>
        layui.use(['layer','form','upload'], function(){
            $ = layui.jquery;//jquery
            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(edit)', function(data){

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


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

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

                    } else {

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

                }, "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>
    <style>

        .layui-form-selected .layui-this {
            background-color: #409EFF !important;
        }

        .layui-form-selected dl dd:hover {
            background-color:  #409EFF;
        }

        .layui-form-selected .layui-select-title {
            background-color: #409EFF;
        }
        .layui-input {
            border-radius: 5px;

        }
        .layui-input:focus {
            outline: 1px solid rgba(64, 158, 255, 0.2);

        }
        .clor{
            background:#f3f3f3 !important;
        }
        thead tr {
            background-color:#f3f3f3 !important;
        }
        .layui-form-checked i {
            background-color:#409EFF !important;
            border-color:#409EFF !important;
            color:white !important ;
        }
        .layui-form-checked[lay-skin=primary] i {
            border-color:#409EFF !important;
        }
        .layui-form-checkbox[lay-skin=primary] i:hover {
            border-color:#409EFF !important;
        }
        .layui-form-checkbox i {
            border-left-style: solid;
            border-left-width: 1px;
            border-left-color: rgb(210, 210, 210);
        }
        .layui-form-onswitch {
            border-color: #409EFF;
            background-color: #409EFF;
            border-radius: 15px
        }
        .layui-btn-disabled {
            background: rgba(0, 0, 0, .1) !important;
            color: #333 !important;
        }

        .layui-btn{
            border-color: #409EFF !important;
            background-color: #409EFF !important;
        }
        .layui-form-onswitch {
            border-color: #409EFF !important;
            background-color: #409EFF !important;
            border-radius: 15px
        }
        .layui-btn-disabled {
            background: rgba(0, 0, 0, .1) !important;
            color: #333 !important;
        }
        .layui-btn{
            border-color: #409EFF !important;
            background-color: #409EFF !important;
        }
        .layui-form-radio>i:hover, .layui-form-radioed>i {
            color: #409EFF !important;
        }
        .layui-form-checked span, .layui-form-checked:hover span {
            background-color: #409EFF !important;
        }
        .layui-btn{
            border-color: #409EFF !important;
            background-color: #409EFF !important;
            border-radius: 5px !important;
        }
        .layui-input {
            border-radius: 5px !important;

        }
    </style>
@endsection