{extend name="public:base" /}
{block name="content"}
<!-- Page-Title -->
<div class="row">
    <div class="col-sm-4">
        <h4 class="page-title">
            服务器组管理
        </h4>
    </div>
    <div class="col-sm-4 pull-right text-right text-left-xs m-t-md">
        <form class="searchform" action="{:url()}" id="search-form">
            <div class="input-group">
                <input type="text" class="form-control searchbox" id="search-word" name="keys" placeholder="搜索..." >
                <span class="input-group-btn">
                    <button class="btn btn-default btn-icon" id="search-submit" type="submit">
                        <i class="fa fa-search"></i>
                    </button>
                </span>
            </div>
        </form>
    </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">
                <button class="btn btn-success open-form-modal" data-url="{:url('create')}" href="{:url('create')}">
                    新增服务器
                </button>
            </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"></div>
                        </th>
                        <th>服务器ID</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['id']}</td>              
                        <td>{$vo['name']}</td>             
                        <td>{$vo['listen_url']}</td>
                        <td>{$vo['down_url']}</td>
                        <td>{$vo['image_url']}</td>                     
                        <td> {$vo['create_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}

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

});
</script>
{/block}