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

<main class="enterprise-shell enterprise-page">
  {{if index .ThemesExt "show_breadcrumb"}}
  {{if .Nav}}
  <div class="enterprise-section enterprise-breadcrumb-tight">
    <div class="enterprise-breadcrumb-trail enterprise-card-gap-compact">
      <a href="/" class="enterprise-text-primary enterprise-text-no-decoration">首页</a>
      {{range .Nav}}
      <span class="enterprise-muted">/</span>
      <a href="{{.URL}}" class="enterprise-text-no-decoration">{{.Name}}</a>
      {{end}}
    </div>
  </div>
  {{end}}
  {{end}}

  <section class="enterprise-section">
    {{if eq .Type "search"}}
    <div class="enterprise-kicker">Search</div>
    <h1 class="enterprise-title">搜索结果：{{.Request.Query.key}}</h1>
    {{else if eq .Type "tag"}}
    <div class="enterprise-kicker">Tag</div>
    <h1 class="enterprise-title">标签：{{.Request.Query.tag}}</h1>
    {{else if .Single}}
    <div class="enterprise-kicker">Category</div>
    <h1 class="enterprise-title">{{.Single.Name}}</h1>
    {{if .Single.Description}}<p class="enterprise-muted enterprise-section-desc-lg">{{.Single.Description}}</p>{{end}}
    {{else}}
    <div class="enterprise-kicker">Category</div>
    <h1 class="enterprise-title">列表</h1>
    {{end}}

    {{if .List}}
    <div class="enterprise-grid enterprise-grid-3 enterprise-margin-top-large">
      {{range .List}}
      <article class="enterprise-card">
        <a href="{{.URL}}">
          <img src="{{if .Img}}{{.Img}}{{else}}https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1200&q=80{{end}}" alt="{{.Title}}" class="enterprise-min-h-220 enterprise-hero-cover">
        </a>
        <div class="enterprise-card-body">
          <h3 class="enterprise-card-title"><a href="{{.URL}}" class="enterprise-text-no-decoration">{{.Title}}</a></h3>
          <p class="enterprise-muted enterprise-line-18 enterprise-min-h-120">{{StrSub .Description 100}}</p>
          <div class="enterprise-card-meta-lg">
            <span class="enterprise-muted">{{ParseTime .CreatedAt "2006-01-02"}}</span>
            <a href="{{.URL}}" class="enterprise-text-primary enterprise-text-no-decoration">阅读更多</a>
          </div>
        </div>
      </article>
      {{end}}
    </div>

    {{if .Pager.Enabled}}
    <div class="enterprise-pagination">
      <div class="enterprise-pagination-inner">
        {{if .Pager.HasPrev}}<a class="enterprise-btn secondary" href="{{.Pager.PrevURL}}">上一页</a>{{end}}
        {{range .Pager.Items}}
        {{if .Active}}
        <span class="enterprise-btn enterprise-cursor-default">{{.Label}}</span>
        {{else if .URL}}
        <a class="enterprise-btn secondary" href="{{.URL}}">{{.Label}}</a>
        {{end}}
        {{end}}
        {{if .Pager.HasNext}}<a class="enterprise-btn secondary" href="{{.Pager.NextURL}}">下一页</a>{{end}}
      </div>
    </div>
    {{end}}
    {{else}}
    <div class="enterprise-muted enterprise-empty-state-lg">暂无内容</div>
    {{end}}
  </section>
</main>

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