{{template "layout.html" .}}
<div class="flex items-center justify-between" style="margin-bottom:20px">
  <div></div>
  <a href="/admin/model_type" class="btn btn-ghost">← 返回列表</a>
</div>
<div class="card" style="max-width:560px">
  <div class="card-hd">{{if .is_edit}}✎ 编辑模型{{else}}＋ 添加模型{{end}}</div>
  <div class="card-bd">
    <form id="modelTypeForm">
      <input type="hidden" name="id" value="{{.modelType.ID}}">
      <div class="fg">
        <label>名称 <span style="color:var(--red)">*</span></label>
        <input type="text" name="name" class="fctrl" value="{{.modelType.Name}}" placeholder="如：新闻模型" required>
      </div>
      <div class="fg">
        <label>URL名称 <span style="color:var(--red)">*</span></label>
        <input type="text" name="table_name" class="fctrl" value="{{.modelType.DbTableName}}" placeholder="如：news" required>
      </div>
      <div class="fr">
        <div class="fg half">
          <label>列表页模板</label>
          <select name="default_list_template" class="fctrl">
            <option value="">默认</option>
            {{range .listTemplates}}
            <option value="{{.}}" {{if eq $.modelType.DefaultListTemplate .}}selected{{end}}>{{.}}</option>
            {{end}}
          </select>
        </div>
        <div class="fg half">
          <label>详情页模板</label>
          <select name="default_detail_template" class="fctrl">
            <option value="">默认</option>
            {{range .detailTemplates}}
            <option value="{{.}}" {{if eq $.modelType.DefaultDetailTemplate .}}selected{{end}}>{{.}}</option>
            {{end}}
          </select>
        </div>
      </div>
      <div class="fr">
        <div class="fg half">
          <label>序号</label>
          <input type="number" name="sort" class="fctrl" value="{{.modelType.Sort}}" min="0" placeholder="0">
        </div>
        <div class="fg half">
          <label>状态</label>
          <select name="status" class="fctrl">
            <option value="1" {{if ne .is_edit true}}selected{{else if eq .modelType.Status 1}}selected{{end}}>启用</option>
            <option value="0" {{if and .is_edit (eq .modelType.Status 0)}}selected{{end}}>禁用</option>
          </select>
        </div>
      </div>
      <div class="flex gap-2" style="padding-top:6px">
        <button type="submit" class="btn btn-primary">保存</button>
        <a href="/admin/model_type" class="btn btn-ghost">取消</a>
      </div>
    </form>
  </div>
</div>
<script>
document.getElementById('modelTypeForm').addEventListener('submit',function(e){
  e.preventDefault();
  var btn=this.querySelector('button[type="submit"]');btn.disabled=true;btn.textContent='保存中…';
  fetch('/admin/model_type/save',{method:'POST',body:new FormData(this)})
    .then(function(r){return r.json()})
    .then(function(d){toast(d.msg,d.code===0?'success':'error');if(d.code===0)setTimeout(function(){window.location.href='/admin/model_type'},600);else{btn.disabled=false;btn.textContent='保存'}});
});
</script>

</body>
</html>