@extends('layouts.crm')
@section('title')教学经验@endsection
@section('header')
<style>
    .my-logo {
        width: 112px;
        height: 142px;
    }
</style>
@endsection
@section('navbread')
{{-- */ $navbread = [
        ['name' => '教学技能', 'href' =>  '/skill/addProgram'],
        ['name' => '教学经验', 'href' =>  '/skill/addExperience'],

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

<div class='nav-box-2' style='margin:30px 0 0 0;'>
    @if(hasPower('skill::addExperience'))
    <button class='layui-btn layui-btn-info teaching-skills-experience-add-btn'>增加</button>
    @endif
    @if(hasPower('skill::delExperience'))
    <button class='layui-btn layui-btn-delete'>删除</button>
    @endif
</div>

<div class='c-table my-teaching-skills-plan-table'>
    <table class="layui-table">
        <colgroup>
            <col width="10%">
            <col width="10%">
            <col width="20%">
            <col width="15%">
            <col width="25%">
            <col width="20%">
        </colgroup>
        <thead>
            <tr>
                <th>
                    <input type="checkbox" id="allAndNotAll">
                </th>
                <th>教职工号</th>
                <th>姓名</th>
                <th>创建日期</th>
                <th>教学经验</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody>
            @if(count($experienceList->all()))
            @foreach($experienceList as $k=>$v)
            <tr>
                <td>
                    <input type="checkbox" name='ids' value="{{$v['id']}}">
                </td>
                <td>{{$v['staff_no']}}</td>
                <td>{{$v['name']}}</td>
                <td>1970-01-01</td>
                <td>{{$v['experience']}}</td>
                <td>
                    @if(hasPower('skill::editPractice'))
                    @if($user_id == $v['user_id'])
                    <span style="margin-right:10px" data-id="{{$v['id']}}" data-token="{{csrf_token()}}" class='table-icon icon-setting teaching-skills-experience-edit-btn' title="编辑"></span>
                    @endif
                    @endif
                    <span style="margin-right:10px" data-id="{{$v['id']}}" data-token="{{csrf_token()}}" class='table-icon icon-check-2 check-teaching-skills-experience-btn' title="预览"></span>
                </td>
            </tr>
            @endforeach
            @else
            <tr>
                <td colspan="8" class="no-message">暂无数据</td>
            </tr>
            @endif
        </tbody>
    </table>
    @if(count($experienceList->all()))
    <div class="c-page">
        {!! $experienceList->links() !!}
    </div>
    @endif
</div>
<!--      <div style='text-align: right;' id="page_teaching_skills_experience"></div>-->
</div>
</div>

<!-- 教学计划 编辑 -->
<script type='text' id='teaching_experience_edit_layer'>
    <div class='teaching-skills-plan-layer c-layer-padding'>
        <div class='ipt-box clearfix'>
            <div class="ipt-item">
                <label for="">教职工号：</label>
                <input style='width:150px;margin-left:10px;padding:5px 10px;' readonly="readonly" value="{{ $staff_no }}" type="text" name="" required  lay-verify="required" placeholder="请输入教职工号" autocomplete="">
            </div>
            <div class="ipt-item">
                <label for="">姓名：</label>
                <input style='width:150px;margin-left:10px;padding:5px 10px;' readonly="readonly" value="{{ $name }}" type="text" name="" required  lay-verify="required" placeholder="请输入姓名" autocomplete="">
            </div>
                 <input type="hidden" name="_token" value="{{csrf_token()}}">
                <input type="hidden" name="id" value="{{ $oneInfo['id'] }}">
                <input type="hidden" name="status" value="true">
            <div class="ipt-item" style="line-height:33px">
                <label for="">学年：</label>
                   <select id="selectYear" name="year" lay-verify="required">
                                <option value="">请选择</option>
                               @if($yearlist)
                                @foreach($yearlist as $k=>$v)
                                <option value="{{$v['sy_name']}}" >{{$v['sy_name']}}</option>
                                @endforeach
                                @else
                                <option value="" >无</option>
                                @endif
                            </select>
            </div>
            <div class="ipt-item" style="line-height:33px">
                <label for="">学期：</label>
                <select id="selectId" name="term" lay-verify="required" style="vertical-align:center!important;" >
                                <option value="">请选择</option>
                                 @if($termlist)
                                @foreach($termlist as $k=>$v)
                                <option @if($v['se_cid'] == 1)value="第一学期"@elseif($v['se_cid'] == 2)value="第二学期"@endif>@if($v['se_cid'] == 1)第一学期@elseif($v['se_cid'] == 2)第二学期@endif</option>
                                 @endforeach
                                @else
                                <option value="" >无</option>
                                @endif
                            </select>
            </div>
            <div class="ipt-item" style='width:640px;height:140px;'>
                <label for="">教学经验：</label>
                <textarea placeholder='输入教学经验' style='resize:none;width:500px;margin-left:10px;height:130px;vertical-align: text-top;' name="experience" id="experience" ></textarea>
            </div>
        </div>
    </div>
</script>

<!-- 预览教学计划 -->
<script type='text' id='teaching_experience_check'>
    <div class='teaching-skills-plan-layer teaching-plan-check-layer'>
    <div style='margin:10px 0;' class='ipt-box clearfix'>
        <div class="ipt-item" style='width:240px;'>
            <label for="">年度：</label>
            <span id="view_year"></span>
        </div>
        <div class="ipt-item" style='width:200px;'>
            <label for="">学期：</label>
            <span id="view_term"></span>
        </div>
        <div class="ipt-item" style='width:200px;' >
            <label for="">录入人：</label>
            <span>{{ $name }}</span>
        </div>
        <div class="ipt-item" style='width:640px;'>
            <label for="">教学经验：</label>
            <textarea readonly="readonly"  placeholder='经验' style='height:200px' name="" id="view_experience" ></textarea>
        </div>
    </div>
</div>
</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>
    $(function() {
        //实现全选与反选
        $("#allAndNotAll").click(function() {
            if (this.checked) {
                $("input[name='ids']:checkbox").each(function() {
                    $(this).prop("checked", true);
                });
            } else {
                $("input[name='ids']:checkbox").each(function() {
                    $(this).prop("checked", false);
                });
            }
        });


        $('.layui-btn-delete').click(function() {
            if ($("input[name='ids']:checked").length == 0) {
                layer.msg('未选中任何项！');
                return false;
            }
            //获取被选中的id
            var ids = [];
            $("input[name='ids']:checked").each(function() {
                ids.push($(this).attr("value"));
            })
            var delIds = ids.join(",");
            //console.log(delIds);
            layer.confirm('确定删除吗？', {
                btn: ['确定', '取消'] //按钮
            }, function() {
                $.ajax({
                    url: '/skill/delExperience',
                    type: 'post',
                    data: {
                        ids: delIds,
                        _token: "{{csrf_token()}}"
                    },
                    dataType: "json",
                    success: function(re) {
                        if (re.code == 1) {
                            layer.msg(re.data, {
                                time: 1000
                            }, function() {
                                window.location.href = '/skill/addExperience';
                            });

                        }
                    }
                })
            }, function() {});
        });
    });

    //JavaScript代码区域
    layui.use('element', function() {
        var element = layui.element;
    });
    layui.use('upload', function() {
        var upload = layui.upload;
    })

    layui.use('laypage', function() {
        var laypage = layui.laypage;

        //执行一个laypage实例
        laypage.render({
            elem: 'page_teaching_skills_experience' //注意，这里的 test1 是 ID，不用加 # 号
                ,
            theme: "#1942ab",
            count: 50 //数据总数，从服务端得到
        });

    });
    main.myTeachingSkills.init();
</script>
@endsection