{{template "layout.html" .}}
{{template "formHeader" "tag"}}
<div class="card" style="max-width:560px">
  <div class="card-hd">{{if .is_edit}}✎ 编辑标签{{else}}＋ 添加标签{{end}}</div>
  <div class="card-bd">
    <form id="tagForm">
      <input type="hidden" name="id" value="{{if .is_edit}}{{.tag.ID}}{{end}}">
      <div class="fg">
        <label>标签名称 <span style="color:var(--red)">*</span></label>
        <input type="text" name="name" class="fctrl" value="{{.tag.Name}}" placeholder="例如：公司地址" required>
      </div>
      <div class="fg">
        <label>别名 <span style="color:var(--red)">*</span></label>
        <input type="text" name="slug" class="fctrl" value="{{.tag.Slug}}" placeholder="以 ext_ 开头，如 ext_company_address" required>
        <p style="margin:4px 0 0;font-size:12px;color:var(--gray-400)">别名将以 <code>ext_</code> 开头（若未输入则自动补全），在模板中通过 <code>{{`{{tagValue "别名"}}`}}</code> 输出</p>
      </div>
      <div class="fg">
        <label>标签值 <span style="color:var(--red)">*</span></label>
        <textarea name="value" class="fctrl" rows="3" placeholder="标签对应的值" required>{{.tag.Value}}</textarea>
      </div>
      <div class="fg">
        <label>分组</label>
        <div class="ug">
          <input type="text" name="group" class="fctrl" list="groupList" value="{{.tag.Group}}" placeholder="输入或选择分组">
          <datalist id="groupList">
            {{range .groups}}<option value="{{.}}">{{end}}
          </datalist>
        </div>
      </div>
      {{template "sortAndStatus" .tag}}
      {{template "formButtons" "tag"}}
    </form>
  </div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
    bindForm('tagForm', '/admin/tag/save', '/admin/tag');
});
</script>
</body>
</html>