{layout name="public/layout_main"}

<section class="wrapper">
    <h3><i class="fa fa-angle-right"></i> 分类管理</h3>
    <!-- 分割线 -->
    <hr>

    <div class="row margin-bottom">
        <div class="col-md-12">
            <form class="form-inline pull-left" method="GET" action="{:url('admin/project/Catalogs')}" >
                <div class="form-group margin-right">
                    <label for="name">分类名</label>
                    <input class="form-control" type="text" name="name" id="name" value="<?php echo input('title');?>" />
                </div>
                <button type="submit" class="btn btn-primary">搜索</button>
            </form>
            <div class=" pull-right">
              <a  href="{:url('admin/project/addCatalogs')}" class="btn btn-success">添加分类</a>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="table-responsive">
                <table class="table table-bordered table-striped">
                    <!--<colgroup>-->
                        <!--<col style="width: 2%;">-->
                        <!--<col style="width: 80%;">-->
                        <!--<col style="width: 5%;">-->
                        <!--<col style="width: 5%;">-->
                        <!--<col style="width: 10%;">-->
                    <!--</colgroup>-->
                    <thead>
                    <tr>
                        <th>#</th>
                        <th>分类名称</th>
                        <th>分类图标</th>
                        <th>引用次数</th>
                        <th>排序</th>
                        <th>发布时间</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    {volist name="tag_list" id="vo" key="k" empty="暂时没有数据"}
                    <tr>
                        <td>{$k}</td>
                        <td>{$vo.name}</td>
                        <td><img style="width:170px" src="{$vo.poster}" alt=""></td>
                        <td>{$vo.used_num}</td>
                        <td>{$vo.sort}</td>
                        <td>{$vo.created_at}</td>
                        <td>
                            <a href="{:url('admin/project/editCatalogs',['id'=>$vo.id])}" class="btn btn-xs btn-primary"><i class="fa fa-pencil"></i></a>
                            <a href="###" class="btn btn-xs btn-danger"><i class="fa fa-trash"></i></a>
                        </td>
                    </tr>
                    {/volist}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            {$tag_list->render()}
        </div>
    </div>
</section>

<script type="text/javascript">
    $("#myModal").modal();
    // 文档加载完毕之后，会进入该方法
    $(function(){
        $(".btn-delete").click(function(){
            var _this = $(this);
            var url = "delete";
            var oid = _this.attr('oid');
            showDialog("提示", "确定删除这篇文章吗？", function () {
                // ajax post 方法
                $.post(url, {id:oid}, function (res) {
                    var res = JSON.parse(res);
                    if (res.error == 1) {
                        // javascript 的默认弹出提示方法
                        alert(res.msg);
                    } else {
                        _this.remove();
                        $("#tr_"+oid).fadeOut();
                    }
                });
            });
        });
    });
</script>