{{define "admin_forms_submissions"}}
<div class="thm-forms">
  <div class="toolbar-row">
    <div>
      <a class="btn btn-ghost btn-sm" href="/admin/forms">← 返回表单列表</a>
      <span class="shelf-note" style="margin-left:10px;">「{{.Data.Form.Title}}」共 {{.Data.Total}} 条回答</span>
    </div>
    <div style="display:flex;align-items:center;gap:10px;">
      {{if .Data.Total}}<a href="/admin/forms/{{.Data.Form.ID}}/export" class="btn btn-ghost btn-sm">{{ico "download"}} 导出 CSV</a>{{end}}
      <a href="/forms/{{.Data.Form.ID}}" class="btn btn-ghost btn-sm" target="_blank" rel="noopener">查看前台</a>
      <a href="/admin/forms/{{.Data.Form.ID}}/edit" class="btn btn-ghost btn-sm">编辑表单</a>
    </div>
  </div>

  {{if .Data.Deleted}}
  <div class="panel" style="padding:12px 16px;margin-bottom:14px;border-left:3px solid var(--accent,#4a9eff);background:rgba(74,158,255,.06);">
    已删除这条回答，回答计数与选项统计同步回落。
  </div>
  {{end}}

  {{if .Data.Stats}}
  <div class="panel forms-stats">
    <h3 class="forms-stats-title">选项统计 <span class="shelf-note">（单选 / 多选 / 下拉 / 评分）</span></h3>
    {{range .Data.Stats}}
    <div class="forms-stat">
      <div class="forms-stat-head">
        <span class="forms-stat-label">{{.Label}}</span>
        <span class="forms-stat-type">{{.Type}}</span>
      </div>
      <div class="forms-stat-opts">
        {{range .Options}}
        <div class="forms-stat-opt">
          <span class="forms-stat-name">{{.Option}}</span>
          <span class="forms-bar"><span class="forms-bar-fill" style="width:{{.Pct}}%"></span></span>
          <span class="forms-stat-count">{{.Count}} 票 · {{.Pct}}%</span>
        </div>
        {{end}}
      </div>
    </div>
    {{end}}
  </div>
  {{end}}

  <div class="panel" style="padding:0;">
    {{if .Data.Rows}}
    <table class="table">
      <thead>
        <tr>
          {{range .Data.Cols}}<th>{{.Label}}</th>{{end}}
          <th>提交人</th>
          <th>提交时间</th>
          <th>操作</th>
        </tr>
      </thead>
      <tbody>
        {{range .Data.Rows}}
        <tr>
          {{range .Cells}}<td>{{if .}}{{.}}{{else}}—{{end}}</td>{{end}}
          <td>{{.Submitter}}</td>
          <td>{{dateTime .CreatedAt}}</td>
          <td>
            <form method="post" action="/admin/forms/{{$.Data.Form.ID}}/submissions/delete" style="display:inline;"
                  onsubmit="return confirm('删除这条回答？计数会跟着回落，不可恢复。');">
              <input type="hidden" name="csrf" value="{{$.CSRF}}">
              <input type="hidden" name="submission_id" value="{{.ID}}">
              <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>

  {{if or .Data.Prev .Data.Next}}
  <div class="pager-row">
    {{if .Data.Prev}}<a class="btn btn-ghost btn-sm" href="/admin/forms/{{.Data.Form.ID}}/submissions?page={{sub .Data.Page 1}}">← 上一页</a>{{else}}<span class="btn btn-ghost btn-sm" style="opacity:.4">← 上一页</span>{{end}}
    <span style="color:var(--muted);font-size:13px;">第 {{.Data.Page}} / {{.Data.TotalPages}} 页</span>
    {{if .Data.Next}}<a class="btn btn-ghost btn-sm" href="/admin/forms/{{.Data.Form.ID}}/submissions?page={{add .Data.Page 1}}">下一页 →</a>{{else}}<span class="btn btn-ghost btn-sm" style="opacity:.4">下一页 →</span>{{end}}
  </div>
  {{end}}
</div>
{{end}}