@extends('layouts.father')
@section('title', '工序管理添加')
@section('body')
    <style>
        .top-div{
            width: 100%;
            border-bottom: 1px solid #333333;
            padding: 0 0 10px 0;
        }
    </style>
    {{--<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" style="display: flex;">
                <label for="name" class="layui-form-label" style="text-align: left">
                    <span class="x-red">*</span>工序名称：
                </label>
                <input type="hidden" name="id" value="{{ $Obj->id }}">
                <div class="layui-input-inline">
                    <select name="process" lay-search lay-filter="selected">
                        @foreach($process as $p)
                            <option @if(isset($Obj->process) && $Obj->process == $p ) selected @endif value="{{$p}}">{{$p}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="layui-form-item" style="display: flex;">
                <label for="name" class="layui-form-label" style="text-align: left">
                    强制字符：
                </label>
                <div class="layui-input-inline">
                    <input type="text" name="qzzf" value="{{ $Obj->qzzf }}" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item" style="display: flex;">
                <label for="name" class="layui-form-label" style="text-align: left">
                    工价：
                </label>
                <div class="layui-input-inline">
                    <input type="text" name="price" value="{{ $Obj->price }}" class="layui-input readonlyInput" readonly>
                </div>
            </div>
            <div class="layui-form-item" style="display: flex;">
                <label for="name" class="layui-form-label" style="text-align: left">
                    工价2：
                </label>
                <div class="layui-input-inline">
                    <input type="text" name="price2" value="{{ $Obj->price2 }}" class="layui-input readonlyInput" readonly>
                </div>
            </div>
            <div class="layui-form-item" style="display: flex;">
                <label for="name" class="layui-form-label" style="text-align: left">
                    工价3：
                </label>
                <div class="layui-input-inline">
                    <input type="text" name="price3" value="{{ $Obj->price3 }}" class="layui-input readonlyInput" readonly>
                </div>
            </div>
            <div class="layui-form-item" style="display: flex;">
                <label for="name" class="layui-form-label" style="text-align: left">
                    工价4：
                </label>
                <div class="layui-input-inline">
                    <input type="text" name="price4" value="{{ $Obj->price4 }}" class="layui-input readonlyInput" readonly>
                </div>
            </div>
            <div class="layui-form-item" style="display: flex;">
                <label for="name" class="layui-form-label" style="text-align: left">
                    工价5：
                </label>
                <div class="layui-input-inline">
                    <input type="text" name="price5" value="{{ $Obj->price5 }}" class="layui-input readonlyInput" readonly>
                </div>
            </div>
            <div class="layui-form-item" style="display: flex;">
                <label for="name" class="layui-form-label" style="text-align: left">
                    工价类型：
                </label>
                <div class="layui-input-inline">
                    <input type="text" name="type" value="{{ $Obj->type }}" class="layui-input readonlyInput" readonly>
                </div>
            </div>
            <div class="layui-form-item" style="display: flex;">
                <label for="name" class="layui-form-label" style="text-align: left">
                    12点前应做套数：
                </label>
                <div class="layui-input-inline">
                    <input type="text" name="morning" value="{{ $Obj->morning }}" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item" style="display: flex;">
                <label for="name" class="layui-form-label" style="text-align: left">
                    12点-4点前应做套数：
                </label>
                <div class="layui-input-inline">
                    <input type="text" name="afternoon" value="{{ $Obj->afternoon }}" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item" style="display: flex;">
                <label for="name" class="layui-form-label" style="text-align: left">
                    4点-19点前应做套数：
                </label>
                <div class="layui-input-inline">
                    <input type="text" name="night" value="{{ $Obj->night }}" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item" style="display: flex;">
                <label for="name" class="layui-form-label" style="text-align: left">
                    工艺类型：
                </label>
                <div class="layui-input-inline">
                    <input type="text" name="gytype" value="{{ $Obj->gytype }}" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item" style="display: flex;">
                <label for="name" class="layui-form-label" style="text-align: left;width: 100px">
                    绑定设备码：
                </label>
                <select name="imei">
                    <option value="">请选择设备码</option>
                    @if(isset($Obj->imei))
                        <option value="{{ $Obj->imei }}" selected>{{ $Obj->imei }}</option>
                    @endif
                    @foreach($imei as $i)
                        <option value="{{$i}}">{{$i}}</option>
                    @endforeach
                </select>
            </div> <div class="layui-card-body">
                <label class="layui-form-label" style="text-align: left;width: 100px">自动打印:</label>
                <input type="checkbox"  name="automatic" lay-skin="switch">
            </div>
            <div class="layui-card-body">
                <label class="layui-form-label" style="text-align: left;width: 100px">不允许扫描带“-”的条码:</label>
                <input type="checkbox" @if($Obj->gang == 1) checked @endif name="gang" lay-skin="switch">
            </div>

            <div class="layui-form-item" style="width: 100%;margin: 20px 0 0 120px">
                <button  id="add" class="layui-btn" lay-filter="add" lay-submit="">
                    添加
                </button>
            </div>
        </form>
    </div>
    <script>
      setTimeout(() => {
        if(window.frameElement.src.includes('id')){
          layui.use('form', function(){
            var form = layui.form;
            $('select[name=process]').attr("disabled","disabled")
            form.render('select');
          });
          // 如果有就是编辑
        }
      } , 200)

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

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

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

            form.on('select(selected)' ,  function(data){
              let value = data.value;
              $.get('/admin/getProcessPrice?process='+value , function(res) {
                [...$('input[name^=price]')].forEach((item , index ) => {
                  if(index === 0){
                    $(item).val(res.price)
                  }else{
                    $(item).val(res[`price${index+1}`])
                  }
                })

                $('input[name^=type]').val(res.type)
                $('input[name^=gytype]').val(res.gytype)

              })
            })

        });

      $("#lift").click(() => {
        $(".readonlyInput").attr('readonly' , false);
        return false;
      })

    </script>
    <style>
        .layui-form-label{
            width: 100px;
        }
    </style>
@endsection