@extends('layouts.crm')
@section('title')评价人设置@endsection
@section('header')
    <style>
        .my-logo{
            width: 112px;
            height: 142px;
        }

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

        ] /* --}}
@endsection
@section('body')
    <div style='margin-top:20px;' class='main-tab-box-1  clearfix'>
        @if(count($info))
            @foreach($info as $k=>$v)
                <div style='width:130px' class="tab-item {{ $k == 0 ? 'on' : '' }}" data-id="{{ $v['id'] }}">
                    <span>{{ $v['title'] }}</span>
                    <span class='icon-triangle-1'></span>
                </div>
            @endforeach
        @endif
    </div>

    @if(count($info))
    <div class='evoluator-item'>
        <div class='evoluator-top'>
            <input type="checkbox" name="is_self_comm" @if($otherInfo['is_self_comm']) checked @endif value="1">
            <span>自评</span>
        </div>
    </div>
    @if(count($comm_option))
        @foreach($comm_option as $k=>$v)
            <div class='evoluator-item {{ $v['id'] == 1 ? 'leader' : 'worker' }}'>
                <div class='evoluator-top'>
                    <input type="checkbox" name="check-all" data-type="{{ $v['id'] }}">
                    <span>{{ $v['name'] }}</span>
                    <span style='margin-left:25px;' class='layui-icon layui-icon-triangle-d'></span>
                    <span style='color:#fa6173;font-size:14px;margin-left:400px'>{{ $v['id'] == 1 ? '(选择实际领导)' : '(自动禁选“领导评人员”)' }}</span>
                </div>
                <div class='position-item-box'>
                    @if(isset($v['dept_name']) && !empty($v['dept_name']))
                        @foreach($v['dept_name'] as $k1=>$v1)
                            <div style='padding:0 15px;' class='clearfix review{{ $v['id'] }}'>
                                <div class='position-item-left p-l '>
                                    <div class='position-ipt-box'>
                                        <input type="checkbox" data-type="{{ $v['id'] }}" class="check-btn check{{ $v['id'] }}">
                                        <span>{{ getDeptArea($v1['pid']).$v1['name'] }}</span>
                                    </div>
                                </div>
                                <div class='position-item-right p-l'>
                                    @if(isset($v1['dept']) && !empty($v1['dept']))
                                        @foreach($v1['dept'] as $k2=>$v2)
                                            <div class='position-ipt-box'>
                                                <input @if($v['id'] == 1 && in_array($v2['user_id'], $worker_id)) disabled @endif @if($v['id'] == 2 && in_array($v2['user_id'], $leader_id)) disabled @endif  name="user_id" type="checkbox"@if($v['id'] == 1) @if(in_array($v2['user_id'], $leader_id)) checked @endif @else @if(in_array($v2['user_id'], $worker_id)) checked @endif @endif value="{{ $v2['user_id'] }}" data-type="{{ $v['id'] }}" class="child-check check{{ $v['id'] }}">
                                                <span>{{ $v2['user_name'] }}</span>
                                            </div>
                                        @endforeach
                                    @endif
                                </div>
                            </div>
                        @endforeach
                    @endif
                </div>
            </div>
        @endforeach
    @endif
    @if(count($parent))
        <div class='evoluator-item'>
            <div class='evoluator-top'>
                {{--<input type="checkbox">--}}
                <span>家长评</span>
                <span style='margin-left:25px;' class='layui-icon layui-icon-triangle-d'></span>
            </div>
            <div class='position-item-box'>
                <div style='padding:0 15px;' class='clearfix'>
                    <div class='position-item-right p-l'>
                        @foreach($parent as $k=>$v)
                            <div class='position-ipt-box'>
                                <input type="radio" @if($v['id'] == $otherInfo['review_parent_id']) checked @endif name="parent_id" value="{{ $v['id'] }}">
                                <span>{{ $v['name'] }}</span>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    @endif
    @if(count($student))
        <div class='evoluator-item'>
            <div class='evoluator-top'>
                {{--<input type="checkbox">--}}
                <span>学生评</span>
                <span style='margin-left:25px;' class='layui-icon layui-icon-triangle-d'></span>
            </div>
            <div class='position-item-box'>
                <div style='padding:0 15px;' class='clearfix'>
                    <div class='position-item-right p-l'>
                        @foreach($student as $k=>$v)
                            <div class='position-ipt-box'>
                                <input name="student_id" type="radio" @if($v['id'] == $otherInfo['review_student_id']) checked @endif value="{{ $v['id'] }}">
                                <span>{{ $v['name'] }}</span>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    @endif

    <div style='width:900px;' class='position-btn-box'>
        <button class='layui-btn layui-btn-gray reset'>重置</button>
        <button class='layui-btn layui-btn-normal save'>确定</button>
    </div>
    @endif

@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>
    $(".evoluator-top").find(".layui-icon").on("click",function(){
        var isHide = $(this).parent().parent().find(".position-item-box").hasClass("hide");
        if(isHide){
            $(this).removeClass("layui-icon-triangle-r").addClass("layui-icon-triangle-d");
            $(this).parent().parent().find(".position-item-box").removeClass("hide");
        }else{
            $(this).removeClass("layui-icon-triangle-d").addClass("layui-icon-triangle-r");
            $(this).parent().parent().find(".position-item-box").addClass("hide");
        }

    })

    $(".main-tab-box-1").find(".tab-item").on("click",function(){
        var div = $(this);
        var id = $(this).attr('data-id');
        if(div.hasClass('on')){
            return false;
        }
        $('[type=checkbox]').prop('checked', false);
        $('[type=checkbox]').prop('disabled', false);
        $('[type=radio]').prop('checked', false);
        $(this).addClass("on").siblings().removeClass("on");
        $(this).find(".icon-triangle-1").removeClass("hide").parent().siblings().find(".icon-triangle-1").addClass("hide")
        checkAll(id)
        layer.closeAll();

    })

    $(document).on('click','[name=check-all]',function(){
        var type = $(this).attr('data-type');
        var num = type == 1 ? 2 : 1;
        if($('.check'+type).is(":checked")){
            $('.check'+type).prop('checked',function (item) {
                if(!$(this).prop('disabled')){
                    var id = $(this).val();
                    $('.evoluator-item').find(":checkbox[type=checkbox][value='"+ id +"'][data-type='"+ num +"']").attr("disabled", false);
                    return false;
                }
            })
        }else{
            $('.check'+type).prop('checked',function (item) {
                if(!$(this).prop('disabled')){
                    var id = $(this).val();
                    $('.evoluator-item').find(":checkbox[type=checkbox][value='"+ id +"'][data-type='"+ num +"']").attr("disabled", true);
                    return true;
                }
            })
        }
    });

    $(document).on('click','.check-btn',function(){
        var type = $(this).attr('data-type');
        var num = type == 1 ? 2 : 1;
        var ipt = $(this).parent().parent().parent().find("input[name=user_id]");
        var top = $(this).parent().parent().parent().parent().parent();
        var topCheck = $(this).parent().parent().parent().parent().find(".check-btn:checked");
        var topLength = topCheck.length;
        if(ipt.is(":checked")){
            ipt.prop('checked',function (item) {
                if(!$(this).prop('disabled')){
                    var id = $(this).val();
                    $('.position-ipt-box').find(":checkbox[type=checkbox][value='"+ id +"'][data-type='"+ num +"']").attr("disabled", false);
                    return false;
                }

            })
        }else{
            ipt.prop('checked',function (item) {
                if(!$(this).prop('disabled')){
                    var id = $(this).val();
                    $('.position-ipt-box').find(":checkbox[type=checkbox][value='"+ id +"'][data-type='"+ num +"']").attr("disabled", true);
                    return true;
                }

            })
        }
        if(topLength < 1){
            top.find("input[name=check-all]").prop("checked", false);
        }else{
            top.find("input[name=check-all]").prop("checked", true);
        }
    });

    $(document).on('click','[name=user_id]',function(){
        var ipt = $(this).parent().parent().parent();
        var top = $(this).parent().parent().parent().parent().parent();
        var check = $(this).parent().parent().parent().find("input[name=user_id]:checked");
        var topCheck = $(this).parent().parent().parent().parent().parent().find("input[name=user_id]:checked");
        var length = check.length;
        var topLength = topCheck.length;
        if(length < 1){
            ipt.find(".check-btn").prop("checked", false);
        }else{
            ipt.find(".check-btn").prop("checked", true);
        }

        if(topLength < 1){
            top.find("input[name=check-all]").prop("checked", false);
        }else{
            top.find("input[name=check-all]").prop("checked", true);
        }

        var type = $(this).attr('data-type');
        var id = $(this).val();
        var num = type == 1 ? 2 : 1;
        if($(this).is(":checked")){
            $('.position-ipt-box').find(":checkbox[type=checkbox][value='"+ id +"'][data-type='"+ num +"']").attr("disabled", true);
        }else{
            $('.position-ipt-box').find(":checkbox[type=checkbox][value='"+ id +"'][data-type='"+ num +"']").prop("disabled", false);
        }


    })


    var check = $('.position-ipt-box').find("input[type='checkbox']:checked");
    var length = check.length;
    if(length > 0){
        $(check).each(function(i,item){
            $(item).parent().parent().parent().parent().parent().find("input[name=check-all]").prop('checked',true);
            $(item).parent().parent().parent().find(".check-btn").prop('checked',true);
        })
    }

    function checkAll( id ) {
        $.get('/review/getToCommUser?id='+id,function (re) {
            var data = re.data;
            if(data.leader_id.length > 0){
                for(var i = 0; i < data.leader_id.length; i++){
                    $('.leader').find(":checkbox[type=checkbox][value='"+ data.leader_id[i] +"']").prop("checked", true);
                    $('.worker').find(":checkbox[type=checkbox][value='"+ data.leader_id[i] +"']").attr("disabled", true);
                }
                var check = $('.position-ipt-box').find("input[type='checkbox']:checked");
                $(check).each(function(i,item){
                    $(item).parent().parent().parent().parent().parent().find("input[name=check-all]").prop('checked',true);
                    $(item).parent().parent().parent().find(".check-btn").prop('checked',true);
                })
            }
            if(data.worker_id.length > 0){
                for(var i = 0; i < data.worker_id.length; i++){
                    $('.worker').find(":checkbox[type=checkbox][value='"+ data.worker_id[i] +"']").prop("checked", true);
                    $('.leader').find(":checkbox[type=checkbox][value='"+ data.worker_id[i] +"']").attr("disabled", true);
                }
                var check = $('.position-ipt-box').find("input[type='checkbox']:checked");
                $(check).each(function(i,item){
                    $(item).parent().parent().parent().parent().parent().find("input[name=check-all]").prop('checked',true);
                    $(item).parent().parent().parent().find(".check-btn").prop('checked',true);
                })
            }
            $("[name=student_id][value='"+ data.review_student_id +"']").prop("checked", true);
            $("[name=is_self_comm][value='"+ data.is_self_comm +"']").prop("checked", true);
            $("[name=parent_id][value='"+ data.review_parent_id +"']").prop("checked", true);
        })
    }

    //重置
    $(document).on('click','.reset',function(){
        $('[type=checkbox]').prop('checked', false);
        $('[type=checkbox]').prop('disabled', false);
        $('[type=radio]').prop('checked', false);
    })

    //数据保存
    $(document).on('click','.save',function(){
        var leader = $('.evoluator-item.leader').find("input[name=user_id]:checked");
        var worker = $('.evoluator-item.worker').find("input[name=user_id]:checked");
        var main_id = $('.tab-item.on').attr('data-id');
        var is_self_comm = $('[name=is_self_comm]').is(":checked") ? $('[name=is_self_comm]').val() : 0;
        var student_id = $('input[name="student_id"]:checked').val() ? $('input[name="student_id"]:checked').val() : 0;
        var parent_id = $('input[name="parent_id"]:checked').val() ? $('input[name="parent_id"]:checked').val() : 0;
        var leaderLength = leader.length;
        var workerLength = worker.length;
        if(leaderLength > 0 || workerLength > 0 || is_self_comm || student_id || parent_id){
            var leader_id = '';
            var worker_id = '';

            if(leaderLength > 0){
                leader_id = ',';
                $(leader).each(function(i,item){
                    leader_id+=$(this).val()+',';
                })
            }

            if(workerLength > 0){
                worker_id = ',';
                $(worker).each(function(i,item){
                    worker_id+=$(this).val()+',';
                });
            }

            $.ajax({
                url:'/review/addToPersonReview',
                data:{
                    _token : "{{ csrf_token() }}",
                    main_id : main_id,
                    leader_id : leader_id,
                    worker_id : worker_id,
                    is_self_comm : is_self_comm,
                    review_student_id : student_id,
                    review_parent_id : parent_id
                },
                type:'post',
                success:function (re) {
                    if(re.code == 1){
                        layer.msg('数据保存成功',{icon:1})
						window.location.href = '/review/reviewSituation';
                    }else{
                        layer.msg(re.errMsg);
                    }
                }
            })
        }else{
            layer.msg('未选择评价人',{icon:2});
        }

    })

</script>

@endsection