{{define "forms_index"}}
  <link rel="stylesheet" href="/static/css/forms.css?v={{assetVer}}">
<div class="thm-forms">
  <!-- ===== 表头 hero：一张打了装订孔的收件纸，角上压着一枚「收集」印章 ===== -->
  <header class="forms-hero">
    <div class="forms-hero-bg" aria-hidden="true">
      <svg class="forms-scene" viewBox="0 0 1200 180" preserveAspectRatio="none">
        <path class="forms-scene-rail" d="M0,178 L1200,178"/>
        <g class="forms-scene-doc">
          <path d="M772,180 L772,104 L836,104 L836,180 Z"/>
          <path d="M848,180 L848,88 L912,88 L912,180 Z"/>
          <path d="M924,180 L924,112 L988,112 L988,180 Z"/>
        </g>
        <g class="forms-scene-lines">
          <path d="M786,122 L822,122"/>
          <path d="M786,134 L808,134"/>
          <path d="M862,106 L898,106"/>
          <path d="M862,118 L884,118"/>
          <path d="M938,130 L974,130"/>
          <path d="M938,142 L960,142"/>
        </g>
        <g class="forms-scene-check">
          <path d="M1002,148 L1028,170 L1088,108"/>
        </g>
        <g class="forms-scene-plane">
          <path d="M1014,60 L1086,34 L1054,96 Z"/>
          <path d="M1014,60 L1054,96 L1036,84 Z"/>
        </g>
        <g class="forms-scene-plane p2">
          <path d="M1118,100 L1176,78 L1150,128 Z"/>
          <path d="M1118,100 L1150,128 L1136,118 Z"/>
        </g>
      </svg>
    </div>
    <span class="forms-seal" aria-hidden="true">收集</span>
    <h1 class="forms-hero-title">要问的，一次问清</h1>
    <ul class="forms-hero-fields">
      <li><span class="ff-no">01</span><span class="ff-name">报名</span><i class="ff-lead"></i><span class="ff-type">单行文本</span><span class="ff-req">必填</span></li>
      <li><span class="ff-no">02</span><span class="ff-name">场次</span><i class="ff-lead"></i><span class="ff-type">单选</span><span class="ff-req">必填</span></li>
      <li><span class="ff-no">03</span><span class="ff-name">意见</span><i class="ff-lead"></i><span class="ff-type">多行文字</span><span class="ff-req ff-opt">选填</span></li>
    </ul>
  </header>

  <!-- ===== 收集箱：一条目 = 一页纸，竖着摞在档案盒里 ===== -->
  <div class="forms-stack">
    {{range .Data.Forms}}
    <article class="forms-row {{if ne .Open 1}}is-closed{{end}}">
      <div class="forms-row-mark" aria-hidden="true">
        {{if eq .Open 1}}<span class="forms-badge forms-badge-open">开放收集</span>{{else}}<span class="forms-badge forms-badge-closed">已关闭</span>{{end}}
      </div>
      <div class="forms-row-body">
        <h2 class="forms-title"><a href="/forms/{{.ID}}">{{.Title}}</a></h2>
        <p class="forms-desc">{{truncate .Description 140}}</p>
        <div class="forms-row-meta">
          <span class="forms-fields">{{ico "list"}} {{len .FieldList}} 个字段</span>
          <span class="forms-subs">{{ico "clipboard"}} {{.Submissions}} 条回答</span>
          {{if .Capacity}}<span class="forms-subs">{{ico "users"}} 上限 {{.Capacity}} 人</span>{{end}}
          {{if .Deadline}}<span class="forms-time">{{ico "clock"}} 截止 {{dateTime .Deadline}}</span>{{end}}
          <span class="forms-time">{{ico "clock"}} {{date .CreatedAt}}</span>
        </div>
      </div>
      <div class="forms-row-act">
        {{if eq .Open 1}}<a class="forms-more" href="/forms/{{.ID}}">去填写 →</a>{{else}}<span class="forms-more is-off">已停止收集</span>{{end}}
      </div>
    </article>
    {{else}}
    <div class="mod-empty">
      <h3>收集箱还空着</h3>
      <p>等第一张收集表上架。</p>
    </div>
    {{end}}
  </div>

  {{template "pagination" .}}
  {{template "module_meta" .}}

  <!-- ===== 页尾：了解 Pro 授权 ===== -->
  <div class="forms-pro">
    <a href="/pro">了解 Pro 授权</a>
  </div>
</div>
{{end}}