{extend name="index_layout"/}
{block name="main"}
<div class="emailtemplate-form-wrap">
<form class="layui-form" method="post">
    {:token_field()}
    <div class="layui-form-item">
        <label class="layui-form-label">模板名称</label>
        <div class="layui-input-block">
            <input type="text" name="row[name]" lay-verify="required" autocomplete="off" placeholder="如 中文欢迎邮件" class="layui-input" value="{$data.name|default=''}">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">模板标识</label>
        <div class="layui-input-block">
            <input type="text" name="row[code]" lay-verify="required" autocomplete="off" placeholder="如 welcome_cn" class="layui-input" value="{$data.code|default=''}">
        </div>
        <div class="layui-form-mid no-float layui-word-aux">同一语言下需唯一，建议使用字母、数字、下划线或短横线。</div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">邮件主题</label>
        <div class="layui-input-block">
            <input type="text" name="row[subject]" lay-verify="required" autocomplete="off" placeholder="邮件主题" class="layui-input" value="{$data.subject|default=''}">
        </div>
    </div>
    <div class="layui-form-item layui-form-text">
        <label class="layui-form-label">邮件内容</label>
        <div class="layui-input-block">
            <textarea name="row[content]" lay-verify="required" id="editor-content" placeholder="支持 HTML，可使用变量如 {{email}}、{{lang}}、{{source_page}}" class="layui-textarea editor" rows="12">{$data.content|default=''}</textarea>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">语言</label>
        <div class="layui-input-block">
            <select name="row[lang]" lay-verify="required">
                <option value=""></option>
                {volist name="langList" id="lang"}
                <option value="{$lang.mark}" {if (isset($data.lang) && $data.lang == $lang.mark) || (!isset($data.lang) && $defaultLang == $lang.mark)}selected{/if}>{$lang.name} ({$lang.mark})</option>
                {/volist}
            </select>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">模板类型</label>
        <div class="layui-input-block">
            <select name="row[type]" lay-verify="required" lay-filter="emailtemplate-type">
                <option value=""></option>
                {volist name="typeList" id="vo" key="k"}
                <option value="{$key}" {if isset($data.type) && $data.type == $key}selected{/if}>{$vo}</option>
                {/volist}
            </select>
        </div>
    </div>
    <div class="layui-form-item layui-form-text">
        <label class="layui-form-label">变量说明</label>
        <div class="layui-input-block">
            <textarea name="row[variables]" id="variables-textarea" placeholder="选择模板类型后自动显示固定变量说明" class="layui-textarea" readonly>{$data.variables|default=''}</textarea>
        </div>
        <div class="layui-form-mid no-float layui-word-aux">变量说明由系统按模板类型固定生成，不支持手动编辑。</div>
    </div>
    <div class="layui-form-item layui-form-text">
        <label class="layui-form-label">备注</label>
        <div class="layui-input-block">
            <textarea name="row[remark]" placeholder="填写模板用途说明" class="layui-textarea">{$data.remark|default=''}</textarea>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">排序</label>
        <div class="layui-input-block">
            <input type="number" name="row[listorder]" autocomplete="off" class="layui-input" value="{$data.listorder|default='100'}">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">状态</label>
        <div class="layui-input-block">
            <input type="radio" name="row[status]" value="1" title="启用" {if !isset($data.status) || $data.status == 1}checked{/if}>
            <input type="radio" name="row[status]" value="0" title="禁用" {if isset($data.status) && $data.status == 0}checked{/if}>
        </div>
    </div>
    <div class="layui-form-item layer-footer">
        <div class="layui-input-block">
            <button class="layui-btn disabled" lay-submit>立即提交</button>
            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
        </div>
    </div>
</form>
</div>
<script>
    window.emailTemplateVariableMap = {$templateVariableMap|json_encode=JSON_UNESCAPED_UNICODE|raw};
</script>
{/block}