@extends('manager.layout.master')

@section('body')
    <blockquote class="layui-elem-quote">章节管理 <small>按课程管理章节（图文/录播/直播），选「全部课程」可查看所有章节</small></blockquote>

    <div class="my-btn-box">
        <span class="fl">
            <div class="layui-form layui-form-pane" style="display:inline-block;margin-right:8px;vertical-align:middle;">
                <div class="layui-form-item" style="margin-bottom:0;">
                    <label class="layui-form-label" style="width:64px;padding:0 8px;">课程</label>
                    <div class="layui-input-inline" style="width:200px;margin-right:0;">
                        <select id="courseSwitch" lay-search lay-filter="courseSwitch">
                            <option value="0" @if($course_id==0) selected @endif>全部课程</option>
                            @foreach($courses as $c)
                                <option value="{{$c->id}}" @if($c->id==$course_id) selected @endif>{{$c->title}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>
            <a class="layui-btn btn-add btn-default" onclick="openView('{{route('chapterAdd', ['course_id' => $course_id ?: ($courses->first()->id ?? 0)])}}','添加章节','720px')" id="btn-add">
                <i class="layui-icon">&#xe608;</i>添加章节</a>
            <a class="layui-btn layui-btn-normal" id="pageReload" title="刷新"><i class="layui-icon layui-icon-refresh-1"></i> 刷新</a>
        </span>
        <span class="fr">
            <form class="layui-form layui-form-pane" method="get">
                <input type="hidden" name="course_id" value="{{$course_id}}">
                <div class="layui-input-inline" style="width:200px;">
                    <input type="text" name="keyword" value="{{$keyword}}" placeholder="搜索章节标题" autocomplete="off" class="layui-input">
                </div>
                <button type="submit" class="layui-btn"><i class="layui-icon">&#xe615;</i> 查询</button>
            </form>
        </span>
    </div>

    <table class="layui-table">
        <thead>
        <tr>
            <th>ID</th>
            <th>章节标题</th>
            @if($showCourse)<th>所属课程</th>@endif
            <th>类型</th>
            <th>学时</th>
            <th>排序</th>
            <th>状态</th>
            <th>添加时间</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody>
        @foreach($list as $vo)
            <tr>
                <td>{{$vo->id}}</td>
                <td>{{$vo->title}}</td>
                @if($showCourse)<td>{{$vo->course->title ?? '-'}}</td>@endif
                <td>
                    @if($vo->type == 1)
                        <span class="layui-badge layui-bg-blue">图文</span>
                    @elseif($vo->type == 2)
                        <span class="layui-badge layui-bg-orange">录播</span>
                    @else
                        <span class="layui-badge layui-bg-green">直播</span>
                    @endif
                </td>
                <td>{{$vo->hours}}</td>
                <td>{{$vo->sort}}</td>
                <td>
                    @if($vo->status == 2)
                        <span class="badge badge-danger">禁用</span>
                    @else
                        <span class="badge badge-success">正常</span>
                    @endif
                </td>
                <td>{{$vo->create_time}}</td>
                <td class="table-op-col">
                    <div class="btn-group">
                        @if($vo->status == 2)
                            <a class="layui-btn layui-btn-sm btn-icon btn-icon-toggle" title="启用" onclick="handle('{{route('chapterHandle', ['id' => $vo->id])}}','是否启用该章节？')"><i class="layui-icon layui-icon-ok-circle"></i></a>
                        @else
                            <a class="layui-btn layui-btn-sm btn-icon btn-icon-toggle" title="禁用" onclick="handle('{{route('chapterHandle', ['id' => $vo->id])}}','是否禁用该章节？')"><i class="layui-icon layui-icon-close-fill"></i></a>
                        @endif
                        <a class="layui-btn layui-btn-sm btn-icon btn-icon-edit" title="编辑" onclick="openView('{{route('chapterEdit',['id' => $vo->id])}}','编辑章节','720px')"><i class="layui-icon layui-icon-edit"></i></a>
                        <a class="layui-btn layui-btn-sm btn-icon btn-icon-del" title="删除" onclick="del('{{ route('chapterDel', ['id' => $vo->id]) }}')"><i class="layui-icon layui-icon-delete"></i></a>
                    </div>
                </td>
            </tr>
        @endforeach
        </tbody>
    </table>

    @include('manager.include.pageBtn')

@stop

@section('js')
    <script>
        layui.use(['form', 'jquery'], function () {
            var form = layui.form, $ = layui.jquery;
            form.on('select(courseSwitch)', function (data) {
                var cid = data.value;
                var kw = $('input[name=keyword]').val();
                window.location.href = '{{route('chapterList')}}?course_id=' + cid + '&keyword=' + encodeURIComponent(kw || '');
            });
            $('#pageReload').on('click', function () {
                window.location.reload();
            });
        });
    </script>
@stop