subtrack/internal/web/templates/pages/package_form.html

{{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="例如 包月日常 / 深渊通行证 / 10 次副本">
    </label>

    <fieldset class="field">
      <span>计费方式 <i>*</i></span>
      <div class="radios">
        <label><input type="radio" name="unit" value="day"{{if and (eq .D.Package.Unit "day") (not .D.Package.Season) (not .D.Package.Abyss)}} checked{{end}}>
          <b>按日</b><small>有开始日与结束日，每天一条待打任务，可打卡</small></label>
        <label><input type="radio" name="unit" value="count"{{if and (eq .D.Package.Unit "count") (not .D.Package.Season) (not .D.Package.Abyss)}} checked{{end}}>
          <b>按次</b><small>记录剩余次数，排期完成时自动扣 1 次，有效期可选</small></label>
        <label><input type="radio" name="unit" value="season"{{if .D.Package.Season}} checked{{end}}>
          <b>通行证</b><small>通行证有效期内整段一次完成；日历上连续着色，每天显示同一个完成数</small></label>
        <label><input type="radio" name="unit" value="abyss"{{if .D.Package.Abyss}} checked{{end}}>
          <b>深渊</b><small>N 天一个周期，周期内任意一天完成即算该周期完成；按周期数计数</small></label>
      </div>
    </fieldset>

    <div class="grid-2" data-season-wrap hidden>
      <label class="field"><span>通行证开始日 <i>*</i></span><input type="date" name="season_start" value="{{.D.Package.SeasonStart}}"></label>
      <label class="field"><span>通行证结束日 <i>*</i></span><input type="date" name="season_end" value="{{.D.Package.SeasonEnd}}"></label>
    </div>

    <div class="field field-narrow" data-abyss-wrap hidden>
      <span>周期天数 N <i>*</i></span>
      <input type="number" name="cycle_days" min="1" max="365" value="{{if .D.Package.Abyss}}{{.D.Package.CycleDays}}{{else}}7{{end}}" placeholder="例如 7">
      <small>N 天一个周期；下方「周期数」填 X。开通后从开始日连续排 X 个周期。</small>
    </div>

    <div class="field field-narrow" data-validity-wrap hidden>
      <span>按次默认有效期（天，0 = 不限）</span>
      <input type="number" name="default_validity_days" min="0" max="3650" value="{{.D.Package.DefaultValidityDays}}">
    </div>

    <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>{{if eq .D.Package.Unit "count"}}次{{else}}天{{end}}</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}}