{layout name="layout" /}

<nav class="breadcrumb">
    <i class="Hui-iconfont">&#xe67f;</i>
    <a href="{:url('admin/index/index')}"> 首页</a>
    <span class="c-gray en">&gt;</span>
    <a href="{:url('admin/carousel/index')}">轮播图管理</a>
    <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);"
        title="刷新">
        <i class="Hui-iconfont">&#xe68f;</i>
    </a>
</nav>

<div class="Hui-article">
    <article class="cl pd-20" style="min-width: 900px;">
        <div class="cl pd-5 bg-1 bk-gray mt-20">
            <span class="l">
                <a href="javascript:;" onclick="del_all()" class="btn btn-danger radius">
					<i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a>
				<a class="btn btn-primary radius" href="{:url('save')}">
					<i class="Hui-iconfont">&#xe600;</i>轮播图</a>
            </span>
            <span class="r">共有数据：<strong id="total">{notempty name="data"}{$data->total()}{else/}0{/notempty}</strong> 条</span>
        </div>
        <div id="edatalist">
            <table class="table table-border table-bordered table-bg">
                <thead>
                    <tr class="text-c">
                        <th width="25px;">
                            <input type="checkbox" name="" value="">
                        </th>
                        <th width="80px;">ID</th>
                        <th style="min-width: 260px;">图片地址</th>
                        <th>缩略图</th>
                        <th>跳转连接</th>
                        <th>标题</th>
                        <th>简介</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    {foreach $data as $val}
                    <tr class="text-c va-m">
                        <td>
                            <input type="checkbox" value="{$val.id}" name="checkbox[]">
                        </td>
                        <td>{$val.id}</td>
                        <td class="text-l">
                            <a href="{$val.picture}" style="text-decoration:none" title="浏览" target="_blank">{$val.picture}</a>
                        </td>
                        <td class="text-l">
                            <a href="{$val.thumb}" style="text-decoration:none" title="浏览" target="_blank">{$val.thumb}</a>
                        </td>
                        <td>{$val.url}</td>
                        <td>{$val.title}</td>
                        <td>{$val.summary}</td>
                        <td class="td-manage">
                            <a href="{:url('save?id='.$val.id)}" title="编辑" style="text-decoration:none" class="ml-10">
                                <i class="Hui-iconfont">&#xe6df;</i>
                            </a>
                            <a href="javascript:;" title="删除" style="text-decoration:none" class="ml-10" onClick="del(this,'{$val.id}')">
                                <i class="Hui-iconfont">&#xe6e2;</i>
                            </a>
                        </td>
                    </tr>
                    {/foreach}
                </tbody>
            </table>
        </div>
        <div class="cl pd-5 bg-1 bk-gray mt-20 ">
            <span class="r">{notempty name="data"}{$data->render()}{/notempty}</span>
        </div>
    </article>
</div>
<script>
    //列表删除条目
    function del(obj, id) {
        layer.confirm('确认要删除吗？', function (index) {
            $.post('delete', {
                'id': id
            }, function (data) {
                if (data.code == 2) {
                    $(obj).parents("tr").remove();
                    layer.msg(data.msg, {
                        icon: 1,
                        time: 1000
                    });
                } else {
                    layer.msg(data.msg, {
                        icon: 5,
                        time: 2000
                    });
                    return false;
                }
            }, 'json');
        });
    }

    //列表多选删除条目
    function del_all() {
        if (isNull(controller)) {
            url = 'del';
        } else {
            url = '/admin/' + controller + '/del';
        }
        var checkbox = $('.text-c input[name="checkbox[]"]');
        var ids = new Array();
        checkbox.each(function (x) {
            if (this.checked)
                ids.push(this.value);
        })

        var length = ids.length;

        if (length == 0) {
            layer.msg('请选择要删除的选项', {
                icon: 5,
                time: 1000
            });
            return false;
        }

        layer.confirm('确认要删除选中项吗？', function (index) {
            $.post('delete', {
                'id': ids
            }, function (data) {
                if (data.code == 2) {
                    checkbox.each(function (x) {
                        if (this.checked)
                            $(this).parents("tr").remove();
                    })
                    layer.msg(data.msg, {
                        icon: 1,
                        time: 1000
                    });
                } else {
                    layer.msg(data.msg, {
                        icon: 5,
                        time: 2000
                    });
                    return false;
                }
            }, 'json');
        });
    }
</script>