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

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

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

<div class='c-table my-teaching-skills-practice-table'>
    <table class="layui-table">
        <colgroup>
            <col width="5%">
            <col width="10%">
            <col width="10%">
            <col width="12%">
            <col width="10%">
            <col width="12%">
            <col width="15%">
            <col width="15%">
            <col width="15%">
        </colgroup>
        <thead>
            <tr>
                <th>
                    <input type="checkbox" id="allAndNotAll">
                </th>
                <th>教职工号</th>
                <th>姓名</th>
                <th>创建日期</th>
                <th>活动名称</th>
                <th>地点</th>
                <th>内容</th>
                <th>心得体验</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody>
            @if(count($practiceList->all()))
            @foreach($practiceList 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['activity_name']}}</td>
                <td>{{$v['activity_site']}}</td>
                <td>{{$v['activity_content']}}</td>
                <td>{{$v['active_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-practice-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-practice-btn' title="预览"></span>
                </td>
            </tr>
            @endforeach
            @else
            <tr>
                <td colspan="9" class="no-message">暂无数据</td>
            </tr>
            @endif
        </tbody>
    </table>
    @if(count($practiceList->all()))
    <div class="c-page">
        {!! $practiceList->links() !!}
    </div>
    @endif
</div>
<!--      <div style='text-align: right;' id="page_teaching_skills_practice"></div>-->
</div>
</div>
@section('footer')
@endsection

<!-- 教学实践 编辑 -->
<script type='text' id='teaching_practice_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>
                <div class="ipt-item">
                    <label for="">活动名称：</label>
                    <input style='width:150px;margin-left:10px;padding:5px 10px;' value="" type="text" name="activity_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">
                    <label for="">地点：</label>
                    <input style='width:150px;margin-left:10px;padding:5px 10px;' type="text" name="activity_site" required  lay-verify="required" placeholder="请输入地点" autocomplete="">
                </div>
                <div class="ipt-item" style='width:650px'>
                    <label for="">日期：</label>
                    <input id='practiceStartDate' style='width:150px;margin-left:10px;padding:5px 10px;' type="text" name="activity_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='practiceEndDate' 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:150px;'>
                    <label for="">活动内容：</label>
                    <textarea placeholder='输入内容' style='resize:none;width:500px;margin-left:10px;height:130px;vertical-align: text-top;' name="activity_content" id="activity_content" ></textarea>
                </div>
                <div class="ipt-item" style='width:640px;'>
                    <label for="">心得体会：</label>
                    <textarea placeholder='心得体会' style='' name="active_experience" id="active_experience" ></textarea>
                </div>
        </div>
    </div>
</script>

<!-- 教学实践 计划 -->
<script type='text' id='teaching_practice_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_activity_name"></span>
        </div>
        <div class="ipt-item" style='width:200px;'>
            <label for="">活动地点：</label>
            <span id="view_activity_site"></span>
        </div>
        <div class="ipt-item" style='width:300px;' >
            <label for="">日期：</label>
            <span id="view_activity_time"></span>
        </div>
        <div class="ipt-item" style='width:640px;height:220px;'>
            <label for="">活动内容：</label>
            <textarea readonly="readonly"  placeholder='心得体会' style='height:200px' name="" id="view_activity_content" ></textarea>
        </div>
        <div class="ipt-item" style='width:640px;height:220px'>
            <label for="">心得体会：</label>
            <textarea readonly="readonly"  placeholder='心得体会' style='height:200px' name="" id="view_active_experience" ></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/delPractice',
                    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/addPractice';
                            });

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

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