{extend name="layout/content" /}
{block name="header"}
<link rel="stylesheet" href="__STATIC__/css/FuzzySearch.css?v={$Think.STATIC_VERSION}">
<title>添加礼包</title>
<style>
.layui-form-label {
    width: 110px;
}
</style>
{/block}

{block name="content"}
<div class="x-body">
    <form class="layui-form" action="{:url('add')}" method="post">


        <div class="layui-form-item">
            <label class="layui-form-label"> <span class="x-red">*</span>所属游戏：</label>
            <div class="layui-input-inline" style="width: 40%">
                <div id="game"></div>
            </div>
        </div>


        <div class="layui-form-item">
            <label for="" class="layui-form-label">
                <span class="x-red">*</span>礼包标题：
            </label>
            <div class="layui-input-inline">
                <input type="text" id="title" name="title" required="" lay-verify="required" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label for="" class="layui-form-label">
                <span class="x-red">*</span>是否推荐：
            </label>
            <div class="layui-input-inline">
             	<select name="is_top" lay-search>
                    <option value="0">否</option>
                    <option value="1">是</option>
                </select>
            </div>
        </div>

        <div class="layui-form-item">
            <label for="" class="layui-form-label">
                <span class="x-red">*</span>礼包序列号：
            </label>
            <div class="layui-input-inline" style="width: 50%;">
                <textarea name="code" rows="5" class="layui-textarea" required="" lay-verify="required"></textarea>
            </div>
        </div>

        <div class="layui-form-item">
            <label for="" class="layui-form-label">
                <span class="x-red">*</span>领取条件：
            </label>
            <div class="layui-input-inline">
                <input type="text" id="consume" name="consume" value="0" required="" lay-verify="required" class="layui-input">
            </div>
            <!-- 辅助文字 -->
            <div class="layui-form-mid layui-word-aux">
                <span class="x-red">*</span>以消费金额为条件，可填写"0"
            </div>
        </div>

        <div class="layui-form-item">
            <label for="" class="layui-form-label">
                <span class="x-red">*</span>礼包内容：
            </label>
            <div class="layui-input-inline" style="width: 50%;">
                <textarea name="content" rows="5" class="layui-textarea" required="" lay-verify="required"></textarea>

            </div>
        </div>

        <div class="layui-form-item">
            <label for="" class="layui-form-label">使用方法：</label>
            <div class="layui-input-inline" style="width: 50%;">
                <textarea name="description" rows="5" class="layui-textarea"></textarea>
            </div>
        </div>


        <div class="layui-form-item">
            <label for="" class="layui-form-label"><span class="x-red">*</span>有效日期：</label>

            <div class="layui-input-inline" style="width: 190px;">
                <input class="layui-input" placeholder="开始日" name="starttime" id="starttime" readonly="readonly" lay-verify="required">
            </div>

            <div class="layui-input-inline" style="width: 190px;">
                <input class="layui-input" placeholder="截止日" name="endtime" id="endtime" readonly="readonly">
            </div>
        </div>


        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="formDemo" id="J_submit_btn">提交</button>
                <button type="button" class="layui-btn layui-btn-primary" onClick="javascript:history.back(-1);">返回</button>
            </div>
        </div>

    </form>
</div>

{/block}


{block name="footer"}
<script type="text/javascript" src="__STATIC__/js/FuzzySearch.js?v={$Think.STATIC_VERSION}"></script>
<script type="text/javascript" charset="utf-8" src="__STATIC__/lib/xm-select.js"></script>
<script>
    var tagData1 = {:json_encode($game_list)}; // 获取到后台给出的数据-PHP写法
    console.log(tagData1)
    var LeftData = ''
    var tagIns1 = xmSelect.render({
        el: '#game', // div的id值
        toolbar: { // 工具条【‘全选’，‘清空’】
            show: true, // 开启工具条
            showIcon: false, // 隐藏工具条的图标
        },
        autoRow: true,
        // tips: '选择校区', // 让默认值不是“请选择”，而是“选择校区”
        filterable: true, // 开启搜索模式，默认按照name进行搜索
        paging: true, // 启用分页
        pageSize: 100, // 每页的数据个数
        data: tagData1,
        prop: { // 也许你的数据库返回的并不是name和value, 也许你提交的时候不止name和value, 怎么办? 自定义就行
            name: 'name',
            value: 'id'
        }
    })


    layui.use('laydate', function () {
        var laydate = layui.laydate;
        var starttime = laydate.render({
            elem: '#starttime',
            type: 'date',
            format: 'yyyy-MM-dd',
            max: '2099-06-16', //最大日期
            min: '',
            done: function (value, dates) {
                endtime.config.min = {
                    year: dates.year,
                    month: dates.month - 1, //关键
                    date: dates.date,
                    hours: 0,
                    minutes: 0,
                    seconds: 0
                };
            }
        });
        var endtime = laydate.render({
            elem: '#endtime',
            type: 'date',
            format: 'yyyy-MM-dd',
            max: '2099-06-16',
            min: '',
            done: function (value, dates) {
                starttime.config.max = {
                    year: dates.year,
                    month: dates.month - 1,//关键
                    date: dates.date,
                    hours: 0,
                    minutes: 0,
                    seconds: 0
                }
            }
        });

    });
</script>
{/block}