{{include "header.html"}}
{{include "nav.html"}}
{{include "list-hero.html"}}
<section class="section">
  <div class="wrap list-toolbar"><p>{{if .Pager.Enabled}}共 {{.Pager.TotalItems}} 个场景{{else}}共 {{len .List}} 个场景{{end}}</p><a class="btn small" href="/products">查看商品</a></div>
  {{$filters := ColumnExtFilter .CurrentColumn .Request}}
  {{if $filters}}<div class="wrap filter-panel">{{range $filters}}<div class="filter-row"><strong>{{.Label}}</strong><div>{{range .Options}}<a href="{{.URL}}" class="{{if .Selected}}active{{end}}">{{.Label}}</a>{{end}}</div></div>{{end}}</div>{{end}}
  {{if .List}}
  <div class="wrap article-grid three">
    {{range .List}}
    <a class="article-card scene-list-card" href="{{.URL}}">
      {{if .Img}}<img src="{{.Img}}" alt="{{.Title}}">{{end}}
      <span>{{index .Ext "scene"}} · {{index .Ext "budget"}}</span>
      <strong>{{.Title}}</strong>
      <p>{{.Description}}</p>
      <em>{{index .Ext "suitable_for"}} / {{index .Ext "product_count"}}</em>
    </a>
    {{end}}
  </div>
  {{else}}<div class="wrap empty-state">暂无场景内容。</div>{{end}}
  <div class="wrap">{{include "pager.html"}}</div>
</section>
{{include "footer.html"}}
{{include "js.html"}}
