@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()}}
            <input type="hidden" name="id" value="{{ $Obj->id }}">
            <input type="hidden" name="process" value="{{ $Obj->process }}">
            <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" >
                </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" >
                </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" >
                </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" >
                </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" >
                </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" >
                </div>
            </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/processPriceAdd", 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