{extend name="layout/content" /}
{block name="header"}
<title>礼包列表</title>
<style>
    .layui-table th:first-child {
        width: 330px;
    }
</style>
{/block}
{block name="content"}
<div class="x-body">


    <form class="layui-form layui-form-item">

        <div class="layui-inline" style="float: left;">
            <a href="{:url('add')}" class="layui-btn layui-btn-radius"><i class="layui-icon">&#xe654;</i>新增礼包</a>
        </div>

        <div style="float: right;">

            <div class="layui-inline">
                <label class="layui-form-label">礼包名：</label>
                <div class="layui-input-inline">
                    <input class="layui-input" name="title" placeholder="请选择礼包名称" value="{$Request.get.title}">
                </div>
            </div>

            <div class="layui-inline">
                <label class="layui-form-label">游戏名：</label>
                <div class="layui-input-inline">
                    <select name="gameid" lay-search>
                        <option value="">选择游戏名</option>
                        {volist name="game_list" id="vo" key="k"}
                        <option value="{$vo.id}" {if condition="$Request.get.gameid eq $vo.id" }selected="selected" {
                        /if}>{$vo.name}</option>
                        {/volist}
                    </select>
                </div>
            </div>

            <div class="layui-inline">
                <label class="layui-form-label" style="width:114px;">查询时间：</label>
                <input class="layui-input" placeholder="开始日" name="cr_start" id="cr_start"
                       value="{:input('request.cr_start')}" autocomplete="off" style="width:130px;display:inline-block">
                <span>-</span>
                <input class="layui-input" placeholder="截止日" name="cr_end" id="cr_end"
                       value="{:input('request.cr_end')}" autocomplete="off" style="width:130px;display:inline-block">
            </div>

            <div class="layui-inline">
                <button class="layui-btn layui-btn-radius" lay-submit>查询</button>
            </div>

        </div>


        <div style="clear:both"></div>

        <table class="layui-table">
            <thead>
            <tr>
                <th>礼包名</th>
                <th>游戏名称</th>
                <th>领取条件(消费)</th>
                <th>是否推荐</th>
                <th>礼包数量(总数/已领取)</th>

                <th>开始时间</th>
                <th>结束时间</th>
                <th>创建时间</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            {empty name="list"}
            <tr>
                <td colspan="20" style="text-align: center;">暂无数据</td>
            </tr>
            {else/}
            {volist name="list" id="vo"}
            <tr>
                <td>{$vo.title}</td>
                <td>{$vo.name}</td>
                <td>{$vo.consume}</td>
                <td>
                    {if($vo.is_top==1)}
                    是
                    {else}
                    否
                    {/if}
                </td>
                <td>{$vo.total} / <span style="color: red;">{$vo.used}</span></td>

                <td>{$vo.starttime}</td>
                <td>{$vo.endtime}</td>
                <td>{:date('Y-m-d H:i:s', $vo.createtime)}</td>
                <td class="td-manage">
                    <a href="{:url('setNew',['id'=>$vo.id,'is_new'=>1])}" class="layui-btn layui-btn-radius layui-btn-normal"><i class="layui-icon layui-icon-set"></i>设为最新</a>
                    <a href="{:url('edit',['id'=>$vo.id])}" class="layui-btn"><i class="layui-icon">&#xe642;</i>编辑</a>
                    <a href="javascript:;" onclick="del_info(this,'{:url(\'delete\',[\'id\'=>$vo.id])}')" class="layui-btn  layui-btn-danger"><i class="layui-icon">&#xe640;</i>删除</a>
                </td>
            </tr>
            {/volist}{/empty}
            </tbody>
        </table>


        <div class="pager-container">
                        <span>
                            {$list->total()}条记录
                        </span>
            {$page}
            <div class="layui-inline" style="margin:0;margin-left:10px;width:80px;">
                <input type="text" style="height: 30px;" class="layui-input" placeholder="跳转至" name="page"
                       onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')">
            </div>
        </div>


    </form>


</div>
{/block}


{block name="footer"}
<script>
    layui.use('laydate', function () {
        var laydate = layui.laydate;

        //执行一个laydate实例
        laydate.render({
            elem: '#cr_start', //指定元素
            type: 'date'
        });

        //执行一个laydate实例
        laydate.render({
            elem: '#cr_end', //指定元素
            type: 'date'
        });
    });

</script>
{/block}