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

{{if index .ThemesExt "show_breadcrumb"}}
{{if .Nav}}
<nav class="border-b border-slate-200 bg-white">
  <div class="mx-auto max-w-7xl px-4 py-4 text-sm text-slate-500 sm:px-6 lg:px-8">
    <a href="/" class="hover:text-primary">首页</a>
    {{range .Nav}} <span class="px-2">/</span> <a href="{{.URL}}" class="hover:text-primary">{{.Name}}</a>{{end}}
  </div>
</nav>
{{end}}
{{end}}

{{if .Single}}
<main class="mx-auto max-w-5xl px-4 py-10 sm:px-6 lg:px-8">
  <div class="rounded-xl bg-white p-8 shadow-sm ring-1 ring-slate-200">
    <h1 class="text-3xl font-semibold">{{.Single.Name}}</h1>
    {{if .Single.Description}}<p class="mt-4 text-base leading-8 text-slate-600">{{.Single.Description}}</p>{{end}}
    {{if .Single.Ext}}{{if index .Single.Ext "banner_img"}}<div class="mt-6 overflow-hidden rounded-xl"><img src="{{index .Single.Ext "banner_img"}}" alt="{{.Single.Name}}" class="w-full object-cover"></div>{{end}}{{end}}
    <div class="prose prose-slate mt-8 max-w-none">
      {{.Single.Content|Str2Html}}
    </div>
  </div>
</main>
{{end}}

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