@extends('layouts.crm')
@section('title')添加考评@endsection
@section('header')
    <style>
        .my-logo{
            width: 112px;
            height: 142px;
        }
        .hidden{
            display: none;
        }
        .score{
            width: 80px;
            padding: 5px 10px;
        }

    </style>
@endsection
@section('navbread')
    {{-- */ $navbread = [
        ['name' => '教职工考评', 'href' =>  ''],
        ['name' => '评价表设置', 'href' =>  ''],

        ] /* --}}
@endsection
@section('body')

    <div class='nav-box-2 clearfix'>
        <div style='text-align: center;margin-top:20px;height:40px;line-height:40px;' class='nav-box'>
            <label for="">评价表名称：</label>
            <input style='width:357px;' type="text" name="title" required  lay-verify="required" placeholder="请输入评价表名称" autocomplete="off" class="layui-input">
        </div>
        
    </div>

    <div style='position:relative;margin-bottom:10px;' class='c-table evaluation-table '>
        <div style='line-height:30px;margin-top:15px;' class='avaluation-date-box clearfix'>
            <div class='p-l'>
                <label for="">评价结束日期：</label>
                <input id='avaluation_end_date' style='display:inline-block;width:150px;height:30px;' type="text" name="over_at" required  lay-verify="required" placeholder="请选择日期" autocomplete="off" class="layui-input">
                <span style='position: absolute;left:225px;top:0px;' class='layui-icon'>&#xe637;</span>
            </div>
            @if(hasPower('review::addReview'))
            <div class='p-r'>
                <button style='margin-left:10px;' class='layui-btn layui-btn-info save' id="save">保存</button>
            </div>
            @endif
        </div>
        <table style='width:97%;' class="layui-table">
            <colgroup>
                <col width="12%">
                <col width="20%">
                <col width="10%">
                <col width="20%">
                <col width="30%">
                <col width="12%">
                <col>
            </colgroup>
            <thead>
            <tr>
                <th>序号</th>
                <th>评价项目</th>
                <th>权重（分）</th>
                <th>参考指标</th>
                <th>评价选项</th>
                {{--<th>操作</th>--}}
            </tr>
            </thead>
            <tbody class='c-tbody'>
            <tr>
                <td>1</td>
                <td>
                    <textarea name="title" placeholder="请输入评价内容"></textarea>
                </td>
                <td><input type="number" name="score" class="score"></td>
                <td>
                    <textarea name="normal" placeholder="请输入内容"></textarea>
                </td>
                <td>
                    @foreach($review_option as $k=>$v)
                        <div class="avaluation-item">
                            <input  type="checkbox" name="id" value="{{ $k }}">
                            <span>{{ $v }}、</span>
                            <input name="title" style='padding:0 5px;width:70px;' type="text" placeholder="请输入">
                        </div>
                    @endforeach
                </td>
                {{--<td>--}}
                    {{--<a href="">删除</a>--}}
                {{--</td>--}}
            </tr>
            </tbody>
        </table>
        <div class='operation-box'>
            <span class='add'>+</span>
            <span class='minus'>-</span>
        </div>
    </div>

    <script type="text" id="add-question">
        <tr>
        <td>$$num</td>
        <td>
        <textarea name="title" placeholder="请输入评价内容"></textarea>
            </td>
            <td><input type="number" name="score" class="score"></td>
            <td>
            <textarea name="normal" placeholder="请输入内容"></textarea>
            </td>
            <td>
            @foreach($review_option as $k=>$v)
                <div class="avaluation-item">
                    <input  type="checkbox" type="checkbox" name="id" value="{{ $k }}">
                    <span>{{ $v }}、</span>
                    <input name="title" style='padding:0 5px;width:70px;' type="text" placeholder="请输入">
                </div>
            @endforeach
            </td>
            <td>
            <a href="">删除</a>
            </td>
            </tr>

    </script>

@section('footer')
@endsection
<script src="{{ asset('/crm/js/layui/layui.all.js') }}"></script>
<script src="{{ asset('/crm/js/jquery-3.2.1.min.js') }}"></script>
<script src="{{ asset('/crm/js/jq_extend.js') }}"></script>
<script src="{{ asset('/crm/js/main.js') }}"></script>
<script>
    layui.use('laydate', function(){
        var laydate = layui.laydate;

        //执行一个laydate实例
        laydate.render({
            elem: '#avaluation_end_date' //指定元素
        });
    });

    $(".operation-box").on("click",".add",function(){
        var html = $("#add-question").html();
        var length = $(".evaluation-table .c-tbody").find("tr").length;
        html = html.replace(/\$\$num/g, length+1)
        $(".evaluation-table .c-tbody").append(html);
    });

    //删除一个评价表（尾部删除）
    $(".operation-box").on("click",".minus",function(){
        var length = $(".evaluation-table .c-tbody").find("tr").length;
        $(".evaluation-table .c-tbody tr").eq(length-1).remove();
    })

    $(document).on('click','.save',function(){
        var title = $('[name=title]').val();
        var over_at = $('[name=over_at]').val();
        var tab = $(".evaluation-table .c-tbody").find("tr");
        //$('#save').attr('disabled',true);
        if(tab.length < 1){
            layer.msg('请录入评价项目');
            return false;
        }

        var data = [];
        var rr = true,hh = true,ss = true,pp = true,nn = true,ff = true;
        $.each(tab,function (index, item) {
            var json = {};
            var tt = $(this).find('[name=title]').val();
            var normal = $(this).find('[name=normal]').val();
            var score = $(this).find('[name=score]').val();
            if(!tt.length){
                rr = false;
            }

            if(!normal.length){
                hh = false;
            }

            if(!score.length){
                ss = false;
            }

            if(parseInt(score) < 0){
                ff = false;
            }
            json.title = tt;
            json.normal = normal.replace(new RegExp("\n", "gm"), "<br/>");
            json.score = score;
            var select = [];

            var check = $(this).find("input[type='checkbox']:checked");
            if(!check.length){
                pp = false
            }
            $.each(check, function(i, t){
                var option = {};
                var name = $(t).parent().find('[name=title]').val();

                if(!name){
                    nn = false;
                }
                var id = $(t).parent().find('[name=id]').val();
                option.id = id;
                option.name = name;
                select.push(option);
            })
            json.option = select;
            data.push(json);
        });


        if(!title){
            layer.msg('请填写评价表名称');
            return false;
        }

        if(!over_at){
            layer.msg('请选择评价结束日期');
            return false;
        }

        if(rr == false){
            layer.msg('请填写评价项目');
            return false;
        }

        if(ss == false){
            layer.msg('请填写权重分');
            return false;
        }

        if(hh == false){
            layer.msg('请填写参考指标');
            return false;
        }

        if(pp == false){
            layer.msg('请填勾选评价选项');
            return false;
        }

        if(nn == false){
            layer.msg('请填写已填勾选评价选项内容');
            return false;
        }

        if(ff == false){
            layer.msg('权重不可为负数');
            return false;
        }

        $.ajax({
            url : '/review/addReview',
            type : 'post',
            data : {
                title : title,
                over_at : over_at,
                json : JSON.stringify(data),
                _token : "{{ csrf_token() }}"
            },
            success : function (re) {
                if(re.code == 1){
                    layer.msg('问题添加成功', {icon : 1}, function () {
                        //window.history.back();
                        window.location.href = '/review/reviewList';
                    })
                }else{
                    layer.msg(re.errMsg);
                }
            }
        })
    })


</script>
@endsection