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

{{$reqKey := ""}}
{{if .Request}}{{$reqKey = .Request.Query.key}}{{end}}

<section class="section">
  <div class="container content-layout">
    <div>
      <div class="page-banner glass">
        <div class="section-title" style="margin-bottom:0;">
          <div>
            {{if eq .Type "search"}}
              <span class="kicker">search result</span>
              <h1>搜索：{{$reqKey}}</h1>
              <p>站内关于“{{$reqKey}}”的内容，都收在这里。</p>
            {{else if eq .Type "tag"}}
              <span class="kicker">tag archive</span>
              <h1>标签：{{.Title}}</h1>
              <p>{{if .Description}}{{.Description}}{{else}}和这个主题相关的文章与作品归档。{{end}}</p>
            {{else if .CurrentColumn}}
              <span class="kicker">column archive</span>
              <h1>{{.CurrentColumn.Name}}</h1>
              <p>{{if .CurrentColumn.Description}}{{.CurrentColumn.Description}}{{else}}{{.Description}}{{end}}</p>
            {{else}}
              <span class="kicker">archive</span>
              <h1>{{.Title}}</h1>
              <p>{{.Description}}</p>
            {{end}}
          </div>
        </div>
      </div>

      {{if .List}}
      <div class="post-grid">
        {{range .List}}
        <article class="post-card glass">
          {{if .Img}}<img class="post-cover" src="{{.Img}}" alt="{{.Title}}">{{end}}
          <div class="post-topline">
            <span>{{ParseTime .CreatedAt "2006-01-02"}}</span>
            {{if .ColumnName}}<span>· {{.ColumnName}}</span>{{end}}
            {{$badge := index .Ext "badge"}}{{if $badge}}<span class="badge">{{$badge}}</span>{{end}}
          </div>
          <h3>{{.Title}}</h3>
          <p>{{StrSub .Description 104}}</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"}}