@extends('layouts.father')
@section('title', '商品相关参数编辑')
@section('body')

    <div class="x-body">
        <form class="layui-form" enctype="multipart/form-data">
            {{csrf_field()}}

            <div class="layui-form-item">
                <label for="name" class="layui-form-label">
                    <span class="x-red">*</span>名称
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="name" name="name" required="" value="{{$obj->name}}" lay-verify="required" autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <label for="name" class="layui-form-label">
                    类型
                </label>
                <div class="layui-input-inline">
                    <select name="type" @if(isset($obj->id) || $obj->pid) disabled @endif>
                        @foreach($type as $key=>$vo)
                            <option @if($obj->type == $key) selected @endif value="{{$key}}">{{$vo}}</option>
                        @endforeach
                    </select>
                </div>
            </div>

            <div class="layui-form-item">
                <label for="value" class="layui-form-label">排序</label>
                <div class="layui-input-inline">
                    <input type="text" name="sort" value="{{$obj->sort}}" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <label for="value" class="layui-form-label">显示</label>
                <div class="layui-input-block">
                    <input type="checkbox" name="show" @if(isset($obj->show) && $obj->show == 0) @else checked @endif lay-skin="switch" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="value" class="layui-form-label">是否必填</label>
                <div class="layui-input-block">
                    <input type="checkbox" name="bt" @if(isset($obj->bt) && $obj->bt == 1) checked @else  @endif lay-skin="switch" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="leimu_id" class="layui-form-label">
                    对应前台类目id
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="leimu_id" name="leimu_id" required="" value="{{$obj->leimu_id}}"  autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="gongxu_id" class="layui-form-label">
                    对应商品工序id
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="gongxu_id" name="gongxu_id" required="" value="{{$obj->gongxu_id}}"  autocomplete="off" class="layui-input">
                </div>
            </div>
                {{--新增工艺字典,用于裁剪算料，客户工艺边花型编号对应我们的工艺名称--}}
            <div class="layui-form-item">
                <label for="gongxu_id" class="layui-form-label">
                    工艺字典
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="gyzd" name="gyzd" required="" value="{{$obj->gyzd}}"  autocomplete="off" class="layui-input">
                </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" @if(str_contains($obj->pp,$t)) checked @endif name="join_system[]" value="{{$t}}" title="{{$t}}" >
                    @endforeach
                </div>
            </div>
            <input type="hidden" name="pid" value="{{$obj->pid}}">
            <input type="hidden" name="id" value="{{$obj->id}}">

            <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>
    <script>

        layui.use(['layer','form'], function(){
            $ = layui.jquery;//jquery
            form = layui.form;

          form.on('checkbox' , function(data){
            if(data.elem.checked == true){
              data.elem.checked = true

            }else{
              data.elem.checked = false;

            }

            form.render()
          })
            //监听提交
            form.on('submit(add)', function(data){
                var index = parent.layer.getFrameIndex(window.name);
                var loadIndex = layer.load(); //打开加载loading
                //发异步，把数据提交给php
                $.post("/admin/EnterprisesTypeAdd", data.field, function (res) {

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

                        // console.log(res);
                        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;
            });

        });

    </script>
    <style>
        /* 修改选中选项的背景颜色 */
        .layui-form-selected .layui-this {
            background-color: #409EFF !important; /* 你想要的颜色 */
        }
        /* 修改选项hover时的背景颜色 */
        .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