{layout name="layout" /}

<nav class="breadcrumb">
    <span><a href="/">首页</a></span>
    <span>&gt;</span>
    <span><a href="javascript:void(0);">产品管理</a></span>   
</nav>

<div class="content">
    <div class="row" style="margin: 0;">
        <div class="col-md-2 btn-top-box">
            <!-- <a href="javascript:;" class="btn btn-danger radius" onClick="del_all()">批量删除</a> -->
            <a href="/goods/save/0" class="btn btn-success radius">新增</a>
            {notempty name="category_name"}
            <a href="/goods/index" class="btn btn-default radius">返回</a>
            {/notempty}
        </div>
        <div class="col-md-5 btn-top-box">
            <form action="/goods/index" method="get">
                <div class="col-md-4">
                    <input type="text" class="form-control" name="key" id="key" value="{$key}"
                        placeholder="请输入产品名称">
                </div>
                <div class="col-md-4" style="text-align:left;">
                    <div class="btn-group ">
                        <button type="submit" class="btn btn-success">搜索</button>
                    </div>
                    <div class="btn-group ">
                        <a href="/goods/index" class="btn btn-danger">清除</a>
                    </div>
                </div>
            </form>
        </div>
        <div class="col-md-2 btn-top-box">
            <a href="/goods_category/index" class="btn btn-primary radius">类别管理</a>
        </div>
    </div>
    <div class="col-md-10 mt-20">
        <table class=" table table-hover table-bordered">
            <thead>
                <tr class="text-center bg-info">
                    <td class="text-left" colspan="4">
                        {empty name="category_name"}
                        全部产品: {$list->total()}
                        {else /}
                        {$category_name}: {$list->total()}
                        {/empty}
                    </td>
                    <td colspan="2">
                        <span>每页行数:</span>
                        <select name="limit" id="limit" onchange="changLimit()">
                            {for start="10" end="101" step="10"}
                            <option value="{$i}" {eq name="limit" value="$i"}selected{/eq}>{$i}</option>
                            {/for}
                        </select>
                    </td>
                </tr>
                <tr>
                    <th width="25">
                        <input type="checkbox" value="" name="">
                    </th>
                    <th class="text-center">id</th>
                    <th class="text-center">类别</th>
                    <th class="text-center">名称</th>
                    <th class="text-center">价格</th>
                    <th class="text-center">操作</th>
                </tr>
            </thead>
            <tbody>
                {foreach $list as $value}
                <tr>
                    <td>
                        <input type="checkbox" value="{$value.id}" name="checkbox[]">
                    </td>
                    <td class="text-center">{$value.id}</td>
                    <td class="text-center"><a href="/goods/index/{$value['category_id']}">{$value.category_name}</a></td>
                    <td class="text-center">{$value.name}</td>
                    <td class="text-center">{:number_format(bcdiv($value['price'],100,2),2)}</td>
                    <td class="text-center td-manager">
                        <a href="/goods/save/{$value['id']}">修改</a>
                        <a href="javascript:void(0);" class="ml-10" onClick="del('{$value.id}', this)">删除</a>
                    </td>
                </tr>
                {/foreach}
            </tbody>
        </table>
    </div>
    <div class="pagelist">
        {$page|raw}
    </div>
</div>

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript">
    function del(id, obj) {
        $.post('/goods/delete', {
            'id': id
        }, function (res) {
            if (res.code == 2) {
                $(obj).parents("tr").remove();
                alert('删除成功!');
            } else {
                alert('删除失败, 请稍后重试.');
                return false;
            }
        }, 'json');
    }
</script>
<!--请在上方写此页面业务相关的脚本-->