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

{{if index .ThemesExt "show_breadcrumb"}}
{{if .Nav}}
<nav class="bg-gray-100 py-4">
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
    <div class="flex items-center space-x-2 text-sm">
      <a href="/" class="text-gray-600 hover:text-primary">首页</a>
      {{range .Nav}}
      <span class="text-gray-400">/</span>
      <a href="/{{.Slug}}" class="text-gray-600 hover:text-primary">{{.Name}}</a>
      {{end}}
    </div>
  </div>
</nav>
{{end}}
{{end}}

<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
  {{if eq .Type "search"}}
  <h1 class="text-3xl font-bold mb-8">搜索结果：{{.Request.Query.key}}</h1>
  {{else if eq .Type "tag"}}
  <h1 class="text-3xl font-bold mb-8">标签：{{.Request.Query.tag}}</h1>
  {{else if .Single}}
  <h1 class="text-3xl font-bold mb-8">{{.Single.Name}}</h1>
  {{if .Single.Description}}
  <p class="text-gray-600 text-lg mb-8">{{.Single.Description}}</p>
  {{end}}
  {{else}}
  <h1 class="text-3xl font-bold mb-8">列表</h1>
  {{end}}

  {{if .List}}
  <div class="space-y-6">
    {{range .List}}
    <div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow">
      <div class="flex">
        {{if .Img}}
        <a href="{{.URL}}" class="w-48 flex-shrink-0 block">
          <img src="{{.Img}}" alt="{{.Title}}" class="w-full h-32 object-cover">
        </a>
        {{end}}
        <div class="p-6 flex-1">
          <h3 class="text-xl font-semibold mb-2">
            <a href="{{.URL}}" class="hover:text-primary transition-colors">{{.Title}}</a>
          </h3>
          <p class="text-gray-600 leading-relaxed mb-3">{{StrSub .Description 150}}</p>
          <div class="flex items-center justify-between text-sm text-gray-500">
            <span>{{ParseTime .CreatedAt "2006-01-02"}}</span>
            {{if .Views}}
            <span>{{.Views}} 阅读</span>
            {{end}}
            <a href="{{.URL}}" class="text-primary hover:text-blue-700">阅读更多 →</a>
          </div>
        </div>
      </div>
    </div>
    {{end}}
  </div>

  {{if .Pager.Enabled}}
  <div class="mt-12 flex justify-center">
    <nav class="flex space-x-2">
      {{if .Pager.HasPrev}}
      <a href="{{.Pager.PrevURL}}" class="px-4 py-2 bg-white border border-gray-300 rounded hover:bg-gray-50 transition-colors">上一页</a>
      {{end}}
      {{range .Pager.Items}}
      {{if .Active}}
      <span class="px-4 py-2 bg-primary text-white rounded">{{.Label}}</span>
      {{else if .URL}}
      <a href="{{.URL}}" class="px-4 py-2 bg-white border border-gray-300 rounded hover:bg-gray-50 transition-colors">{{.Label}}</a>
      {{end}}
      {{end}}
      {{if .Pager.HasNext}}
      <a href="{{.Pager.NextURL}}" class="px-4 py-2 bg-white border border-gray-300 rounded hover:bg-gray-50 transition-colors">下一页</a>
      {{end}}
    </nav>
  </div>
  {{end}}
  {{else}}
  <div class="text-center py-12">
    <p class="text-gray-500 text-lg">暂无内容</p>
  </div>
  {{end}}
</div>

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