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

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

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

<div class='c-table my-score-table'>
    <table class="layui-table">
        <colgroup>
            <col width="5%">
            <col width="8%">
            <col width="8%">
            <col width="10%">
            <col width="8%">
            <col width="20%">
            <col width="20%">
            <col width="14%">
            <col>
        </colgroup>
        <thead>
            <tr>
                <th>
                    <input type="checkbox" id="allAndNotAll">
                </th>
                <th>教职工号</th>
                <th>姓名</th>
                <th>创建日期</th>
                <th>主题</th>
                <th>事件</th>
                <th>反思内容</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody>
            @if(count($reflectionList->all()))
            @foreach($reflectionList 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['theme']}}</td>
                <td>{{$v['event']}}</td>
                <td>{{str_limit($v['content'])}}</td>
                <td>
                    @if(hasPower('skill::editReflection'))
                    @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-reflection-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-reflection-btn' title="预览"></span>
                </td>
            </tr>
            @endforeach
            @else
            <tr>
                <td colspan="9" class="no-message">暂无数据</td>
            </tr>
            @endif
        </tbody>
    </table>
    @if(count($reflectionList->all()))
    <div class="c-page">
        {!! $reflectionList->links() !!}
    </div>
    @endif
</div>

</div>
</div>

@section('footer')
@endsection
<script type='text' id='teaching_reflection_edit_layer'>
    <div class='teaching-reflection-edit-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" type="text" value="{{ $staff_no }}" 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" type="text" value="{{ $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;' type="text" name="theme" 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">
                <label for="">日期：</label>
                <input id="grandDate" style='width:150px;margin-left:10px;padding:5px 10px;' type="text" name="ref_time" required  lay-verify="required" placeholder="请输入日期" autocomplete="">
            </div>
            <div class="ipt-item" style='width:640px;height:150px;'>
                <label for="">事件：</label>
                <textarea placeholder='输入事件' style='resize:none;width:500px;margin-left:10px;height:130px;vertical-align: text-top;' name="event" id="event" ></textarea>
            </div>
            <div class="ipt-item" style='width:640px;'>
                <label for="">反思内容：</label>
                <textarea placeholder='请输入反思内容' style='' name="content" id="content" ></textarea>
            </div>
        </div>
    </div>
</script>

<!-- 预览教学反思 -->
<script type='text' id='teaching_reflection_check'>
    <div class='teaching-reflection-check-layer'>
    <div class='ipt-box clearfix'>
        <div class="ipt-item">
            <label for="">主题：</label>
            <span id="view_theme"></span>
        </div>
        <div class="ipt-item">
            <label for="">日期：</label>
           <span id="view_ref"></span>
        </div>
        <div class="ipt-item" style='width:640px;height:150px;margin-top:10px;'>
            <label for="">事件：</label>
            <textarea readonly="readonly" placeholder='输入事件' style='' name="" id="view_event" ></textarea>
        </div>
        <div class="ipt-item" style='width:640px;'>
            <label for="">内容：</label>
            <textarea readonly="readonly" placeholder='心得体会' style='' name="" id="view_content" ></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(",");
            //console.log(delIds);
            layer.confirm('确定删除吗？', {
                btn: ['确定', '取消'] //按钮
            }, function() {
                $.ajax({
                    url: '/skill/delReflection',
                    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/addReflection';
                            });

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

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


    })

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