{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;
}
    .addCode{
        color: #0099CC;
    }
    :hover > .addCode{
        cursor: pointer;
    }
</style>
{/block}

{block name="content"}
<div class="x-body">
    <form class="layui-form" action="{:url('edit',['id'=>$info.id,'usetype'=>$info.usetype])}" method="post">

        <input class="curID" type="number" value="{$info.id}" hidden>
        <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" value="{$info.name}" 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}" {eq name="$info.article_id" value="$vo.id"} selected {/eq}>{$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">{$info.response}</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">
                <input type="text"  required="" lay-verify="required" class="layui-input" readonly value='{eq name="$info.usetype" value="1"}一次{else/}无限次{/eq}'>

            </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%;">

                {eq name="$info.usetype" value="1"}
                    <textarea id="showCode" rows="5" class="layui-textarea" required="" lay-verify="required" readonly>{$code}</textarea>

                    <textarea id="hidCode" name="code" rows="5" class="layui-textarea" style="display: none" ></textarea>
                {else/}
                    <input type="text" name="code"  required="" lay-verify="required" class="layui-input" value="{$code}">
                {/eq}

            </div>
            <div class="layui-form-mid layui-word-aux codeTip" {neq name="$info.usetype" value="1"} style="display: none" {/neq}>礼包序列号按行分隔&nbsp;&nbsp;&nbsp;&nbsp;<span class="addCode">添加礼包序列号</span></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">{$info.remark}</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="window.location.href='{:url('index')}'">返回</button>
            </div>
        </div>

    </form>
</div>

{/block}


{block name="footer"}
<!--<script type="text/javascript" src="__STATIC__/js/FuzzySearch.js?v={$Think.STATIC_VERSION}"></script>-->
<script>

    $(".addCode").click(function () {
        layer.prompt({
            formType: 2,
            value: '',
            title: '添加礼包序列号',
            area: ['500px', '250px'] //自定义文本域宽高
        }, function(value, index, elem){

            $codeStr = "\r\n"+value;

            $("#showCode").append($codeStr);
            $("#hidCode").append($codeStr);

            layer.msg('成功添加到礼包序列号中，点提交才是真正保存');
            layer.close(index);
        });
    })



</script>
{/block}