{extend name="public:base" /}
{block name="content"}
<!-- Page-Title -->
<div class="row">
    <div class="col-sm-4">
        <h4 class="page-title">用户组管理</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">
                <button aria-expanded="false" class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">
                    按状态显示
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu">
                    <li class="{eq name="status" value="success"}active{/eq}">
                        <a class="list-group-item b-0" href="{:url('?status=success')}">
                            <i class="fa fa-circle text-success m-r-10"></i>正常
                        </a>
                    </li>
                    <li class="{eq name="status" value="fail"}active{/eq}">
                        <a class="list-group-item b-0" href="{:url('?status=fail')}">
                            <i class="fa fa-circle m-r-10"></i>禁用
                        </a>
                    </li>
                    <li class="{eq name="status" value="all"}active{/eq}">
                        <a class="list-group-item b-0" href="{:url('?status=all')}">
                            <i class="fa fa-circle text-info m-r-10"></i>全部
                        </a>
                    </li>
                </ul>
            </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">选</th>
                        <th>名称</th>
                        <th>别名</th>
                        <th>图标</th>
                        <th>字体图标</th>
                        <th>创建日期</th>
                        <th>更新日期</th>
                        <th width="120">操作</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['name']}</td>                
                        <td>{$vo['alias']}</td>
                        <td>
                            <img src="{$vo['icon_url']}" height="20">
                        </td>
                        <td>{$vo['icon_font']}</td>                   
                        <td>{$vo['create_time']|time_format="Y-m-d"}</td>
                        <td>{$vo['update_time']|time_format="Y-m-d"}</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>
                            {if condition="$vo['status'] eq 1"}
                            <a class="table-action-btn ajax-get" title="禁用[{$vo.name}]" href="{:url('setStatus?id='.$vo['id'].'&status=0')}">
                                <i class="fa fa-ban text-warning"></i>
                            </a>
                            {elseif condition="$vo['status'] eq 0"/}
                            <a class="table-action-btn ajax-get" title="启用[{$vo.name}]" href="{:url('setStatus?id='.$vo['id'].'&status=1')}">
                                <i class="fa fa-check-circle-o text-success"></i>
                            </a>
                            {/if}
                            <a href="{:url('delete?id='.$vo['id'])}" title="{$vo['name']}" class="table-action-btn ajax-del">
                                <i class="fa fa-times text-danger"></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}