@extends('layouts.father')
@section('title', '商品规格添加')
@section('body')

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

            @if($obj)
                <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="" disabled value="{{$obj->name}}" lay-verify="required"autocomplete="off" class="layui-input layui-btn-disabled">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="name" class="layui-form-label">
                        规格类型
                    </label>
                    <div class="layui-input-inline">
                        <select name="type" disabled>
                            @foreach($types 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">
                        <span class="x-red">*</span>规格属性
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" id="value" name="value" required="" lay-verify="required" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="value" class="layui-form-label">
                        打折倍数
                    </label>
                    <div class="layui-input-inline">
                        <input type="number" id="dazhe" name="dazhe" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="value" class="layui-form-label">
                        计算参数
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" id="jisuan" name="jisuan" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="moxing" class="layui-form-label">
                        区间最大值算法
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" id="moxing" name="moxing" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="moxingc" class="layui-form-label">
                        额外加参算法
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" id="moxingc" name="moxingc" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="moxing_chen" class="layui-form-label">
                        额外乘参算法
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" id="moxing_chen" name="moxingc" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="value" class="layui-form-label">是否自定</label>
                    <div class="layui-input-block" style="line-height: 38px">
                        <input type="checkbox" name="diy" lay-skin="switch" lay-text="开启|关闭" lay-filter="d" class="layui-input">
                    </div>
                    <label for="" class="layui-form-label">是否必填:</label>
                    <div class="layui-input-inline" style="line-height: 38px">
                        <input type="checkbox" name="required" lay-skin="switch" @if($obj->type == 1) checked disabled="disabled" @endif lay-text="是|否" class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item layui-hide" id="rule">
                    <label for="value" class="layui-form-label">
                        <span class="x-red">*</span> 计算规则
                    </label>
                    <div class="layui-input-block"  style="margin-bottom: 20px">
                        <select  name="rule"  class="layui-input">
                            @foreach($rule as $vo)
                                <option value="{{$vo->id}}">{{$vo->name}}</option>
                            @endforeach
                        </select>
                    </div>
                    <label for="value" class="layui-form-label">
                        <span class="x-red">*</span> 下拉选项
                    </label>
                    <div class="layui-input-block">
                        <input type="text" id="option" name="option" autocomplete="off" class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label for="value" class="layui-form-label">
                        排序
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" id="sort" name="sort" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <input type="hidden" name="pid" value="{{$obj->id}}">
            @else
                <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="" 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">
                            @foreach($types as $key=>$vo)
                                <option value="{{$key}}">{{$vo}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
            @endif

            <div class="layui-form-item">
                <label for="remark" class="layui-form-label">
                    规格说明
                </label>
                <div class="layui-input-block">
                    <textarea type="text" id="remark" name="remark" autocomplete="off" class="layui-textarea"></textarea>
                </div>
            </div>
            <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('switch(d)', function(data){
                // console.log(data.elem.checked); //开关是否开启，true或者false
                if(data.elem.checked) {
                    $("#rule").removeClass("layui-hide");
                } else {
                    $("#rule").addClass("layui-hide");
                }
            });

            //监听提交
            form.on('submit(add)', function(data){

                // console.log(data.field);
                var index = parent.layer.getFrameIndex(window.name);
                var loadIndex = layer.load(); //打开加载loading
                //发异步，把数据提交给php
                $.post("/admin/normsTypeAdd", 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>

@endsection