{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>
                                            <option value="2" {if input('get.status') == 2 } selected {/if}>出售</option>
                                        </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-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}/card/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 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>
                                            <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->id}</td>
                                            <td>
                                                <span class="badge badge-{$value->statusText['style']}">{$value->statusText['text']}</span>
                                            </td>
                                            <td>{$value->goods->name ?? '已删除'}</td>
                                            <td>{$value->card_no}</td>
                                            <td>{$value->card_pass}</td>
                                            <td>{$value->create_time}</td>
                                            <td><i data-id="{$value->id}" class="ti-trash btn btn-danger delete"></i></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}