{include file="public/header"}
<form action="group" method="GET" class="form-inline">
    <div class="form-group">
        <label>搜索</label>
        <select name="type" class="form-control">
            <option value="1">小区名称</option>
        </select>
    </div>
    <div class="form-group">
        <input type="text" class="form-control" name="keyword" placeholder="搜索内容">
    </div>
    <button type="submit" class="btn btn-primary">搜索</button>
    <button type="button" class="btn btn-primary" id="addgroup">添加小组</button>
</form>
<div class="table-responsive" style="padding-top: 10px;">
    <table class="table table-striped" border='1'>
        <thead>
            <tr>
                <th style="text-align: center;">分组编号</th>
                <th style="text-align: center;">小组名称</th>
                <th style="text-align: center;">添加时间</th>
                <th style="text-align: center;">操作</th>
            </tr>
        </thead>
        <tbody style="text-align: center;">
            {volist name="group_info" id="vo"}
            <tr>
                <td><b>{$vo.id}</b></td>
                <td>
                    {if condition = "$vo.name eq null"}
                       暂无
                    {else/}
                       {$vo.name}
                    {/if}
                </td>
                <td>
                    {if condition = "$vo.addtime eq null"}
                       暂无
                    {else/}
                       {$vo.addtime | date="Y-m-d H:i:s",###}
                    {/if}
                </td>
                <td>
                    <button data-groupid="{$vo['id']}" class="btn btn-xs btn-info buttoneidt">编辑</button>
                </td>
            </tr>
            {/volist}
        </tbody>
        <thead>
            <tr>
                <th style="text-align: center;">分组编号</th>
                <th style="text-align: center;">小组名称</th>
                <th style="text-align: center;">添加时间</th>
                <th style="text-align: center;">操作</th>
            </tr>
        </thead>
    </table>
</div>

<!-- 分页的渲染函数 -->
<div style="text-align:center;">
    {$group_info->render()}
</div>




<script src="__LOGIN__/js/jquery.min.js"></script>
<script>
    $(function () {

       

        $('.buttoneidt').click(function () {
            
            let groupid = $(this).attr('data-groupid');
            window.location.href = "__URL__/edit_group?group_id=" + groupid;  //编辑分组信息

        });


        $('#addgroup').click(function(){

            window.location.href = "__URL__/add_group";     //添加分组

        });

    });
</script>