{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: 120px;
}
</style>
{/block}

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

        <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="name" name="name" 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="article_id" lay-search>
                    <option value=""></option>
                    {volist name="arList" id="vo"}
                        <option value="{$vo.id}">{$vo.title}</option>
                    {/volist}
                </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: 20%;">
                <textarea name="response" rows="5" class="layui-textarea" required="" lay-verify="required"></textarea>
            </div>
            <div class="layui-form-mid layui-word-aux">礼包序列号占位符{<?php echo '$giftcode' ?>}，请正确填写占位符，否则将无法正常显示内容</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="usetype" lay-filter="usetype">
                    <option value="1">一次</option>
                    <option value="2">无限次</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: 20%;" id="code">
                <textarea name="code" rows="5" class="layui-textarea" required="" lay-verify="required"></textarea>
            </div>
            <div class="layui-form-mid layui-word-aux codeTip">礼包序列号按行分隔</div>
        </div>


        <div class="layui-form-item">
            <label for="" class="layui-form-label">备注：</label>
            <div class="layui-input-inline" style="width: 20%;">
                <textarea name="remark" rows="5" class="layui-textarea"></textarea>
            </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>
    layui.use(['form', 'layer', 'laydate'], function () {

        var form = layui.form,
            layer = layui.layer,
            laydate = layui.laydate;

        // 监听平台选择--是否上游聚合
        form.on('select(usetype)', function (data) {
            var str = '';
            if (data.value == 1){
                str = '<textarea name="code" rows="5" class="layui-textarea" required="" lay-verify="required"></textarea>';
                $(".codeTip").show();
            }else {
                str = '<input type="text" name="code" required="" lay-verify="required" class="layui-input">';
                $(".codeTip").hide();
            }

            $("#code").empty();
            $("#code").append(str);
        });

    })




</script>
{/block}