{{define "admin_services_form"}}
  <div class="panel">
    <h2>{{if eq .Data.Mode "create"}}发布服务{{else}}编辑服务「{{.Data.Service.Name}}」{{end}}</h2>
    {{if .Data.Error}}<div class="alert">{{.Data.Error}}</div>{{end}}
    <form method="post" action="{{if eq .Data.Mode "create"}}/admin/services/create{{else}}/admin/services/{{.Data.Service.ID}}/update{{end}}">
      <input type="hidden" name="csrf" value="{{.CSRF}}">
      <div class="form-row">
        <label>服务名称</label>
        <input type="text" name="name" required value="{{.Data.Service.Name}}" placeholder="一句话说清这项服务">
      </div>
      <div class="form-row">
        <label>链接别名（Slug）</label>
        <input type="text" name="slug" value="{{.Data.Service.Slug}}" placeholder="留空则根据名称自动生成">
      </div>
      <div class="form-row">
        <label>分类</label>
        <input type="text" name="category" value="{{.Data.Service.Category}}" placeholder="家政保洁 / 家居维修 / 开锁换锁 / 搬家货运 / 宠物照料…" list="svc-cats">
        <datalist id="svc-cats">
          {{range .Data.Categories}}<option value="{{.Name}}">{{end}}
        </datalist>
      </div>
      <div style="display:grid;grid-template-columns:1fr 1fr;gap:14px;">
        <div class="form-row">
          <label>一口价（明码标价，公示价即成交价）</label>
          <input type="text" name="price" required value="{{.Data.Service.Price}}" placeholder="例如：58 元">
        </div>
        <div class="form-row">
          <label>计价单位</label>
          <input type="text" name="unit" value="{{.Data.Service.Unit}}" placeholder="次 / 小时 / 台 / 趟 / 天…">
        </div>
      </div>
      <div class="form-row">
        <label>响应时效</label>
        <input type="text" name="response_time" required value="{{.Data.Service.ResponseTime}}" placeholder="例如：30 分钟内响应 / 2 小时内到达">
      </div>
      <div style="display:grid;grid-template-columns:1fr 1fr;gap:14px;">
        <div class="form-row">
          <label>服务方（谁来做、谁负责）</label>
          <input type="text" name="provider" required value="{{.Data.Service.Provider}}" placeholder="例如：晴空家政 · 王姐团队">
        </div>
        <div class="form-row">
          <label>服务方地址（资质与位置透明）</label>
          <input type="text" name="provider_addr" value="{{.Data.Service.ProviderAddr}}" placeholder="例如：城东 · 阳光花园 12 栋">
        </div>
      </div>
      <div class="form-row">
        <label>口碑分（0 - 5，服务完成后真实评价沉淀）</label>
        <input type="number" name="rating" min="0" max="5" step="1" value="{{printf "%.0f" .Data.Service.Rating}}" placeholder="5">
        <span class="muted-text">当前：{{.Data.Service.Stars}}</span>
      </div>
      <div class="form-row">
        <label>摘要</label>
        <textarea name="summary" class="small" placeholder="列表页展示的一句话摘要">{{.Data.Service.Summary}}</textarea>
      </div>
      <div class="form-row">
        <label>详情（支持 Markdown）</label>
        <textarea name="content" class="editor" data-zx-editor data-upload="/blog/upload" placeholder="# 服务详情…">{{.Data.Service.Content}}</textarea>
      </div>
      <div class="form-row">
        <label><input type="checkbox" name="published" value="1" {{if eq .Data.Service.Published 1}}checked{{end}}> 立即上架</label>
      </div>
      <div style="display:flex;gap:10px;align-items:center;">
        <button class="btn btn-primary" type="submit">{{if eq .Data.Mode "create"}}发布服务{{else}}保存修改{{end}}</button>
        <a class="btn btn-ghost" href="/admin/services">返回服务列表</a>
      </div>
    </form>
  </div>
{{end}}