{{define "survey_forms_index"}}
<div class="survey-page">
  <!-- 收银台 Hero -->
  <header class="survey-hero">
    <div class="survey-hero-bg" aria-hidden="true">
      <span class="survey-register" aria-hidden="true"><i class="sr-screen"></i><i class="sr-key"></i><i class="sr-drawer"></i></span>
      <span class="survey-tape" aria-hidden="true"></span>
    </div>
    <p class="survey-eyebrow">{{ico "clipboard"}} QUICK POLL · 快问快答</p>
    <h1 class="survey-title">把要问的，<br>一次打成一张小票</h1>
    <ul class="survey-ticket-preview" aria-hidden="true">
      <li><b>01</b><span>报名</span><em>单行文本 · 必填</em></li>
      <li><b>02</b><span>场次</span><em>单选 · 必填</em></li>
      <li><b>03</b><span>意见</span><em>多行文字 · 选填</em></li>
    </ul>
  </header>

  <!-- 待答订单 -->
  <div class="survey-order-list">
    {{range .Data.Forms}}
    <article class="survey-order {{if ne .Open 1}}is-closed{{end}}">
      <div class="survey-order-ticket" aria-hidden="true">
        {{if eq .Open 1}}<span class="survey-badge survey-badge-open">接单中</span>{{else}}<span class="survey-badge survey-badge-closed">已打烊</span>{{end}}
      </div>
      <div class="survey-order-body">
        <h2 class="survey-title-sm"><a href="/forms/{{.ID}}">{{.Title}}</a></h2>
        <p class="survey-desc">{{truncate .Description 140}}</p>
        <div class="survey-order-meta">
          <span class="survey-fields">{{ico "list"}} {{len .FieldList}} 个字段</span>
          <span class="survey-subs">{{ico "clipboard"}} {{.Submissions}} 条回答</span>
          {{if .Capacity}}<span class="survey-subs">{{ico "users"}} 上限 {{.Capacity}} 人</span>{{end}}
          {{if .Deadline}}<span class="survey-time">{{ico "clock"}} 截止 {{dateTime .Deadline}}</span>{{end}}
          <span class="survey-time">{{ico "clock"}} {{date .CreatedAt}}</span>
        </div>
      </div>
      <div class="survey-order-act">
        {{if eq .Open 1}}<a class="survey-more" href="/forms/{{.ID}}">现在作答 →</a>{{else}}<span class="survey-more is-off">已停止收集</span>{{end}}
      </div>
    </article>
    {{else}}
    <div class="mod-empty">
      <h3>收银台还没开张</h3>
      <p>等第一张问卷上架。</p>
    </div>
    {{end}}
  </div>

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

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