@extends('layouts.crm')
@section('title')我的学习@endsection
@section('header')
    <style>
        .my-logo{
            width: 112px;
            height: 142px;
        }
    </style>
@endsection
@section('navbread')
    {{-- */ $navbread = [
        ['name' => '我的学习', 'href' =>  '/study/addCertificate'],
        ['name' => '我的学习', 'href' =>  '/study/trainList'],

        ] /* --}}
@endsection
@section('body')
    <div class='nav-box'>
        <form action="">
            <label class="">条件：</label>
            <select name="search_type" lay-verify="required">
                <option value="0">全部</option>
                <option value="1" @if ($search_type == 1) selected @endif>教职工号</option>
                <option value="2" @if ($search_type == 2) selected @endif>姓名</option>
                <option value="3" @if ($search_type == 3) selected @endif>部门</option>
                <option value="4" @if ($search_type == 4) selected @endif>学习类型</option>
            </select>
            <label style='margin-left:60px' class="">搜索：</label>
            <div class='input-search-box'>
                <input style='position:relative;top:2px' type="text" name="keywords" value=""  lay-verify="required" placeholder="请输入关键词" autocomplete="off" class="layui-input">
                <span class='search-icon'></span>
            </div>

            <button type="submit" style='margin-left:40px;' class='layui-btn layui-btn-normal'>查询</button>
        </form>
    </div>

    <div class='c-table my-study-table'>
        <table class="layui-table">
            <colgroup>
                <col width="10%">
                <col width="20%">
                <col width="10%">
                <col width="30%">
                <col width="10%">
                <col width="20%">

            </colgroup>
            <thead>
            <tr>
                <th>教职工号</th>
                <th>姓名</th>
                <th>部门</th>
                <th>名称</th>
                <th>学习类型</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            @if(count($studyList->all()))
                @foreach($studyList as $k=>$v)
                    <tr>
                        <td>{{$v['staff_no']}}</td>
                        <td>{{$v['name']}}</td>
                        <td>{{ isset($depart[$v['department']]) ? $depart[$v['department']]['og_name'] : '未知' }}</td>
                        <td>{{$v['study_name']}}</td>
                        <td class='study-type'  @if ($v['study_type'] === 1)data-type='证书'@elseif ($v['study_type'] === 2)data-type='专题'@else
                        data-type='培训'
                                @endif>
                            @if ($v['study_type'] === 1)
                                证书
                            @elseif ($v['study_type'] === 2)
                                专题
                            @else
                                培训
                            @endif

                        </td>
                        <td>
                            <a href="javascript:void(0);"  class='study-check-btn' data-token="{{csrf_token()}}" data-id='{{$v['id']}}'>查看</a>
                            @if(hasPower('study::editStudy'))
                                <a href="javascript:void(0);" onclick="updateinfo('{{$v['id']}}','{{$v['study_type']}}')">修改</a>
                            @endif
                            @if(hasPower('study::delStudy'))
                                <a href="javascript:void(0);" onclick="delinfo('{{$v['id']}}')">删除</a>
                            @endif
                        </td>
                    </tr>

                @endforeach
            @else
                <tr>
                    <td colspan="9" class="no-message">暂无数据</td>
                </tr>
            @endif
            </tbody>
        </table>
        @if(count($studyList->all()))
            <div class="c-page">
                {!! $studyList->links() !!}
            </div>
        @endif
    </div>




    </div>
    </div>




@section('footer')
@endsection




<script id='check_my_study_zs' type='text'>
    <div class='edit-student-honor-layer'>
        <div style='text-align:left;margin:20px 60px;'>
            <label style='display:inline-block;width:100px;text-align:right;' for="">教职工号：</label>
            <span id="staff_no"></span>
        </div>
        <div style='text-align:left;margin:20px 60px;'>
            <label style='display:inline-block;width:100px;text-align:right;' for="">姓名：</label>
            <span id="x_name"></span>
        </div>
        <div style='text-align:left;margin:20px 60px;'>
            <label style='display:inline-block;width:100px;text-align:right;' for="">证书名称：</label>
             <span id="study_name"></span>
        </div>
        <div style='text-align:left;margin:20px 60px;'>
            <label style='display:inline-block;width:100px;text-align:right;' for="">证书编号：</label>
            <span id="cert_number"></span>
        </div>
        <div style='text-align:left;margin:20px 60px;'>
            <label style='display:inline-block;width:100px;text-align:right;' for="">发证单位：</label>
            <span id="cert_unit"></span>
        </div>
        <div style='position:relative;text-align:left;margin:20px 60px;'>
            <label style='display:inline-block;width:100px;text-align:right;' for="">发证日期：</label>
            
            <span id='creat_at'></span>
        </div>
        <div style='text-align:left;margin:20px 50px;'>
            <label style='display:inline-block;width:110px;text-align:right;' for="">附件：</label>
            <span style='margin-left:50px;color:#666;cursor:pointer;' class="noth"><a id="view_attachments" href="" target="_blank" >在线浏览</a></span>
        </div>
    </div>
</script>


<script id='check_my_study_px' type='text'>
    <div class='edit-student-honor-layer'>
        <div style='text-align:left;margin:20px 60px;'>
            <label style='display:inline-block;width:100px;text-align:right;' for="">教职工号：</label>
            <span id="staff_no"></span>
        </div>
        <div style='text-align:left;margin:20px 60px;'>
            <label style='display:inline-block;width:100px;text-align:right;' for="">姓名：</label>
            <span id="x_name"></span>
        </div>
        <div style='text-align:left;margin:20px 60px;'>
            <label style='display:inline-block;width:100px;text-align:right;' for="">培训名称：</label>
            <span id="study_name"></span>
        </div>
        <div style='text-align:left;margin:20px 60px;'>
            <label style='display:inline-block;width:100px;text-align:right;' for="">培训对象：</label>
            <span id="train_object"></span>
        </div>
        <div style='text-align:left;margin:20px 60px;'>
            <label style='display:inline-block;width:100px;text-align:right;' for="">培训地点：</label>
            <span id="site"></span>
        </div>
        <div style='position:relative;text-align:left;margin:20px 60px;'>
            <label style='display:inline-block;width:100px;text-align:right;' for="">开始日期：</label>
            <span style='' id="start_time"></span>
        </div>
        <div style='position:relative;text-align:left;margin:20px 60px;'>
            <label style='display:inline-block;width:100px;text-align:right;' for="">结束日期：</label>
            <span style='' id="end_time"></span>
        </div>
        <div style='text-align:left;margin:20px 50px;'>
            <label style='display:inline-block;width:110px;text-align:right;' for="">培训收获：</label>
            <p style='width:150px;display:inline-block;vertical-align: text-top' id="harvest"></p>
        </div>
    </div>
</script>

<script id='check_my_study_zt' type='text'>
    <div class='edit-student-honor-layer'>
        <div style='text-align:left;margin:20px 60px;'>
            <label style='display:inline-block;width:100px;text-align:right;' for="">教职工号：</label>
            <span id="staff_no"></span>
        </div>
        <div style='text-align:left;margin:20px 60px;'>
            <label style='display:inline-block;width:100px;text-align:right;' for="">姓名：</label>
            <span id="x_name"></span>
        </div>
        <div style='text-align:left;margin:20px 60px;'>
            <label style='display:inline-block;width:100px;text-align:right;' for="">专题名称：</label>
            <span id="study_name"></span>
        </div>
        <div style='text-align:left;margin:20px 60px;'>
            <label style='display:inline-block;width:100px;text-align:right;' for="">学习日期：</label>
            <span id="study_time"></span>
        </div>
        <div style='text-align:left;margin:20px 60px;'>
            <label style='display:inline-block;width:100px;text-align:right;' for="">地点：</label>
            <span id="site"></span>
        </div>
        <div style='position:relative;text-align:left;margin:20px 60px;'>
            <label style='display:inline-block;width:100px;text-align:right;' for="">内容摘要：</label>
            <p style='width:150px;display:inline-block;vertical-align: text-top' id="content_brief"></p>
        </div>
        <div style='text-align:left;margin:20px 50px;'>
            <label style='display:inline-block;width:110px;text-align:right;' for="">学习成果：</label>
            <p style='width:150px;display:inline-block;vertical-align: text-top' id="harvest"></p>
        </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 updateinfo(id,type){
        if(type == 1){
            var urls = '/study/addCertificate';
        }
        if(type == 2){
            var urls = '/study/addSpecial';
        }
        if(type == 3){
            var urls = '/study/addTrain';
        }
        window.location.href = urls+'?id='+id;

    }
    function delinfo(id){
        layer.confirm('确定删除吗？', {
            btn: ['确定','取消'] //按钮
        }, function(){
            $.ajax({
                url: '/study/delStudy',
                type: 'post',
                data: {id:id,_token:"{{ csrf_token() }}"},
                dataType: "json",
                success: function(re){
                    if(re.code == 1){
                        layer.msg(re.data,{time:1000},function(){
                            location.reload()
                        });

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

//执行一个laydate实例
        laydate.render({
            elem: '#trainStartDate' //指定元素
        });
        laydate.render({
            elem: '#trainEndDate' //指定元素
        });
    });
    main.myStudy.init();
</script>
@endsection