{{include "header.html"}}
{{include "nav.html"}}

<section class="section">
  <div class="container content-layout">
    <div>
      <div class="page-banner glass">
        <div class="section-title" style="margin-bottom:0;">
          <div>
            <span class="kicker">gallery archive</span>
            <h1>{{if .CurrentColumn}}{{.CurrentColumn.Name}}{{else}}{{.Title}}{{end}}</h1>
            <p>{{if .CurrentColumn}}{{.CurrentColumn.Description}}{{else}}{{.Description}}{{end}}</p>
          </div>
        </div>
      </div>

      {{if .List}}
      <div class="gallery-grid">
        {{range .List}}
        <article class="gallery-card glass">
          {{if .Img}}<img src="{{.Img}}" alt="{{.Title}}">{{end}}
          <div class="gallery-meta">
            {{$badge := index .Ext "badge"}}{{if $badge}}<span class="badge">{{$badge}}</span>{{end}}
            {{$palette := index .Ext "palette"}}{{if $palette}}<span>{{$palette}}</span>{{end}}
          </div>
          <h3>{{.Title}}</h3>
          <p>{{StrSub .Description 88}}</p>
          <a href="{{.URL}}" class="card-link">进入详情 →</a>
        </article>
        {{end}}
      </div>
      {{else}}
      <div class="empty-state glass">
        <div class="empty-icon">🎨</div>
        <strong>展柜还没摆满</strong>
        <p>暂时还没有作品陈列，稍后再来看看吧。</p>
      </div>
      {{end}}

      {{if .Pager.Enabled}}
      <nav class="pager">
        {{range .Pager.Items}}
          {{if eq .Kind "gap"}}
            <span>…</span>
          {{else if .Disabled}}
            <span>{{.Label}}</span>
          {{else if .Active}}
            <span class="is-current">{{.Label}}</span>
          {{else}}
            <a href="{{.URL}}">{{.Label}}</a>
          {{end}}
        {{end}}
      </nav>
      {{end}}
    </div>

    {{include "sidebar.html"}}
  </div>
</section>

{{include "js.html"}}
{{include "footer.html"}}