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

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

{{if .Single}}
{{if .Single.Ext}}
{{$banner := index .Single.Ext "banner_img"}}
{{if $banner}}
<section class="relative h-64 md:h-80">
  <img src="{{$banner}}" alt="{{.Single.Name}}" class="w-full h-full object-cover">
  <div class="absolute inset-0 bg-black bg-opacity-40 flex items-center justify-center">
    <h1 class="text-4xl md:text-5xl font-bold text-white">{{.Single.Name}}</h1>
  </div>
</section>
{{end}}
{{end}}

<article class="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8">
  <div class="grid gap-8 lg:grid-cols-3">
    <div class="lg:col-span-1">
      <div class="rounded-2xl border border-red-100 bg-white p-6 shadow-sm">
        <h2 class="text-xl font-bold text-stone-900 mb-4">门店信息</h2>
        <div class="space-y-3 text-sm text-stone-600">
          <div><span class="font-medium text-stone-900">电话：</span>400-800-1888</div>
          <div><span class="font-medium text-stone-900">邮箱：</span>fitness@wewei.com</div>
          <div><span class="font-medium text-stone-900">地址：</span>请替换为真实门店地址</div>
          <div><span class="font-medium text-stone-900">营业：</span>周一至周日 7:00 - 22:00</div>
        </div>
      </div>
    </div>
    <div class="lg:col-span-2">
      <div class="rounded-2xl border border-red-100 bg-white p-6 shadow-sm md:p-8">
        {{if .Single.Description}}<p class="text-lg leading-8 text-stone-600 mb-6">{{.Single.Description}}</p>{{end}}
        <div class="prose prose-lg max-w-none">
          {{.Single.Content|Str2Html}}
        </div>
      </div>
    </div>
  </div>
</article>
{{end}}

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