{{include "header.html"}}
{{include "nav.html"}}
{{include "list-hero.html"}}
<section class="section">
  <div class="wrap list-toolbar">
    <p>{{if .Pager.Enabled}}{{.Pager.TotalItems}} items · page {{.Pager.Current}} of {{.Pager.TotalPages}}{{else}}{{len .List}} items{{end}}</p>
    <div><span>Household</span><span>Beauty</span><span>Stationery</span><span>Seasonal</span></div>
  </div>
  {{if .List}}
  <div class="wrap card-grid three">
    {{range .List}}
    <a class="product-card" href="{{.URL}}">
      <span class="card-img">{{if .Img}}<img src="{{.Img}}" alt="{{.Title}}">{{end}}</span>
      <span class="card-body">
        <span class="tag">{{index .Ext "category"}}</span>
        <strong>{{.Title}}</strong>
        <em>{{.Description}}</em>
        <span class="spec-line">MOQ: {{index .Ext "moq"}} · Lead: {{index .Ext "lead_time"}}</span>
        <span class="spec-line">Pack: {{index .Ext "packaging"}}</span>
      </span>
    </a>
    {{end}}
  </div>
  {{else}}<div class="wrap empty">No products published yet.</div>{{end}}
  {{include "pager.html"}}
</section>
{{include "footer.html"}}
{{include "js.html"}}