{extend name="public/container"}
{block name="content"}
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-header">课程列表</div>
        <div class="layui-card-body">
            <form class="layui-form layui-form-pane" action="">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">搜索标题</label>
                        <div class="layui-input-inline">
                            <input type="text" name="title" class="layui-input" placeholder="请输入关键字">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">显示状态</label>
                        <div class="layui-input-inline">
                            <select name="is_show">
                                <option value="">全部</option>
                                <option value="1">显示</option>
                                <option value="0">隐藏</option>
                            </select>
                        </div>
                    </div>
                    <div class="layui-inline">
                        <div class="layui-input-inline">
                            <button class="layui-btn layui-btn-normal layui-btn-sm" lay-submit="search"
                                    lay-filter="search">
                                <i class="layui-icon layui-icon-search"></i>搜索
                            </button>
                        </div>
                    </div>
                </div>
            </form>
            <div class="layui-btn-container">
                <button type="button" class="layui-btn layui-btn-normal layui-btn-sm" data-type="add">
                    <i class="layui-icon layui-icon-add-1"></i>添加课程
                </button>
                <button type="button" class="layui-btn layui-btn-normal layui-btn-sm" data-type="refresh">
                    <i class="layui-icon layui-icon-refresh-1"></i>刷新
                </button>
            </div>
            <table id="List" lay-filter="List"></table>
            <script type="text/html" id="is_show">
                <input type='checkbox' name='id' lay-skin='switch' value="{{d.id}}" lay-filter='is_show'
                       lay-text='显示|隐藏' {{ d.is_show== 1 ? 'checked' : '' }}>
            </script>
            <script type="text/html" id="recommend">
                <div class="layui-btn-container">
                    {{# layui.each(d.recommend, function(index, item){ }}
                    <button type="button" class="layui-btn layui-btn-yd layui-btn-normal layui-btn-xs"
                            data-type="recommend" data-id="{{index}}" data-pid="{{d.id}}">yd-{{item}}
                    </button>
                    {{# }); }}
                </div>
                <div class="layui-btn-container">
                    {{# layui.each(d.web_recommend, function(index, item){ }}
                    <button type="button" class="layui-btn layui-btn-pc layui-btn-normal layui-btn-xs"
                            data-type="recommend" data-id="{{index}}" data-pid="{{d.id}}">pc-{{item}}
                    </button>
                    {{# }); }}
                </div>
            </script>
            <script type="text/html" id="lecturer_name">
                <p>{{d.lecturer_name}}/{{d.mer_id}}</p>
            </script>
            <script type="text/html" id="lecturer_head">
                <img width="50" height="50" lay-event='open_image' src="{{d.lecturer_head}}">
            </script>
            <script type="text/html" id="mer_id">
                <div class="layui-btn-group">
                    {{# if(d.mer_id==0){ }}
                    <button type="button" class="layui-btn layui-btn-normal layui-btn-xs" data-type="mercreate"
                            data-id="{{d.id}}">生成课程后台
                    </button>
                    {{# }else{ }}
                    <a class="layui-btn layui-btn-warm layui-btn-xs" target="_blank"
                       href="{:url('merchant.merchant/login')}?id={{d.mer_id}}">访问</a>
                    <button class="layui-btn layui-btn-normal layui-btn-xs"
                            onclick="$eb.createModalFrame('编辑课程信息','{:Url('merchant.merchant/edit')}?id={{d.mer_id}}',{h:700,w:800})">
                        编辑
                    </button>
                    <button class="layui-btn success layui-btn-xs" lay-event='reset_pwd'>重置密码</button>
                    {{# } }}
                </div>
            </script>
            <script type="text/html" id="status">
                {{# if(d.status==1){ }}
                <button lay-event='modify_error' class="modify layui-btn layui-btn-normal layui-btn-xs zsff-success"
                        type="button">[正常]
                </button>
                {{# }else{ }}
                <button lay-event='modify_success' class="modify layui-btn layui-btn-danger layui-btn-xs zsff-fail"
                        type="button">[锁定]
                </button>
                {{# } }}
            </script>
            <script type="text/html" id="is_source">
                {{# if(d.is_source==1){ }}
                入驻
                {{# }else{ }}
                平台
                {{# } }}
            </script>
            <script type="text/html" id="act">
                <button type="button" class="layui-btn layui-btn-normal layui-btn-xs" onclick="dropdown(this)">
                    <i class="layui-icon">&#xe625;</i>操作
                </button>
                <ul class="layui-nav-child layui-anim layui-anim-upbit">
                    <li>
                        <a href="javascript:void(0)" lay-event="edit">
                            <i class="iconfont icon-bianji"></i> 编辑课程
                        </a>
                    </li>
                    {{# if(d.mer_id>0){ }}
                    <li>
                        <a href="javascript:void(0)"
                           onclick="$eb.createModalFrame('{{d.lecturer_name}}-推荐管理','{:Url('recommend')}?lecturer_id={{d.id}}',{h:300,w:400})">
                            <i class="iconfont icon-PCshouye"></i> 推至移动首页
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)"
                           onclick="$eb.createModalFrame('{{d.lecturer_name}}-推荐管理','{:Url('web_recommend')}?lecturer_id={{d.id}}',{h:300,w:400})">
                            <i class="iconfont icon-PCshouye"></i> 推至PC首页
                        </a>
                    </li>
                    {{# } }}
                    <li>
                        <a lay-event='delstor' href="javascript:void(0)">
                            <i class="iconfont icon-shanchu"></i> 删除课程
                        </a>
                    </li>
                </ul>
            </script>
        </div>
    </div>
</div>
<script src="{__ADMIN_PATH}js/layuiList.js"></script>
{/block}
{block name="script"}
<script>
    var $ = layui.jquery;
    var layer = layui.layer;
    //实例化form
    layList.form.render();
    //加载列表
    layList.tableList({
            o: 'List', done: function () {
                $('.layui-btn').on('mouseover', function (event) {
                    var target = event.target;
                    var type = target.dataset.type;
                    if ('recommend' === type) {
                        layer.tips('点击即可取消此推荐', target, {
                            tips: [1, '#0093dd']
                        });
                    }
                });

            }
        },
        "{:Url('offline_list')}", function () {
            return [
                {field: 'id', title: '编号', align: 'center'},
                {field: 'title', title: '标题', templet: '#title', align: 'left'},
                {field: 'pic', title: '主图', align: 'center', templet: '#pic'},
                {field: 'apply_start_time', title: '报名开始时间', align: 'center', templet: '#apply_start_time'},
                {field: 'apply_end_time', title: '报名结束时间', align: 'center', templet: '#apply_end_time'},
                {field: 'start_time', title: '开始时间', align: 'center', templet: '#start_time'},
                {field: 'end_time', title: '结束时间', align: 'center', templet: '#end_time'},
                {field: 'right', title: '操作',align:'center',toolbar:'#act',minWidth:81},
            ];
        });
    //下拉框
    $(document).click(function (e) {
        $('.layui-nav-child').hide();
    })

    function dropdown(that) {
        var oEvent = arguments.callee.caller.arguments[0] || event;
        oEvent.stopPropagation();
        var offset = $(that).offset();
        var top = offset.top - $(window).scrollTop();
        var index = $(that).parents('tr').data('index');
        $('.layui-nav-child').each(function (key) {
            if (key != index) {
                $(this).hide();
            }
        })
        if ($(document).height() < top + $(that).next('ul').height()) {
            $(that).next('ul').css({
                'padding': 10,
                'top': -($(that).parent('td').height() / 2 + $(that).height() + $(that).next('ul').height() / 2),
                'min-width': 'inherit',
                'position': 'absolute'
            }).toggle();
        } else {
            $(that).next('ul').css({
                'padding': 10,
                'top': $(that).parent('td').height() / 2 + $(that).height(),
                'min-width': 'inherit',
                'position': 'absolute'
            }).toggle();
        }
    }

    //自定义方法
    var action = {
        set_value: function (field, id, value) {
            layList.baseGet(layList.Url({
                a: 'set_value',
                q: {field: field, id: id, value: value}
            }), function (res) {
                layList.msg(res.msg);
            });
        },
    }
    //查询
    layList.search('search', function (where) {
        layList.reload(where, true);
    });
    //快速编辑
    layList.edit(function (obj) {
        var id = obj.data.id, value = obj.value;
        switch (obj.field) {
            case 'sort':
                if (value.trim()) {
                    if (isNaN(value.trim())) {
                        layList.msg('请输入正确的数字');
                    } else {
                        if (value.trim() < 0) {
                            layList.msg('排序不能小于0');
                        } else if (value.trim() > 9999) {
                            layList.msg('排序不能大于9999');
                        } else if (parseInt(value.trim()) != value.trim()) {
                            layList.msg('排序不能为小数');
                        } else {
                            action.set_value('sort', id, value.trim());
                        }
                    }
                } else {
                    layList.msg('排序不能为空');
                }
                break;
        }
    });
    //监听并执行排序
    layList.sort(['id', 'sort'], true);
    //点击事件绑定

    //是否显示快捷按钮操作
    layList.switch('is_show', function (odj, value) {
        if (odj.elem.checked == true) {
            layList.baseGet(layList.Url({a: 'set_show', p: {is_show: 1, id: value}}), function (res) {
                layList.msg(res.msg);
            });
        } else {
            layList.baseGet(layList.Url({a: 'set_show', p: {is_show: 0, id: value}}), function (res) {
                layList.msg(res.msg);
            });
        }
    });
</script>
{/block}