{{define "admin_shop_coupons"}}
  <link rel="stylesheet" href="/static/css/shop.css?v={{assetVer}}">

  <div class="toolbar-row">
    <p class="shop-hint">优惠码生成后可以发给客人，商品详情页会自动提示可用；客人在前台下单时输入优惠码即可抵扣。</p>
    <a href="/admin/shop" class="btn btn-ghost btn-sm">← 返回商品管理</a>
  </div>

  {{if .Data.Ok}}<div class="shop-alert shop-alert-ok">已生成 {{.Data.Ok}} 个优惠码，可复制发给客人。</div>{{end}}
  {{if .Data.Err}}<div class="shop-alert shop-alert-err">{{.Data.Err}}</div>{{end}}

  <!-- 生成：可一次生成多个，代码由程序随机给出 -->
  <div class="panel">
    <h2>生成优惠码</h2>
    <form method="post" action="/admin/shop/coupons/create" class="shop-coupon-form">
      <input type="hidden" name="csrf" value="{{.CSRF}}">
      <label class="shop-field">
        <span class="shop-label">优惠类型</span>
        <select name="kind">
          <option value="amount">立减金额（如减 20 元）</option>
          <option value="percent">折扣百分比（如减 10%）</option>
        </select>
      </label>
      <label class="shop-field">
        <span class="shop-label">优惠数值<em>必填</em></span>
        <input type="text" name="value" placeholder="满减填 20，折扣填 10" required>
      </label>
      <label class="shop-field">
        <span class="shop-label">使用门槛（元）<em>可不填</em></span>
        <input type="text" name="min_amount" placeholder="如 100，留空表示无门槛">
      </label>
      <label class="shop-field">
        <span class="shop-label">生成数量<em>1 ~ 20</em></span>
        <input type="number" name="count" value="1" min="1" max="20">
      </label>
      <label class="shop-field">
        <span class="shop-label">到期日<em>可不填</em></span>
        <input type="date" name="expires_at">
      </label>
      <label class="shop-field">
        <span class="shop-label">备注<em>只给自己看</em></span>
        <input type="text" name="note" placeholder="如：夏日活动专属" maxlength="60">
      </label>
      <div class="shop-coupon-actions">
        <button class="btn btn-primary" type="submit">生成优惠码</button>
        <span class="shop-hint">代码由程序随机生成，8 位大写字母与数字，不会重复。</span>
      </div>
    </form>
  </div>

  <!-- 列表 -->
  <div class="panel" style="padding:0;">
    <h2 style="padding:16px 20px 0;">已生成的优惠码（{{len .Data.Coupons}}）</h2>
    {{if .Data.Coupons}}
    <table class="table">
      <thead>
        <tr>
          <th>优惠码</th>
          <th>类型与数值</th>
          <th>门槛</th>
          <th>到期</th>
          <th>备注</th>
          <th>生成时间</th>
          <th class="th-ops">操作</th>
        </tr>
      </thead>
      <tbody>
        {{range .Data.Coupons}}
        <tr>
          <td><span class="shop-code">{{.Code}}</span></td>
          <td>{{.KindLabel}} · {{.ValueLabel}}<div class="cell-sub">{{.Desc}}</div></td>
          <td>{{.MinLabel}}</td>
          <td>
            {{if .ExpiresAt}}{{.ExpiresAt}}
              {{if lt .ExpiresAt $.Data.Today}}<span class="shop-state-off">已过期</span>
              {{else}}<span class="shop-state-on">有效</span>{{end}}
            {{else}}长期有效{{end}}
          </td>
          <td>{{if .Note}}{{.Note}}{{else}}—{{end}}</td>
          <td>{{date .CreatedAt}}</td>
          <td class="th-ops">
            <form method="post" action="/admin/shop/coupons/{{.ID}}/delete" style="display:inline;"
                  onsubmit="return confirm('确定删除优惠码 {{.Code}} 吗？删掉后发给客人的这个码就失效了。');">
              <input type="hidden" name="csrf" value="{{$.CSRF}}">
              <button class="btn btn-danger btn-sm" type="submit">删除</button>
            </form>
          </td>
        </tr>
        {{end}}
      </tbody>
    </table>
    {{else}}
    <div style="text-align:center;color:var(--muted);padding:40px 0;">还没有优惠码，用上面的表单生成第一批吧。</div>
    {{end}}
  </div>
{{end}}