{{define "admin_shop_form"}}
  <link rel="stylesheet" href="/static/css/shop.css?v={{assetVer}}">
  {{if .Data.Error}}<div class="alert alert-err">{{.Data.Error}}</div>{{end}}
  <form method="post" action="{{if eq .Data.Mode "create"}}/admin/shop/create{{else}}/admin/shop/{{.Data.Product.ID}}/update{{end}}">
    <input type="hidden" name="csrf" value="{{.CSRF}}">
    <div class="panel">
      <h2>基本信息</h2>
      <div class="form-row">
        <label>商品名称</label>
        <input type="text" name="title" value="{{.Data.Product.Title}}" required>
      </div>
      <div class="form-row">
        <label>链接别名（Slug）</label>
        <input type="text" name="slug" value="{{.Data.Product.Slug}}">
        <div class="hint">留空则根据名称自动生成；用于 /shop/别名 访问</div>
      </div>
      <div class="form-row">
        <label>分类</label>
        <input type="text" name="category" value="{{.Data.Product.Category}}" placeholder="例如：家居生活、数码影音">
      </div>
      <div class="form-row">
        <label>原价（元）</label>
        <input type="text" name="price" value="{{.Data.Product.Price}}" placeholder="例如：39.00" required>
      </div>
      <div class="form-row">
        <label>优惠价（元）</label>
        <input type="text" name="sale_price" value="{{.Data.Product.SalePrice}}" placeholder="例如：29.00">
        <div class="hint">要打折就填这里：留空或填 0 表示不打折；填了且比原价低，前台会显示划线原价和折扣标签。</div>
      </div>
      <div class="form-row">
        <label>封面图地址</label>
        <input type="text" name="cover" value="{{.Data.Product.Cover}}" placeholder="留空则使用「文字封面」自动占位">
        <div class="hint">可填本站上传的图片地址（如 /uploads/gallery/202609/xxx.jpg），也可以直接粘贴外部图片网址。</div>
      </div>
    </div>
    <div class="panel">
      <h2>摘要与正文（Markdown）</h2>
      <div class="form-row">
        <label>摘要</label>
        <textarea name="summary" class="small" placeholder="列表页展示的一句话介绍">{{.Data.Product.Summary}}</textarea>
      </div>
      <div class="form-row">
        <label>详细介绍</label>
        <textarea name="content" class="editor" data-zx-editor data-upload="/blog/upload" placeholder="# 详细介绍…">{{.Data.Product.Content}}</textarea>
        <div class="hint">在正文末尾用「## 买前须知」写一段「参数说明 / 适合人群 / 注意事项」清单（每条用 - **小标题**：大白话），详情页会自动把它单独放进「买前须知」区块，写给第一次买的朋友看。</div>
      </div>
    </div>
    <div class="panel">
      <h2>库存与状态</h2>
      <div class="form-row">
        <label>库存</label>
        <input type="number" name="stock" value="{{.Data.Product.Stock}}" min="0">
        <div class="hint">剩余 ≤5 件会在前台显示红色「库存紧张」徽标，>5 件显示绿色「现货充足」徽标，缺货（0 件）明说</div>
      </div>
      <div class="form-row">
        <label>状态</label>
        <select name="published">
          <option value="1" {{if eq .Data.Product.Published 1}}selected{{end}}>上架</option>
          <option value="0" {{if eq .Data.Product.Published 0}}selected{{end}}>下架</option>
        </select>
      </div>
    </div>
    <div style="display:flex;gap:10px;">
      <button class="btn btn-primary" type="submit">{{if eq .Data.Mode "create"}}创建商品{{else}}保存修改{{end}}</button>
      <a class="btn btn-ghost" href="/admin/shop">取消</a>
    </div>
  </form>
{{end}}