@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/addProgram'],

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


<div class='nav-box-2' style='margin:30px 0 0 0;'>
    @if(hasPower('skill::addProgram'))
    <button class='layui-btn layui-btn-info teaching-skills-plan-add-btn'>增加</button>
    @endif
    @if(hasPower('skill::delProgram'))
    <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="5%">
            <col width="8%">
            <col width="8%">
            <col width="10%">
            <col width="15%">
            <col width="15%">
            <col width="14%">
        </colgroup>
        <thead>
            <tr>
                <th>
                    <input type="checkbox" id="allAndNotAll">
                </th>
                <th>教职工号</th>
                <th>姓名</th>
                <th>创建日期</th>
                <th>教学计划</th>
                <th>教学目标</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody>
            @if(count($planList->all()))
            @foreach($planList as $k=>$v)
            <tr>
                <td>
                    <input type="checkbox" name="ids" id="" value="{{$v['id']}}">
                </td>
                <td>{{$v['staff_no']}}</td>
                <td>{{$v['name']}}</td>
                <td>1970-01-01</td>
                <td>{{$v['teach_plan']}}</td>
                <td>{{ str_limit($v['teach_goals'], 120, '... ... ') }}</td>
                <td>
                    @if(hasPower('skill::editProgram'))
                    @if($user_id == $v['user_id'])
                    <span style="margin-right:10px" data-id="{{$v['id']}}" data-token="{{csrf_token()}}" class='table-icon icon-setting idval teaching-skills-plan-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-btn' title="预览"></span>
                </td>
            </tr>
            @endforeach
            @else
            <tr>
                <td colspan="9" class="no-message">暂无数据</td>
            </tr>
            @endif
        </tbody>
    </table>
    @if(count($planList->all()))
    <div class="c-page">
        {!! $planList->links() !!}
    </div>
    @endif
</div>
<!--      <div style='text-align: right;' id="page_teaching_skills_plan"></div>-->
</div>
</div>

@section('footer')
@endsection

<!-- 教学计划 编辑 -->
<script type='text' id='teaching_plan_edit_layer'>
    <div class='teaching-skills-plan-layer c-layer-padding'>
        <div class='ipt-box clearfix'>
            <div class="ipt-item">
                <label for="">教职工号：</label>
                <input @if( $staff_no )value="{{ $staff_no }}"@endif style='width:150px;margin-left:10px;padding:5px 10px;' type="text" readonly="readonly" name="" required  lay-verify="required" placeholder="请输入教职工号" autocomplete="">
            </div>
            <div class="ipt-item">
                <label for="">姓名：</label>
                <input @if( $name )value="{{ $name }}"@endif style='width:150px;margin-left:10px;padding:5px 10px;' type="text" name="" readonly="readonly" required  lay-verify="required" placeholder="请输入姓名" autocomplete="">
            </div>
            <div class="ipt-item" style="line-height:33px">
                <label for="">学年：</label>
                <select id="selectYear" name="year" lay-verify="required" class="year">
                                <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>
            <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="selectId" name="term" lay-verify="required">
                                <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:650px'>
                <label for="">日期：</label>
                <input id='stills_startDate' style='width:150px;margin-left:10px;padding:5px 10px;' type="text" name="start_time" required  lay-verify="required" placeholder="请选择开始时间" autocomplete="">
                <span class='icon-data' style='position:absolute;left:255px;top:15px;'></span>
                <span style='display:inline-block;margin:0 10px;'>至</span>
                <input id='stills_endDate' style='width:150px;margin-left:10px;padding:5px 10px;' type="text" name="end_time" required  lay-verify="required" placeholder="请选择结束时间" autocomplete="">
                <span class='icon-data' style='position:absolute;right:180px;top:15px;'></span>
                
            </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="teach_plan" id="teach_plan" ></textarea>
            </div>
            <div class="ipt-item" style='width:640px;'>
                <label for="">教学目标：</label>
                <textarea placeholder='教学目标' style='' name="teach_goals" id="teach_goals" ></textarea>
            </div>
        </div>
    </div>
</script>

<!-- 预览教学计划 -->
<script type='text' id='teaching_plan_check'>
    <div class='teaching-skills-plan-layer teaching-plan-check-layer'>
    <div class='ipt-box clearfix'>
        <div class="ipt-item">
            <label for="">年度：</label>
            <span id="view_year"></span>
        </div>
        <div class="ipt-item">
            <label for="">学期：</label>
            <span id="view_term"></span>
        </div>
        <div class="ipt-item" style='width:650px'>
            <label for="">日期：</label>
            <span id="view_start"></span>
            <span style='display:inline-block;margin:0 10px;'>至</span>
            <span id="view_end"></span>
        </div>
        <div class="ipt-item" style='width:640px;height:140px;'>
            <label for="">教学计划：</label>
            <textarea readonly="readonly" placeholder='输入事件' style='resize:none;width:500px;margin-left:10px;height:130px;vertical-align: text-top;' name="" id="view_plan" ></textarea>
        </div>
        <div class="ipt-item" style='width:640px;'>
            <label for="">教学目标：</label>
            <textarea readonly="readonly"  placeholder='心得体会' style='' name="" id="view_goals" ></textarea>
        </div>
    </div>
</div>
</script>












<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(",");
            layer.confirm('确定删除吗？', {
                btn: ['确定', '取消'] //按钮
            }, function() {
                $.ajax({
                    url: '/skill/delProgram',
                    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/addProgram';
                            });

                        }
                    }
                })
            }, 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_plan' //注意，这里的 test1 是 ID，不用加 # 号
                ,
            theme: "#1942ab",
            count: 50 //数据总数，从服务端得到
        });

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