@extends('layouts.father')
@section('title', '自定义字段')
@section('body')
    {{--<a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="/admin/setDetail?id={{$custom->id}}" title="刷新">
        <i class="layui-icon" style="line-height:30px">&#xe669;</i></a>--}}
    <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="{{$custom->name}}" lay-verify="required"autocomplete="off" class="layui-input">
                    </div>
                    <input type="hidden" name="id" value="{{$custom->id}}">
                </div>
                <div class="layui-form-item" style="display: flex;align-items: center">
                    <label for="name" class="layui-form-label">
                        <span class="x-red">*</span>自定义类型：
                    </label>
                    <div class="">
                        <input type="radio" name="type" @if($custom->type == '下拉型') checked @endif value="下拉型" title="下拉型">
                        <input type="radio" name="type" @if($custom->type == '自定义输入') checked @endif value="自定义输入" title="自定义输入">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="" style="width: 80%;margin-left: 5%">
                        <span class="x-red">*</span>自定义内容（下拉型需要用英文逗号间隔值）：
                    </div>
                    <div style="width: 80%;margin-left: 5%">
                        <textarea type="text" id="remark" name="contents" autocomplete="off" class="layui-textarea">{{$custom->content}}</textarea>
                    </div>
                </div>
                <div class="layui-form-item" style="display: flex">
                    <label for="value" class="layui-form-label" style="width: 12%">
                        <span class="x-red">*</span>应用：
                    </label>
                    <div class="" style="width: 300px">
                        <input type="radio" @if($custom->bills == '采购单') checked  @endif @if($custom->id) disabled @endif name="bills" value="采购单" title="采购单">
                        <input type="radio" @if($custom->bills == '到货单') checked  @endif @if($custom->id) disabled @endif name="bills" value="到货单" title="到货单">
                        <input type="radio" @if($custom->bills == '退货单') checked  @endif @if($custom->id) disabled @endif name="bills" value="退货单" title="退货单">
                        <input type="radio" @if($custom->bills == '出库单') checked  @endif @if($custom->id) disabled @endif name="bills" value="出库单" title="出库单">
                        <input type="radio" @if($custom->bills == '入库单') checked  @endif @if($custom->id) disabled @endif name="bills" value="入库单" title="入库单">
                        <input type="radio" @if($custom->bills == '调拨单') checked  @endif @if($custom->id) disabled @endif name="bills" value="调拨单" title="调拨单">
                        <input type="radio" @if($custom->bills == '付款单') checked  @endif @if($custom->id) disabled @endif name="bills" value="付款单" title="付款单">
                        <input type="radio" @if($custom->bills == '售后单') checked  @endif @if($custom->id) disabled @endif name="bills" value="售后单" title="售后单">
                        <input type="radio" @if($custom->bills == '生产订单') checked  @endif @if($custom->id) disabled @endif name="bills" value="生产订单" title="生产订单">
                        <input type="radio" @if($custom->bills == '装箱单') checked  @endif @if($custom->id) disabled @endif name="bills" value="装箱单" title="装箱单">
                    </div>
                </div>
            <div class="layui-form-item" style="width: 100%;text-align: center">
                <span style="color: #0baae4">*只能单选，一旦保存之后不可修改</span>
            </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
                var id = $("input[name=id]").val()
                if(id == ''){
                    url = "/admin/setDetail";
                }else{
                    url = "/admin/setEdit";
                }
                //发异步，把数据提交给php
                $.post(url, 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-label{
            width: 100px;
        }
    </style>
@endsection