{extend name="../../admin/view/public/system"}

{block name='title'}角色管理-系统管理{/block}

{block name='content'}

<div class="page-header">
    <span>当前位置：<span class="text-primary">角色管理</span></span>
</div>
<div class="page-content">
    <form action="" method="get" class="form-horizontal" role="form">
        <input type="hidden" name="module" value="{$_GET['module']}">

        <div class="page-toolbar">
            <div class="col-sm-6">
                <span class="">
                    <a class="btn btn-primary btn-sm" href="{:webUrl('perm/rolePost',['module' => $_GET['module']])}"><i class="icon icon-plus"></i> 添加新角色</a>
                </span>
            </div>

            <div class="col-sm-6 pull-right">
                <div class="input-group">
                    <div class="input-group-select">
                        <select name="status" class='form-control'>
                            <option value="" {if $_GPC['status'] == ''} selected{/if}>状态</option>
                            <option value="1" {if $_GPC['status']== '1'} selected{/if}>启用</option>
                            <option value="0" {if $_GPC['status'] == '0'} selected{/if}>禁用</option>
                        </select>
                    </div>
                    <input type="text" class="input-sm form-control" name='keyword' value="{$_GPC['keyword']}" placeholder="请输入关键词">
                    <span class="input-group-btn">
                        <button class="btn btn-primary" type="submit"> 搜索</button>
                    </span>
                </div>
            </div>
        </div>
    </form>
    {if count($list)>0}
    <div class="page-table-header">
        <div class="btn-group">
            <button class="btn btn-default btn-sm btn-operation" type="button" data-toggle='batch' data-href="{:webUrl('perm/roleChange',array('type' => 'status','value'=>1))}">
                <i class='icon icon-eye'></i> 启用</button>
            <button class="btn btn-default btn-sm btn-operation" type="button" data-toggle='batch'  data-href="{:webUrl('perm/roleChange',array('type' => 'status','value'=>0))}">
                <i class='icon icon-eye-close'></i> 禁用</button>
            <button class="btn btn-default btn-sm btn-operation" type="button" data-toggle='batch-remove' data-confirm="确认要删除?" data-href="{:webUrl('perm/roleDelete',['module' => $_GET['module']])}">
                <i class='icon icon-trash'></i> 删除</button>
        </div>
    </div>
    <table class="table table-hover table-responsive">
        <thead>
        <tr>
            <th style="width:60px;">
                <label class='checkbox-inline'>
                    <input type="checkbox">
                </label>
            </th>
            <th style="width: 200px">角色名称</th>
            <th style="width: 150px;">上级角色</th>
            <th style="width: 100px;">员工数量</th>
            <th style="width: 100px;">状态</th>
            <th style="width: 100px;">操作</th>
        </tr>
        </thead>
        <tbody>
        {foreach $list as $key => $row}
        <tr>
            <td><input type='checkbox' value="{$row['id']}"/></td>
            <td>
                {for start="1" end=$row['level']}
                &nbsp;&nbsp;&nbsp;&nbsp;
                {/for}
                {if $row['level'] > 0}├─ {/if}
                {$row['rolename']}
            </td>
            <td>{$row['parent_rolename']}</td>
            <td>{$row['usercount']}</td>
            <td>
                <span class='label {if $row['status']==1}label-primary{else}label-default{/if}'
                data-toggle='ajaxSwitch'
                data-switch-value='{$row['status']}'
                data-switch-value0='0|禁用|label label-default|{:webUrl('perm/roleChange',array('type' => 'status','value'=>1,'id'=>$row['id']))}'
                data-switch-value1='1|启用|label label-primary|{:webUrl('perm/roleChange',array('type' => 'status','value'=>0,'id'=>$row['id']))}'
                >
                {if $row['status']==1}启用{else}禁用{/if}</span>
            </td>
            <td>
                <a class='btn btn-default btn-sm btn-operation btn-op' href="{:webUrl('perm/rolePost', array('id' => $row['id'],'module' => $_GET['module']))}">
                     <span data-toggle="tooltip" data-placement="top" title="" data-original-title="编辑">
                        <i class="icon icon-pencil"></i>
                     </span>
                </a>
                <a class='btn btn-default  btn-sm btn-operation btn-op' data-toggle="ajaxRemove"  href="{:webUrl('perm/roleDelete', array('id' => $row['id'],'module' => $_GET['module']))}" data-confirm="确认删除此角色吗？">
                    <span data-toggle="tooltip" data-placement="top" title="" data-original-title="删除">
                        <i class='icon icon-trash'></i>
                    </span>
                </a>
            </td>
        </tr>
        {/foreach}
        </tbody>
        <tfoot>
        <tr>
            <td colspan="3">
                <div class="input-group-btn">
                    <button class="btn btn-default btn-sm btn-operation" type="button" data-toggle='batch' data-href="{:webUrl('perm/roleChange',array('type' => 'status','value'=>1))}">
                        <i class='icon icon-eye'></i> 启用</button>
                    <button class="btn btn-default btn-sm btn-operation" type="button" data-toggle='batch'  data-href="{:webUrl('perm/roleChange',array('type' => 'status','value'=>0))}">
                        <i class='icon icon-eye-close'></i> 禁用</button>
                    <button class="btn btn-default btn-sm btn-operation" type="button" data-toggle='batch-remove' data-confirm="确认要删除?" data-href="{:webUrl('perm/roleDelete')}">
                        <i class='icon icon-trash'></i> 删除</button>
                </div>
            </td>
            <td colspan="3" class="text-right"> {$pager | raw} </td>
        </tr>
        </tfoot>
    </table>
    {else}
    <div class='panel panel-default'>
        <div class='panel-body' style='text-align: center;padding:30px;'>
            暂时没有任何角色!
        </div>
    </div>
    {/if}
    </form>
</div>

{/block}