{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>
                                            <option value="3" {if input('get.status') == 3 }selected {/if}>已过期</option>
                                        </select>
                                    </div>

                                    <div class="col-md-2 mb-3">
                                        <label for="">类别</label>
                                        <select name="type" class="form-control">
                                            <option value="" {if !input('get.type') == '' } selected {/if}>全部</option>
                                            <option value="alipay" {if input('get.type') === 'alipay' } selected {/if}>支付宝</option>
                                            <option value="wxpay" {if input('get.type') === 'wxpay' } selected {/if}>微信</option>
                                        </select>
                                    </div>

                                    <div class="col-md-4 mb-3">
                                        <label>时间</label>
                                        <input type="text" name="time"  class="form-control datetimepicker" placeholder="时间选择" value="{:input('get.time')}">
                                    </div>

                                    <div class="col-md-3 mb-3">
                                        <label>订单号</label>
                                        <input type="text" name="trade_no" class="form-control" placeholder="" value="{:input('get.out_trade_no')}" >
                                    </div>
                                    <div class="col-1">
                                        <label>&nbsp;</label>
                                        <div>
                                            <button class="btn btn-primary mb-3">查询</button>
                                        </div>
                                    </div>
                                    <!-- <div class="col-md-3">
                                         <label for="validationCustom02">1</label>
                                         <button class="btn btn-primary">查询</button>
                                     </div>-->
                                </div>

                            </form>

                            <div class="mb-4">

                                <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>
                                            <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->trade_no}</td>
                                            <td>
                                                {if $value->type == "alipay"}
                                                <span class="badge badge-info">{$value->typeText}</span>
                                                {else/}
                                                <span class="badge badge-success">{$value->typeText}</span>
                                                {/if}
                                            </td>
                                            <td>
                                                <span class="badge badge-{$value->statusText['style']}">{$value->statusText['text']}</span>
                                            </td>
                                            <td>{$value->amount}</td>
                                            <td>{$value->name}</td>
                                            <td>{$value->contact}</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}