{extend name="base" /}
{block name="style"}
<link rel="stylesheet" type="text/css" href="__PLUGIN__/daterangepicker/daterangepicker.css"/>
<style>
    .query-container input.form-control{
        padding: 0.470rem .75rem;
    }
</style>
{/block}
{block name="main"}
<div id="page-container">
    <div class="page-content main-content my-main-content">
        <div class="main-content-inner">
            <div class="row">


                <!-- data 表格 -->
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">
                            <h4 class="card_title">商品列表</h4>

                            <form class="query-container" method="get" >
                                <div class="form-row">
                                    <div class="col-md-2 mb-3">
                                        <label for="">状态</label>
                                        <select name="status" class="form-control">
                                            <option value="" {if !input('get.status') } selected {/if}>全部</option>
                                            <option value="0" {if input('get.status') === '0' }selected {/if}>下架</option>
                                            <option value="1" {if input('get.status') == 1 } selected {/if}>上架</option>
                                        </select>
                                    </div>

                                    <div class="col-md-2 mb-3">
                                        <label for="">分类</label>
                                        <select name="cls_id" class="form-control">
                                            <option value="" {if !input('get.cls_id') } selected {/if}>全部</option>
                                            {foreach $goodsCls as $c}
                                            <option value="{$c->id}" {if input('get.cls_id') == $c->id } selected {/if}>{$c->name}</option>
                                            {/foreach}
                                        </select>
                                    </div>

                                    <div class="col-md-4 mb-3">
                                        <label>商品名称</label>
                                        <input type="text" name="name" class="form-control" placeholder="" value="{:input('get.name')}" >
                                    </div>
                                   <!-- <div class="col-md-3">
                                        <label for="validationCustom02">1</label>
                                        <button class="btn btn-primary">查询</button>
                                    </div>-->

                                    <div class="col-md-2 mb-3">
                                        <label>&nbsp;</label>
                                        <div>
                                            <button class="btn btn-primary mb-3">查询</button>
                                        </div>
                                    </div>

                                </div>

                            </form>

                            <div class="mb-4">

                                <a href="{$admin_root}/goods/add" class="btn btn-success" data-style="expand-right">
                                    <i class="ti-plus"></i>
                                    <span class="ladda-label">新增商品</span>
                                </a>

                                <button type="button" class="btn btn-danger ladda-button deletes" data-style="expand-right">
                                    <i class="ti-trash"></i>
                                    <span class="ladda-label">批量删除</span>
                                </button>

                            </div>

                            <div class="single-table">
                                <div class="table-responsive">
                                    <table class="table table-striped text-center">
                                        <thead class="text-uppercase">
                                        <tr>
                                            <th width="50" scope="col">
                                                <div class="custom-control custom-checkbox primary-checkbox">
                                                    <input type="checkbox" class="custom-control-input" id="all">
                                                    <label class="custom-control-label" for="all"></label>
                                                </div>
                                            </th>
                                            <th scope="col">名称</th>
                                            <th scope="col">分类</th>
                                            <th scope="col">状态</th>
                                            <th scope="col">售价</th>
                                            <th scope="col">时间</th>
                                            <th scope="col">操作</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        {foreach $list as $value}
                                        <tr>
                                            <th scope="row">
                                                <div class="custom-control custom-checkbox primary-checkbox">
                                                    <input type="checkbox" class="custom-control-input item-checkbox" value="{$value->id}" id="item{$value->id}">
                                                    <label class="custom-control-label" for="item{$value->id}"></label>
                                                </div>
                                            </th>
                                            <td>{$value->name}</td>
                                            <td>{$value->cls->name}</td>
                                            <td>
                                                <span class="badge badge-{$value->statusText['style']}">{$value->statusText['text']}</span>
                                            </td>
                                            <td>{$value->price}</td>
                                            <td>{$value->create_time}</td>
                                            <td>
                                                {if $value->type == 2}
                                                <a href="{$admin_root}/card?name={$value->name}" class="badge badge-warning">查卡</a>
                                                <a href="{$admin_root}/card/add/{$value->id}" class="badge badge-dark">加卡</a>
                                                {/if}
                                                <a href="{$admin_root}/goods/{$value->id}" data-id="{$value->id}" class="badge badge-info">编辑</a>
                                                <a href="javascript:;" data-id="{$value->id}" class="badge badge-danger delete">删除</a>
                                            </td>
                                        </tr>
                                        {/foreach}
                                    </table>
                                    {$page|raw}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- data 表格 -->
            </div>
        </div>
    </div>
</div>
{/block}
{block name='script'}
<script src="__PLUGIN__/daterangepicker/moment.min.js"></script>
<script src="__PLUGIN__/daterangepicker/daterangepicker.js"></script>
<script src="__PLUGIN__/daterangepicker/daterangepickerInit.js"></script>
<script src="__ADMIN__/js/table.js"></script>
<script>

</script>
{/block}