@extends('layouts.crm')
@section('title')资质变动@endsection
@section('header')
    <style>
        .date{
            height: 26px;
            width: 100px;
            padding-left: 10px;
        }
        .reason{
            height: 26px;
            width: 130px;
            padding-left: 10px;
        }

    </style>
@endsection
@section('navbread')
    {{-- */ $navbread = [
        ['name' => '教职工信息', 'href' =>  ''],
        ['name' => '异动情况', 'href' =>  ''],

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

    <div class='main-tab-box-2' style='margin-bottom:20px;'>
        {{--<a href="/worker/change"><span class="tab-box-2-item">教职工增加</span></a>--}}
        <a href="/worker/reduceWorker"><span class="tab-box-2-item">教职工减少</span></a>
        <a href="/worker/changeDept"><span class="tab-box-2-item">部门调动</span></a>
        <a href="/worker/changeNatural"><span class="tab-box-2-item on">资质变动</span></a>
        <a href="/worker/changeList"><span class="tab-box-2-item">异动统计</span></a>
    </div>
    <div class='nav-box'>
        <form action="">
        <label for="">部门：</label>
        <select id="select" style='width:180px;height:30px;margin-right:60px;' name="dept" lay-verify="required">
            <option value="">请选择</option>
            @if(count($depts))
                @foreach($depts as $k=>$v)
                    <option {{ $v['cp_id'] == 0 ? 'disabled' : '' }} {{ $dept == $v['og_id'] ? 'selected' : '' }} value="{{$v['og_id']}}">{{ $v['cp_id'] != 0 ? '&nbsp;&nbsp;&nbsp;' : '' }}{{ $v['og_name'] }}</option>
                @endforeach
            @endif
        </select>
        <label  for="">人员：</label>
        <select id="user_id" style='width:180px;height:30px;' name="user_id" lay-verify="required">
            <option value="">请选择</option>
            @if(count($groupUser))
                @foreach($groupUser as $k=>$v)
                    <option {{ $user_id == $v['ad_uid'] ? 'selected' : '' }} value="{{$v['ad_uid']}}">{{ $v['name'] }}</option>
                @endforeach
            @endif
        </select>
        <button style='margin-left:40px;' class='layui-btn layui-btn-normal'>查询</button>
        </form>
    </div>

    <h3 style='position:relative; font-weight:600;text-align: center;padding:20px 0 15px 0;'>{{ isset($info['name']) ? $info['name'].'的' : '' }}资质变动</h3>
    <div class='c-table proportion-setting-table'>
        <table class="layui-table">
            <colgroup>
                <col width="8%">
                <col width="10%">
                <col width="12%">
                <col width="10%">
                <col width="10%">
                <col width="15%">
                <col>
            </colgroup>
            <thead>
            <tr>
                <th>
                    <input type="checkbox" name="check-all">
                </th>
                <th>资质类别</th>
                <th>当前资质</th>
                <th>变动资质</th>
                <th>变动原因</th>
                <th>日期</th>
            </tr>
            </thead>
            <tbody class="all-info">
            @if($info)
            <tr>
                <td>
                    <input type="checkbox" name="check" value="5">
                </td>
                <td class="old_natural" data-id="{{ $info['political'] }}">政治面貌</td>
                <td>{{ configInfo('political', $info['political']) }}</td>
                <td>
                    <select style='width:120px;box-sizing: border-box;padding:0 20px;' name="new_natural" id="">
                        <option value="">请选择</option>
                        @foreach($political as $k=>$v)
                            <option value="{{ $k }}">{{$v}}</option>
                        @endforeach
                    </select>
                </td>
                <td><input type="text" class="reason" name="reason"></td>
                <td><input type="text" class="date date1" name="change_at" value="{{ date('Y-m-d',time()) }}"></td>
            </tr>
            <tr>
                <td>
                    <input type="checkbox" name="check" value="6">
                </td>
                <td class="old_natural" data-id="{{ $info['education'] }}">文化程度</td>
                <td>{{ configInfo('education', $info['education']) }}</td>
                <td>
                    <select style='width:120px;box-sizing: border-box;padding:0 20px;' name="new_natural" id="">
                        <option value="">请选择</option>
                        @foreach($education as $k=>$v)
                            <option value="{{ $k }}">{{$v}}</option>
                        @endforeach
                    </select>
                </td>
                <td><input type="text" class="reason" name="reason"></td>
                <td><input type="text" class="date date2" name="change_at" value="{{ date('Y-m-d',time()) }}"></td>
            </tr>
            <tr>
                <td>
                    <input type="checkbox" name="check" value="7">
                </td>
                <td class="old_natural" data-id="{{ $info['teacher_grade'] }}">职称职级</td>
                <td>{{ configInfo('teacher_grade', $info['teacher_grade']) }}</td>
                <td>
                    <select style='width:120px;box-sizing: border-box;padding:0 20px;' name="new_natural" id="">
                        <option value="">请选择</option>
                        @foreach($teacher_grade as $k=>$v)
                            <option value="{{ $k }}">{{$v}}</option>
                        @endforeach
                    </select>
                </td>
                <td><input type="text" class="reason" name="reason"></td>
                <td><input type="text" class="date date3" name="change_at" value="{{ date('Y-m-d',time()) }}"></td>
            </tr>
            <tr>
                <td>
                    <input type="checkbox" name="check" value="8">
                </td>
                <td class="old_natural" data-id="{{ $info['teacher_type'] }}">教职工类别</td>
                <td>{{ configInfo('teacher_type', $info['teacher_type']) }}</td>
                <td>
                    <select style='width:120px;box-sizing: border-box;padding:0 20px;' name="new_natural" id="">
                        <option value="">请选择</option>
                        @foreach($teacher_type as $k=>$v)
                            <option value="{{ $k }}">{{$v}}</option>
                        @endforeach
                    </select>
                </td>
                <td><input type="text" class="reason" name="reason"></td>
                <td><input type="text" class="date date4" name="change_at" value="{{ date('Y-m-d',time()) }}"></td>
            </tr>
            @else
                <tr>
                    <td colspan="6" class="no-message">暂无数据</td>
                </tr>
            @endif

            </tbody>
        </table>
    </div>
    @if(hasPower('worker::changeNature'))
    <div class='btn-box'>
        <a href=""><button class="layui-btn layui-btn-gray">取消</button></a>
        <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 type="text/javascript">


    layui.use('laydate', function(){
        var layerDate = layui.laydate;
        layerDate.render({
            elem: '.date1'
        });
        layerDate.render({
            elem: '.date2'
        });
        layerDate.render({
            elem: '.date3'
        });
        layerDate.render({
            elem: '.date4'
        });
    });
    $(document).on('click','[name=check-all]',function () {
        if($(this).is(":checked")){
            $('[name=check]').prop('checked', true);
        }else{
            $('[name=check]').prop('checked', false);
        }
    })

    $(document).on('change','#select', function () {
        var dept = $(this).val();

        $.get('/worker/getDeptInfo?dept='+dept,function(re){
            if(re.code == 1){
                var option = '<option value="">请选择</option>';
                $.each(eval(re.data),function(index,item){
                    option+='<option value="'+item.ad_uid+'">'+item.name+'</option>';
                });
                $('#user_id').html(option);
            }
        })
    })


    $(document).on('click','.save',function () {
        var check = $('.all-info').find('input[name=check]:checked');
        if(check.length > 0){
            var natural = [];
            var rr = true;
            $.each(check,function (index, item) {
                var pt = {};
                pt.id = $(this).val();
                pt.old_natural = $(this).parent().parent().find('.old_natural').attr('data-id');
                pt.new_natural = $(this).parent().parent().find('[name=new_natural]').val();
                pt.reason = $(this).parent().parent().find('[name=reason]').val();
                pt.change_at = $(this).parent().parent().find('[name=change_at]').val();
                if(!$(this).parent().parent().find('[name=reason]').val()){
                    rr = false;
                }
                natural.push(pt);
            });

            if(rr == false){
                layer.msg('请填写资质变动原因');
                return false;
            }

            $.ajax({
                url:"/worker/changeNatural",
                type:'post',
                data:{natural:JSON.stringify(natural), _token:"{{ csrf_token() }}", user_id:"{{ $user_id }}"},
                success:function (re) {
                   if(re.code == 1){
                       layer.msg('资质变动成功',{icon:1, time:1000},function () {
                           window.location.reload();
                       })
                   }else{
                       layer.msg(re.errMsg);
                   }
                }
            })
        }else{
            layer.msg('请勾选变动资质');
        }
    })

</script>
@endsection