{extend name="Public/base" /}
{block name="main"}
<style>
.layui-form-item .layui-input-inline {
    margin-right: 0px;
}
</style>
<fieldset class="layui-elem-field">
    <legend>系统资料设定 - 新增短信模板</legend>
    <div class="layui-field-box">
        <form class="layui-form" action="">
            {if condition="isset($detail['id'])"}
            <input type="hidden" name="id" value="{$detail['id']}">
            {/if}
            <div class="layui-form-item">
                <label class="layui-form-label">短信签名</label>
                <div class="layui-input-block" style="width: 400px;">
                    <select name="sign" id="sign" lay-filter='sign'>
                        <option value="0">请选择短信签名</option>
                        {volist name="$signs" id="sign"}
                        <option value="{$sign.sign}">{$sign.sign}</option>
                        {/volist}
                    </select>
                </div>
                <label class="layui-form-label">模板名称</label>
                <div class="layui-input-block">
                    <input type="text" name="name" required value="{$detail['name']}" lay-verify="required" placeholder="请输入模板名称" class="layui-input">
                </div>
                <label class="layui-form-label">短信模板</label>
                <div class="layui-input-block" style="width: 400px;">
                    <textarea name="content" required id="content" lay-verify="required" placeholder="请输入短信模板" style="width: 400px;height: 150px;">{$detail['content']}</textarea>
                </div>
                <label class="layui-form-label">模板说明</label>
                <div class="layui-input-block" style="width: 400px;">
                    1.模板必须选择一个签名,签名必须通过审核<br/>
                    2.模板内可以使用变量，变量格式为：{$变量名}<br/>
                    &nbsp;&nbsp;&nbsp;其中大括号和美元符合为英文小写，如：{literal}{$code}{/literal}<br/>
                    3.调用接口时，变量名作为参数传递即可。
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                </div>
            </div>
        </form>
    </div>
</fieldset>
{/block}
{block name="myScript"}

{if condition="isset($detail['id'])"}
<input type="hidden" name="id" value="{$detail['id']}">
<script>
    var reg =/【[\u4e00-\u9fa5]+[^【】]*】/;
    layui.use('form', function(){
        var form = layui.form();
        form.on('submit(formDemo)', function(data){
            if(reg.exec(data.field.content) == null){
                alert('请选择短信签名');
                return false;
            }
            $.ajax({
                type: "POST",
                url: '{:U("templateedit")}',
                data: data.field,
                success: function(msg){
                    if( msg.code == 1 ){
                        parent.location.reload();
                    }else{
                        parent.layer.msg(msg.msg, {
                            icon: 5,
                            shade: [0.6, '#393D49'],
                            time:1500
                        });
                    }
                }
            });
            return false;
        });
        form.on('select(sign)',function(data){
            changeSign();
        })
    });
</script>
{else /}
<script>
    var reg =/【[\u4e00-\u9fa5]+[^【】]*】/;
    layui.use('form', function(){
        var form = layui.form();

        form.on('submit(formDemo)', function(data){
            if(reg.exec(data.field.content) == null){
                alert('请选择短信签名');
                return false;
            }
            $.ajax({
                type: "POST",
                url: '{:U("templateadd")}',
                data: data.field,
                success: function(msg){
                    if( msg.code == 1 ){
                        parent.location.reload();
                    }else{
                        parent.layer.msg(msg.msg, {
                            icon: 5,
                            shade: [0.6, '#393D49'],
                            time:1500
                        });
                    }
                }
            });
            return false;
        });
        form.on('select(sign)',function(data){
            changeSign();
        })
    });
</script>
{/if}
<script type="text/javascript">
    var lastsign = '';
    function changeSign(){
        var sign = $('#sign').val();
        var content = $('#content').val();
        var posi = $('#content').getCursorPosition();
        if(sign == '0' || 'undefined' == typeof sign){
            content = content.replace(lastsign,'');
            lastsign='';
            $('#content').val(content);
            return true;
        }
        sign = '【'+sign+'】';
        if(content.indexOf(lastsign)){
            content = content.replace(lastsign,sign);
        }else{
            if(posi == 0){
                content = sign + content ;
            }else{
                content = content + sign ;
            }
        }
        $('#content').val(content);
        lastsign = sign;
    }
(function ($, undefined) {
    $.fn.getCursorPosition = function () {
        var el = $(this).get(0);
        var pos = 0;
        if ('selectionStart' in el) {
            pos = el.selectionStart;
        } else if ('selection' in document) {
            el.focus();
            var Sel = document.selection.createRange();
            var SelLength = document.selection.createRange().text.length;
            Sel.moveStart('character', -el.value.length);
            pos = Sel.text.length - SelLength;
        }
        return pos;
    }
})(jQuery);

</script>
{/block}