@extends('layouts.crm')
@section('title')家长评@endsection
@section('header')
    <style>
        .my-logo{
            width: 112px;
            height: 142px;
        }
        .hidden{
            display: none;
        }
        .position-box .position-item h3.score3{
            color:#37b0d5;
        }
        .position-box .position-item h3.score4{
            color:#ec9924;
        }
        .position-box .position-item h3.score5{
            color:#c3312d;
        }

    </style>
@endsection
@section('navbread')
    {{-- */ $navbread = [
        ['name' => '教职工考评', 'href' =>  ''],
        ['name' => '评价录入', 'href' =>  ''],
        ['name' => '家长评', 'href' =>  ''],

        ] /* --}}
@endsection
@section('body')
    @if(count($info))
        <div  class='parental-evaluation-box clearfix'>
            <div class='p-e-left p-l'>
                <h3>评价完成情况</h3>
                <div class='p-e-list'>
                    <div class='p-e-list-top'>
                        <span class='layui-icon layui-icon-triangle-d'></span>
                        <span>待完成评价</span>
                        <span>({{ count($userInfo) }})</span>
                    </div>
                    <ul>
                        @if(count($userInfo))
                            @foreach($userInfo as $k=>$v)
                                <a href="/comment/parentComm?id={{ $v['user_id'] }}">
                                    <li class='p-e-list-item {{ $v['user_id'] == $id ? 'on' : '' }}'>
                                        <img class='avatar-img' src="/crm/img/denglu_zhanghao.png" alt="">
                                        <span>{{ $v['name'] }}</span>
                                    </li>
                                </a>
                            @endforeach
                        @endif
                    </ul>
                </div>
                <div class='p-e-list'>
                    <div class='p-e-list-top'>
                        <span class='layui-icon layui-icon-triangle-d'></span>
                        <span>已完成评价</span>
                        <span>({{ count($autoComplete) }})</span>
                    </div>
                    <ul>
                        @if(count($autoComplete))
                            @foreach($autoComplete as $k=>$v)
                                <a href="/comment/seeParentComm?id={{ $v['user_id'] }}">
                                    <li class='p-e-list-item {{ $v['user_id'] == $id ? 'on' : '' }}'>
                                        <img class='avatar-img' src="/crm/img/denglu_zhanghao.png" alt="">
                                        <span>{{ $v['name'] }}</span>
                                    </li>
                                </a>
                            @endforeach
                        @endif
                    </ul>
                </div>
            </div>
            <div class='p-e-right p-l'>
                <div style='margin-top:20px;' class='main-tab-box-1  clearfix'>
                    @foreach($titleList as $k=>$v)
                        <a href="/comment/parentComm?id={{ $id }}&main_id={{ $v['id'] }}">
                            <div style='width:130px' class="tab-item {{ $v['id'] == $main_id ? 'on' : '' }}" data-id="{{ $v['id'] }}">
                                <span>{{ $v['title'] }}</span>
                                <span class='icon-triangle-1'></span>
                            </div>
                        </a>
                    @endforeach
                </div>
                @if(count($result))
                    <table style='margin-top:30px;'  class="layui-table c-parental-evaluation-table">
                        <colgroup>
                            <col width="10%">
                            <col width="12%">
                            <col width="10%">
                            <col width="30%">
                            <col width="15%">
                            <col width="20%">
                            <col>
                        </colgroup>
                        <thead>
                        <tr>
                            <th>序号</th>
                            <th>评价项目</th>
                            <th>权重（分）</th>
                            <th>参考指标</th>
                            <th>评价选项</th>
                        </tr>
                        </thead>
                        <tbody class='c-tbody'>

                        @foreach($result as $k=>$v)
                            <tr>
                                <td>{{ $k+1 }}</td>
                                <td>{{ $v['title'] }}</td>
                                <td>{{ $v['score'] }}</td>
                                <td>
                                    {!! $v['normal'] !!}
                                </td>
                                <td>
                                    @if(isset($v['option']) && count($v['option']))
                                        @foreach($v['option'] as $k1=>$v1)
                                            <p>
                                                <input type="radio" name="normal{{ $k }}" value="{{ $v1['id'] }}">
                                                <span>{{ $review_option[$v1['id']] }}、</span>
                                                <span>{{ $v1['name'] }}</span>
                                            </p>
                                        @endforeach
                                    @endif
                                </td>
                            </tr>
                        @endforeach

                        </tbody>
                    </table>

                    <div style='width:750px;margin-top:50px;' class='position-btn-box'>
                        <button class='layui-btn layui-btn-gray reset'>重置</button>
                        <button class='layui-btn layui-btn-normal save'>确定</button>
                    </div>
                @endif
            </div>
        </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>

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

    $(document).on('click','.save',function(){
        var main_id = $('.tab-item.on').attr('data-id');
        var tab = $(".c-tbody").find("tr");
        var check = true;
        var ids = ',';
        tab.each(function (index,item) {
            var id = $(this).find('[type=radio]:checked').val();
            if(!id){
                check = false;
            }
            ids+=id+',';
        })

        if(check == false){
            layer.msg('有选项未勾选，不可提交');
            return false;
        }

        $.ajax({
            url:'/comment/addAllComm?type=5',
            type:'post',
            data:{option:ids,id:"{{ $id }}",main_id:"{{ $main_id }}",_token:"{{ csrf_token() }}"},
            success:function(re){
                if(re.code == 1){
                    layer.msg('提交成功',{icon:1, time: 2000},function () {
                        window.location.href = '/comment/parentComm'
                    });
                }else{
                    layer.msg(re.errMsg);
                }
            }
        })
    })

</script>
@endsection