@inject('grade', 'App\Http\Controllers\Crm\MyClassController')
@extends('layouts.crm')
@section('title')班级信息@endsection
@section('header')
    <style>
        .my-logo{
            width: 112px;
            height: 142px;
        }
    </style>
@endsection
@section('navbread')
    {{-- */ $navbread = [
        ['name' => '我的课堂', 'href' =>  '/class/info'],
        ['name' => '班级信息', 'href' =>  '/class/info'],

        ] /* --}}
@endsection
@section('body')
      <div class='nav-box'>
      </div>

      <div class='c-table my-class-table'>
            <table class="layui-table">
                <colgroup>
                    <col width="80">
                    <col width="80">
                    <col width="80">
                    <col width="100">
                    <col width="100">
                    <col width="100">
                    <col width="100">
<!--                    <col width="100">-->
                    <col>
                </colgroup>
                <thead>
                    <tr class='title' style='background:#fff;border:1px solid #e6e6e6'>
                        <th colspan='8'>
                            <h3>班级信息</h3>
                        </th>
                    </tr>
                </thead>
                <thead>
                    <tr>
                    <th>年级</th>
                    <th>班级</th>
                    <th>教室</th>
                    <th>班主任</th>
                    <th>学科教师</th>
                    <th>学生名单</th>
                    <th>学生人数</th>
                    </tr> 
                </thead>
                <tbody>
                     @if($info)
                        @foreach($info as $k=>$v)
                       
                    <tr>
                        <td rowspan="{{count($v)+1}}">
                            {{--<input type="checkbox" name="ids" value="{{$k}}">--}}
                            <span class="grade"> {{ $gradeName[$k] }}</span>
                        </td>
                    </tr>
                    @foreach($v as $key=>$val)
                    <tr>
                        <td class='can-setting'>
                            {{--<input type="checkbox" name="ids" value="{{$val['cl_id']}}">--}}
                            {{$val['cl_name']}}
                        </td>
                        <td class='can-setting'> {{$val['cs_name']}}</td>
                        <td class='can-setting'>{{$val['cl_bname']}}</td>
                        <td>
                            @if(hasPower('class::getSubjectList'))
                            <a href="javascript:void(0);" data-id="{{$val['cl_id']}}" data-token="{{csrf_token()}}" class='teacher-list'>学科教师名单</a>
                            @endif
                        </td>
                        <td>
                            @if(hasPower('class::getStudentList'))
                            <a href="javascript:void(0);" data-num ='{{$val['num']}}' data-id="{{$val['cl_id']}}" data-token="{{csrf_token()}}" class='student-list'>学生名单</a>
                            @endif
                        </td>
                        <td>{{$val['num']}}</td>
                    </tr>
                    @endforeach
                    @endforeach
                    @else
                    <tr>
                        <td colspan="9" class="no-message">暂无数据</td>
                    </tr>
                    @endif
                </tbody>
            </table>
      </div>

    </div>
</div>
<style>
    .s-t-l-table thead tr th ,.s-t-l-table tbody tr td{
        min-width:100px!important;
        text-align: center!important;
        vertical-align: middle;
    }
    .c-t-l-table thead tr th ,.c-t-l-table tbody tr td{
        min-width:120px!important;
        text-align: center!important;
        vertical-align: middle;
    }
    .head-master-ul{
        position:absolute;
        width:240px;
        left:30px;
        top:31px;
        background-color:#fff;
        border:1px solid #eee;
    }
    .head-master-ul li{
        box-sizing:border-box;
        padding:10px 5px;
        
    }
    .c-in-table tr td{
        border:none!important;
        border-right:1px solid #eee!important;
    }
    .c-in-table tr td:last-child{
        border-right:none!important;
    }
    .c-in-table tr td input[type='checkbox']{
        display:inline-block;
        padding:0 10px;
        width:20px;
        box-sizing: border-box;
    }
</style>
<!-- 学科教室名单 -->
<script type='text'  id='teacher_list_layer' >
        <div class='teacher-list-layer c-layer-padding' style="margin: 0 auto;">
            <div style='padding:10px 20px;text-align: center;width:718px;' class='btn-box'>
                    {{--<button style='margin-right:20px;' class='layui-btn layui-btn-info' id='add_teacher_l'>增加</button>
                    <button class='layui-btn layui-btn-delete delsub'>删除</button>--}}
            </div>
            <div class="teachdata" style='padding:0 20px; text-align:center;'>
                
            </div>
        </div>
</script>

<!-- 添加教师名单 -->
<script type='text' id='setting_teacher_info'>
    <div class='setting-class-info setting-teacher-info c-layer-padding'>
       
        <div class="ipt-box">
            <label for="">学科</label>
            <select id="selectSub" name="sub_name" lay-verify="required" style="padding: 5px 10px;margin-left: 10px;">
                <option value="">请选择</option>
                    @if($subject)
                        @foreach($subject as $k=>$v)
                    <option value="{{$v['sj_name']}}" >{{$v['sj_name']}}</option>
                    @endforeach
                    @else
                    <option value="" >无</option>
                    @endif
            </select>
        </div>
        <div class="ipt-box">
            <label for="">工号</label>
            <input name='staff_no' onblur="myFunction()" type="text">
        </div>
        <div class="ipt-box">
            <label for="">任教老师</label>
            <input name='teacher' readonly="readonly"  type="text">
        </div>
        <input type="hidden" name="_token" readonly="readonly"  value="{{csrf_token()}}">
        <div class="ipt-box">
            <label for="">性别</label>
            <input name='sex' readonly="readonly"  type="text">
        </div>
        <div class="ipt-box">
            <label for="">联系方式</label>
            <input name='phone' readonly="readonly"  type="text">
        </div>
    </div>
</script>
<!-- 更新教师名单 -->
<script type='text' id='update_teacher_info'>
    <div class='setting-class-info setting-teacher-info c-layer-padding'>
       
        <div class="ipt-box">
            <label for="">学科</label>
            <select id="selectSub" name="sub_name" lay-verify="required" style="padding: 5px 10px;margin-left: 10px;">
                <option value="">请选择</option>
                    @if($subject)
                        @foreach($subject as $k=>$v)
                    <option value="{{$v['sj_name']}}" >{{$v['sj_name']}}</option>
                    @endforeach
                    @else
                    <option value="" >无</option>
                    @endif
            </select>
        </div>
        <div class="ipt-box">
            <label for="">工号</label>
            <input name='classroom' onblur="mystaf()" type="text">
        </div>
         <input type="hidden" name="_token" value="{{csrf_token()}}">
        <div class="ipt-box">
            <label for="">任教老师</label>
            <input name='teacher' readonly="readonly"  type="text">
        </div>
        <div class="ipt-box">
            <label for="">性别</label>
            <input name='sex' readonly="readonly"  type="text">
        </div>
        <div class="ipt-box">
            <label for="">联系方式</label>
            <input name='contact' readonly="readonly"  type="text">
        </div>
    </div>
</script>
<!-- 学生名单 -->
<script type='text'  id='student_list_layer' >
        <div class='teacher-list-layer c-layer-padding'>
<!--            <div style='box-sizing:border-box;padding:10px 20px;width:100%;' class='btn-box'>
                    <button style='margin-right:20px;' type='button' class='layui-btn layui-btn-info' id='add_student_l'>增加</button>
                    <button class='layui-btn layui-btn-delete delstudent'>删除</button>
            </div>-->
            <div class="studentdata" style='padding:0 20px; text-align:center;'>
               
            </div>
        </div>
    </script>

<!-- 更新学生名单 -->
<script type='text' id='update_student_info'>
    <div class='setting-class-info setting-student-info c-layer-padding'>
        <div class="ipt-box">
            <label for="">学号</label>
            <input name='num' type="text">
        </div>
        <div class="ipt-box">
            <label for="">姓名</label>
            <input name='name' type="text">
        </div>
        <input type="hidden" name="_token" value="{{csrf_token()}}">
        <div class="ipt-box">
            <label for="">性别</label>
            <input name='sex' type="text">
        </div>
        <div class="ipt-box">
            <label for="">职务</label>
            <input name='post' type="text">
        </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>
  
           $('.layui-btn-delete').click(function(){
             
                if($("input[name='ids']:checked").length == 0){
                    layer.msg('未选中任何项！');
                    return false;
                }
                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: '/class/delClass',
                            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 = '/class/info';
                                    });

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

function mystaf(){
var name = $('[name=classroom]').val();
$.ajax({
        url: '/class/getTeacher',
        type: 'post',
        data: {name:name,_token:"{{ csrf_token() }}"},
        dataType: "json",
        success: function(re){
                if(re.code == 1){
                    if(re.data.sex == 1){
                        $('[name=sex]').val("男");
                    }else{
                        $('[name=sex]').val("女");
                    }
                    $('[name=teacher]').val(re.data.name);
                    $('[name=phone]').val(re.data.mobile);
                }else{
                 layer.msg(re.errMsg);
                 $('[name=teacher]').val("");
                 $('[name=sex]').val("");
                 $('[name=phone]').val("");
                 $('[name=contact]').val("");
                }
        }
    })
}
function myFunction(){
var name = $('[name=staff_no]').val();
$.ajax({
        url: '/class/getTeacher',
        type: 'post',
        data: {name:name,_token:"{{ csrf_token() }}"},
        dataType: "json",
        success: function(re){
                if(re.code == 1){
                    if(re.data.sex == 1){
                        $('[name=sex]').val("男");
                    }else{
                        $('[name=sex]').val("女");
                    }
                    $('[name=teacher]').val(re.data.name);
                    $('[name=phone]').val(re.data.mobile);
                }else{
                 layer.msg(re.errMsg);
                 $('[name=teacher]').val("");
                 $('[name=sex]').val("");
                 $('[name=phone]').val("");
                }
        }
    })

}
//JavaScript代码区域
layui.use('element', function(){
  var element = layui.element;
});
layui.use('upload', function(){
  var upload = layui.upload;
   
  //执行实例
  var uploadInst = upload.render({
    elem: '#upload_img_2' //绑定元素
    ,url: '/' //上传接口
    ,done: function(res){
      //上传完毕回调
    }
    ,error: function(){
      //请求异常回调
    }
  });
})
main.myClass.init();
</script>
@endsection