{{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" data-package-form
        action="{{if .D.IsNew}}/packages{{else}}/packages/{{.D.Package.ID}}/edit{{end}}">
    <label class="field"><span>套餐名称 <i>*</i></span>
      <input type="text" name="name" required maxlength="32" value="{{.D.Package.Name}}" placeholder="例如 包月日常 / 深渊日常">
    </label>

    <div class="grid-2">
      <label class="field" data-amount-wrap><span><span data-amount-title>默认天数</span> <i>*</i></span>
        <div class="input-suffix">
          <input type="number" name="default_amount" min="1" max="10000" value="{{.D.Package.DefaultAmount}}" required>
          <b data-unit-label>天</b>
        </div>
      </label>
      <label class="field"><span>参考价（元，可空）</span>
        <input type="number" name="price" min="0" step="1" value="{{if .D.Package.HasPrice}}{{money .D.Package.PriceCents}}{{end}}" placeholder="例如 300">
      </label>
    </div>

    <div class="grid-3">
      <label class="field"><span>日历色签</span>
        <input type="color" name="color" value="{{.D.Package.Color}}">
      </label>
      <label class="field"><span>标签（可选）</span>
        <input type="text" name="tag" value="{{.D.Package.Tag}}" maxlength="20" list="pkg-tags" placeholder="例如：包月活动托">
        <datalist id="pkg-tags">{{range .D.Tags}}<option value="{{.}}"></option>{{end}}</datalist>
        <small>相同标签的套餐在日历里会合并成同一个页签</small>
      </label>
      <label class="field"><span>排序（小的靠前）</span>
        <input type="number" name="sort_order" value="{{.D.Package.SortOrder}}">
      </label>
    </div>

    <label class="check-line">
      <input type="checkbox" name="calendar_separate" value="1"{{if .D.Package.CalendarSeparate}} checked{{end}}>
      <span>在日历中独立显示<small>勾选后会单独开一个标签页，和其他日常任务分开看</small></span>
    </label>

    <label class="field"><span>说明</span>
      <textarea name="note" rows="2" maxlength="200" placeholder="套餐包含什么、怎么个打法">{{.D.Package.Note}}</textarea>
    </label>

    <div class="actions">
      <button class="btn btn-primary" type="submit">保存</button>
      <a class="btn btn-soft" href="/packages">取消</a>
    </div>
  </form>
</div>
{{end}}