{{define "content"}}
<div class="page narrow">
  <header class="page-head">
    <div>
      <h1>{{if .D.IsNew}}新建客户{{else}}编辑客户{{end}}</h1>
      <p>手机尾号 + 客户名 唯一；尾号是日常查询的主键。</p>
    </div>
  </header>

  <form method="post" class="form card"
        action="{{if .D.IsNew}}/customers{{else}}/customers/{{.D.Customer.ID}}/edit{{end}}">
    <div class="grid-2">
      <label class="field"><span>手机尾号 <i>*</i></span>
        <input type="text" name="tail" value="{{.D.Customer.Tail}}" required maxlength="8" placeholder="例如 1234" inputmode="numeric" autofocus>
      </label>
      <label class="field"><span>客户名 <i>*</i></span>
        <input type="text" name="name" value="{{.D.Customer.Name}}" required maxlength="32" placeholder="例如 老张">
      </label>
    </div>
    <div class="grid-2">
      <label class="field"><span>游戏名</span>
        <input type="text" name="game_name" value="{{.D.Customer.GameName}}" maxlength="32" placeholder="例如 王者荣耀">
      </label>
      <label class="field"><span>区服 / UID</span>
        <input type="text" name="game_server" value="{{.D.Customer.GameServer}}" maxlength="32" placeholder="例如 微信区 123456">
      </label>
    </div>
    <div class="grid-2">
      <label class="field"><span>联系方式</span>
        <input type="text" name="contact" value="{{.D.Customer.Contact}}" maxlength="64" placeholder="微信 / QQ">
      </label>
      <label class="field"><span>来源渠道</span>
        <input type="text" name="source" value="{{.D.Customer.Source}}" maxlength="32" placeholder="抖音 / 朋友介绍">
      </label>
    </div>
    <label class="field"><span>标签</span>
      <input type="text" name="tags" value="{{.D.Customer.Tags}}" maxlength="120" placeholder="老客户,包月,难缠（逗号分隔）">
    </label>
    <label class="field"><span>备注</span>
      <textarea name="note" rows="3" maxlength="500" placeholder="打法偏好、沟通记录等">{{.D.Customer.Note}}</textarea>
    </label>
    <div class="actions">
      <button class="btn btn-primary" type="submit">保存</button>
      <a class="btn btn-soft" href="{{if .D.IsNew}}/customers{{else}}/customers/{{.D.Customer.ID}}{{end}}">取消</a>
    </div>
  </form>
</div>
{{end}}