@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" style="display: flex;align-items: center">
                <label for="code" class="layui-form-label">
                    当前返修工序：
                </label>
                <input type="text" id="code" readonly name="code" required="" value="{{$repair->process}}" autocomplete="off" class="layui-input">
            </div>

{{--            <div class="layui-form-item" style="display: flex;align-items: center">--}}
{{--                <label for="code" class="layui-form-label">--}}
{{--                    修改返修工序：--}}
{{--                </label>--}}
{{--                <select name="process" class="select-1">--}}
{{--                    @foreach($process as $k=>$s)--}}
{{--                        <option>{{$s}}</option>--}}
{{--                    @endforeach--}}
{{--                </select>--}}
{{--            </div>--}}
{{--            <div class="layui-form-item" style="display: flex;align-items: center">--}}
{{--                <label for="remark" class="layui-form-label">--}}
{{--                    返修备注：--}}
{{--                </label>--}}
{{--                <input type="text" id="code" name="remark" required="" value="{{$repair->remark}}" autocomplete="off" class="layui-input" lay-verify="required">--}}
{{--            </div>--}}
            <input type="text" id="id" name="id"  value="{{$repair->id}}" style="display:none">
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <input type="radio" @if($repair->type=="1")checked @endif name="type" value="无责" lay-filter="experience" title="无责">
                    <input type="radio"  @if($repair->type==="2") checked @elseif($repair->type===""||$repair->type===null) checked @endif name="type" value="具体责任工序" lay-filter="experience" title="具体责任工序">
                    <input type="radio"   @if($repair->type==="3")checked  @endif value="工人平摊" name="type" lay-filter="experience" title="工人平摊">
                </div>
            </div>
            <div class="layui-form-item" style="display: flex;align-items: center" id="gx">
                <label for="code" class="layui-form-label">
                    责任工序：
                </label>
                <select name="code" class="select-1" lay-filter="process" id="realgx">
{{--                    @foreach($data as $k=>$s)--}}
{{--                        <option>{{$k}}</option>--}}
{{--                    @endforeach--}}
                    <option {{ $repair->code === "" ? 'selected' : '' }} value="">请选择</option>
                    @foreach($process as $p)
                        <option {{ $repair->code === $p ? 'selected' : '' }}>{{$p}}</option>
                    @endforeach

                </select>
            </div>
            <div class="layui-form-item" style="display: flex;align-items: center">
                <label for="remark" class="layui-form-label">
                    评价：
                </label>
                <input type="text" id="code1" name="pj" required=""  @if($repair->pj!=null&&$repair->pj!="") value="{{$repair->pj}}" @else value="" @endif autocomplete="off" class="layui-input" >
            </div>
            <div class="layui-form-item" style="display: flex;align-items: center" id="fk">
                <label for="remark" class="layui-form-label">
                    罚款金额：
                </label>
                <input type="text" id="code2" name="money" required="" @if($repair->money!=null&&$repair->money!="") value="{{$repair->money}}" @else value="" @endif  autocomplete="off" class="layui-input" >
            </div>
            <div class="layui-form-item" style="display: flex;align-items: center" id="gh">
                <label for="remark" class="layui-form-label">
                    工号：
                </label>
                    <input type="text" id="code3" name="ids" required=""  @if($repair->gonghao!=null&&$repair->gonghao!="") value="{{$repair->gonghao}}" @else value="" @endif autocomplete="off" class="layui-input" readonly>
            </div>
            <div class="message" id="mess">*工号使用英文逗号隔开</div>
            <div class="layui-form-item" style="display: flex;align-items: center" id="xm">
                <label for="remark" class="layui-form-label">
                    姓名：
                </label>
            {{-- 必填lay-verify="required"--}}
                <input type="text" id="code4" name="name" required=""  @if($repair->gongren!=null&&$repair->gongren!="") value="{{$repair->fine}}" @else value="" @endif autocomplete="off" class="layui-input" readonly>
            </div>
            <div class="layui-form-item" style="display: flex;align-items: center" id="kk">
                <label for="remark" class="layui-form-label">
                    扣款金额：
                </label>
                <input type="text" id="koukuan"  required="" @if($repair->fine!=null&&$repair->fine!="") value="{{$repair->fine}}" @else value="" @endif @endifvalue="" autocomplete="off" class="layui-input" readonly >
            </div>
            <div class="layui-form-item" style="width: 100%;text-align: center;margin-top: 20px">
                <button  id="add" class="layui-btn" lay-filter="add" lay-submit="" style="width: 200px !important;">
                    提交
                </button>
            </div>
        </form>
    </div>
    <script>
        (function() {
            // 保存原始的 console.log 方法
            const originalConsoleLog = console.log;

            // 重写 console.log 方法
            console.log = function(...args) {
                // 调用原始的 console.log 方法
                originalConsoleLog.apply(console, args);

                // 通过 postMessage 发送日志到父页面
                window.parent.postMessage({
                    type: 'console.log',
                    args: args
                }, '*'); // 在实际应用中应指定可信赖的目标源
            };
        })();

            layui.use(['layer','form'], function(){
            $ = layui.jquery;//jquery
            var form = layui.form;
                // 初始化渲染
                form.render('select');
                // 获取初始选项的值
                var initialValue = document.getElementById('realgx').value;
                @foreach($data as $k=>$s)
                if(initialValue==="{{$k}}"){
                    document.getElementById('code3').value="{{$data[$k][0]}}";
                    document.getElementById('code4').value="{{$data[$k][1]}}";
                }
                @endforeach
                form.on('select(process)', function(data){
                    if(data.value==="请选择"){
                        document.getElementById('code1').value= "";
                        document.getElementById('code2').value= "";
                        document.getElementById('code3').value="";
                        document.getElementById('code4').value="";
                        document.getElementById('koukuan').value= ""
                    }else {
                        @foreach($data as $k=>$s)
                        if(data.value==="{{$k}}"){
                            document.getElementById('code3').value="{{$data[$k][0]}}";
                            document.getElementById('code4').value="{{$data[$k][1]}}";
                        }
                        @endforeach
                    }

                });


                var checkedRadio = $('input[name="type"]:checked');
                if(checkedRadio.val()=="无责"){
                    document.getElementById('code1').value= "{{$repair->pj}}";
                    document.getElementById('code3').value="";
                    document.getElementById('code4').value=""
                    document.getElementById('koukuan').value= ""
                    $('.message').hide();
                    $('#kk').hide();
                    $('#gx').hide();
                    $('#fk').hide();
                    $('#gh').hide();
                    $('#xm').hide();
                }else if(checkedRadio.val()=="工人平摊"){
                    document.getElementById('code1').value="{{$repair->pj}}";
                    document.getElementById('code3').value="{{$repair->gonghao}}";
                    document.getElementById('code2').value= "{{$repair->money}}";
                    document.getElementById('koukuan').value= "{{$repair->fine}}"
                    $('.message').show();
                    $('#code3').removeAttr('readonly');
                    $('#kk').show();
                    $('#gx').hide();
                    $('#fk').show();
                    $('#gh').show();
                    $('#xm').hide();
                }else {
                    document.getElementById("realgx").value="{{$repair->code}}"
                    document.getElementById('code1').value= "{{$repair->pj}}";
                    let select = document.getElementById('realgx').value;
                    @foreach($data as $k=>$s)
                    if(select==="{{$k}}"){
                        document.getElementById('code3').value="{{$data[$k][0]}}";
                        document.getElementById('code4').value="{{$data[$k][1]}}";
                    }
                    @endforeach
                    document.getElementById('koukuan').value= "{{$repair->fine}}"
                    $('#code3').attr("readonly","readonly")
                    $('.message').show();
                    $('#kk').show();
                    $('#gx').show();
                    $('#fk').show();
                    $('#gh').show();
                    $('#xm').show();
                }
                form.on('radio(experience)', function(data){
                    if(data.value=="无责"){
                        document.getElementById('code1').value= "{{$repair->pj}}";
                        document.getElementById('code3').value="";
                        document.getElementById('code4').value=""
                        document.getElementById('koukuan').value= ""
                        $('.message').hide();
                        $('#kk').hide();
                        $('#gx').hide();
                        $('#fk').hide();
                        $('#gh').hide();
                        $('#xm').hide();
                    }else if(data.value=="工人平摊"){
                        document.getElementById('code1').value= "{{$repair->pj}}";
                        document.getElementById('code3').value="{{$repair->gonghao}}";
                        document.getElementById('code2').value= "{{$repair->money}}";
                        document.getElementById('koukuan').value= "{{$repair->fine}}"
                        $('#code3').removeAttr('readonly');
                        $('.message').show();
                        $('#kk').show();
                        $('#gx').hide();
                        $('#fk').show();
                        $('#gh').show();
                        $('#xm').hide();
                    }else {
                            document.getElementById("realgx").value="{{$repair->code}}"
                            document.getElementById('code1').value= "{{$repair->pj}}";
                            document.getElementById('code3').value="{{$repair->gonghao}}";
                            document.getElementById('code4').value="{{$repair->gongren}}";
                            document.getElementById('koukuan').value= "{{$repair->fine}}"
                        $('#code3').attr("readonly","readonly")
                        $('.message').show();
                        $('#kk').show();
                        $('#gx').show();
                        $('#fk').show();
                        $('#gh').show();
                        $('#xm').show();
                        form.render('select');
                    }

                    // 在此处添加处理逻辑
                });



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

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

                        // console.log(res);
                        layer.alert(res.msg, {icon: 6},function () {
                            // 关闭当前frame
                            console.log("关闭");
                           location.reload();
                            // parent.layer.close(index);
                        });

                    } else {

                        layer.alert(res.msg, {icon: 5});
                    }

                }, "json");
                return false;
            });

        });



    </script>
    <style>
        .layui-form-label{
            width: 150px;
        }
        .select-1, .layui-form-select{
            width: 100%;
        }
        .message {
            color: red;
            font-size: 12px;
            margin-left: 135px;
            margin-top: -15px;
            margin-bottom: 5px;
        }
    </style>
    <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