{extend name="public:base" /}
{block name="content"}
<!-- Page-Title -->
<div class="row">
    <div class="col-sm-4">
        <h4 class="page-title">SEO管理</h4>
    </div>
</div>
<div class="row">
    <div class="col-lg-12">
        <div class="btn-toolbar m-t-20" role="toolbar">
            <div class="btn-group">
                <button class="btn btn-primary check-btn" data-target=".check-ids" type="button">
                    全选/反选
                </button>
            </div>

            <!--div class="btn-group">
                <a class="btn btn-success open-form-modal" href="{:url('create')}">新增规则</a>
            </div>
            
            <div class="btn-group pull-right">
                <button class="btn btn-warning disable-batch" data-target=".check-ids"  data-url="{:url('setStatus?status=0')}" type="button">
                    禁用
                </button>
                <button class="btn btn-success success-batch" data-tip="" data-target=".check-ids"  data-url="{:url('setStatus?status=1')}" type="button">
                    启用
                </button>
                <button class="btn btn-danger delete-batch" data-tip="" data-target=".check-ids"  data-url="{:url('setStatus?status=-1')}" type="button">
                    删除
                </button>
            </div-->

        </div>
    </div>
</div>
<!-- End row -->
<div class="panel panel-default m-t-20">
    <div class="panel-body p-0">
        <div class="table-responsive">
            <table class="table table-hover mails m-0 table table-actions-bar">
                <thead>
                    <tr>
                        <th width="80">
                            <div class="checkbox checkbox-primary checkbox-single m-r-5"></div>
                            <div class="btn-group dropdown">
                                排序
                                <button type="button" class="btn btn-white btn-xs dropdown-toggle waves-effect waves-light" data-toggle="dropdown" aria-expanded="false"><i class="caret"></i></button>
                                <ul class="dropdown-menu" role="menu">
                                    <li><a href="{:url('?field=id&order=desc')}">ID倒序</a></li>
                                    <li><a href="{:url('?field=id&order=asc')}">ID正序</a></li>
                                    <li><a href="{:url('?field=create_time&order=desc')}">创建日期倒序</a></li>
                                    <li><a href="{:url('?field=create_time&order=asc')}">创建日期正序</a></li>
                                </ul>
                            </div>
                        </th>
                        <th>规则标题</th>
                        <th>标题规则</th>
                        <th>关键字规则</th>
                        <th>描述规则</th>
                        <th width="20">操作</th>
                    </tr>
                </thead>

                <tbody>
                    {volist name="_list" id="vo"}
                    <tr>
                        <td>
                            <div class="checkbox checkbox-primary m-r-5">
                                <input id="checkbox{$vo['id']}" class="check-ids" name="id[]" type="checkbox" value="{$vo['id']}">
                                <label for="checkbox{$vo['id']}"></label>
                            </div>     
                            <i class="fa fa-circle m-l-5 text-{$statusStyle[$vo['status']]}"></i>
                        </td>                    
                        <td>{$vo['title']}</td>
                        <td>{$vo['title_rule']|msubstr=0,30}</td>
                        <td>{$vo['keywords_rule']|msubstr=0,20}</td>
                        <td>{$vo['description_rule']|msubstr=0,20}</td>
                        <td>
                            <a href="{:url('edit?id='.$vo['id'])}" class="table-action-btn open-form-modal">
                                <i class="fa fa-pencil text-info"></i>
                            </a>
                        </td>
                    </tr>
                    {/volist}
                </tbody>
            </table>

        </div>
    </div>
    <!-- panel body -->
</div>
<!-- panel -->
<div class="row">
    <div class="col-sm-3">
        <div class="dataTables_info" id="datatable_info" role="status" aria-live="polite">     共计{$_total}条数据
        </div>
    </div>
    <div class="col-sm-9">
        <div class="dataTables_paginate paging_simple_numbers text-right" id="datatable_paginate">
            {$_page}
        </div>
    </div>
</div>
{/block}

{block name="script"}
<script type="text/javascript">
$(function ($) {});
</script>
{/block}