{extend name="public/base" /}

{block name="body"}
<blockquote class="layui-elem-quote">
    <button type="button" class="layui-btn layui-btn-small layui-btn-danger" data-href="{:url('database/del')}" id="del"><i class="layui-icon">&#xe640;</i> 删除备份</button>
    <span class="pull-right text-muted">备份文件下载，请到服务器站点备份目录中下载</span>
</blockquote>

<div class="layui-form admin-main">
    <table class="layui-table">
        <thead>
            <tr>
                <th width="20"><input type="checkbox" lay-skin="primary" lay-filter="allChoose"></th>
                <th>备份名称</th>
                <th>卷数</th>
                <th>压缩</th>
                <th>数据大小</th>
                <th>备份时间</th>
            </tr>
        </thead>
        <tbody>
            {volist name="list" id="vo"}
            <tr>
                <td><input type="checkbox" data-time="{$vo.time}" lay-filter="time" lay-skin="primary"></td>
                <td>{$vo.time|date='Ymd-His',###}</td>
                <td>{$vo.part}</td>
                <td>{$vo.compress}</td>
                <td>{$vo.size}</td>
                <td>{$key}</td>
            </tr>
            {/volist}
        </tbody>
    </table>
</div>
{/block}

{block name="layui"}
<script type="text/javascript">
    layui.use(['form'], function() {
        var $ = layui.jquery, form = layui.form();
        form.on('checkbox(allChoose)', function(data) {
            var child = $(data.elem).parents('table').find('tbody input[lay-filter="time"]');
            child.each(function(index, item) {
                item.checked = data.elem.checked;
            });
            form.render('checkbox');
        });

        $('#del').on('click', function(e) {
            var nodes = getSelected();
            var $this = $(this);
            if (nodes.length < 1) {
                layer.msg('请至少选择一个备份');
            } else {
                layer.confirm('你确定要删除么？', {icon: 3, title:'提示'}, function(index) {
                    $.post($this.data('href'), {time: nodes}, function(res) {
                        layer.close(index);
                        layer.msg(res.msg, {icon: Math.abs(res.code - 2), time: 1000}, function() {
                            if (res.code == 1) {
                                location.reload();
                            }
                        });
                    });
                });
            }
        });

        function getSelected() {
            var child = $('.layui-form').find('tbody input[lay-filter="time"]:checked');
            var idArr = [];
            child.each(function(index, item) {
                idArr[index] = $(item).data('time');
            });
            return idArr;
        }
    });
</script>
{/block}