{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="audit"}active{/eq}">
                        <a class="list-group-item b-0" href="{:url('?status=audit')}">
                            <i class="fa fa-circle text-warning 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 aria-expanded="false" class="btn btn-primary waves-effect waves-light dropdown-toggle" data-toggle="dropdown" type="button">
                    按类型显示
                    <span class="caret">
                    </span>
                </button>
                <ul class="dropdown-menu">
                    <li {empty name="type"}class="active"{/empty}>
                        <a href="{:url('index')}">
                            全部
                        </a>
                    </li>
                    {volist name=":get_album_types()" id="t"}
                    <li {eq name="type" value="$t['id']"}class="active"{/eq}>
                        <a href="{:url('?type='.$t['id'])}">
                            {$t['name']}
                        </a>
                    </li>
                    {/volist}

                    <li {eq name="type" value="other"}class="active"{/eq}>
                        <a href="{:url('?type=other')}">
                            其它
                        </a>
                    </li>
                </ul>
            </div>

            <div class="btn-group">
                <a class="btn btn-success" 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>创建日期</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><a href="{:url('songs/index',['album'=>$vo['id']])}">{$vo['name']}</a></td>  
                        <td>{$vo['artist_name']}</td>
                        <td>{$vo['type_name']}</td>
                        <td>{$vo['hits']}</td>
                        <td>{$vo['create_time']|time_format="Y-m-d"}</td>
                        <td>
                            <a href="{:url('edit?id='.$vo['id'])}" class="table-action-btn">
                                <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}