{{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-6xl px-4 py-10 sm:px-6 lg:px-8">
  <div class="overflow-hidden rounded-3xl bg-white shadow-sm ring-1 ring-slate-200">
    <div class="border-b border-slate-200 bg-gradient-to-r from-slate-50 to-blue-50 px-8 py-10">
      <p class="text-sm font-medium text-primary">学校治理</p>
      <h1 class="mt-2 text-3xl font-semibold">{{.Single.Name}}</h1>
      {{if .Single.Description}}<p class="mt-4 max-w-3xl text-base leading-8 text-slate-600">{{.Single.Description}}</p>{{end}}
    </div>

    <div class="p-8">
      <div class="grid gap-4 md:grid-cols-3">
        <div class="rounded-2xl bg-slate-50 p-5">
          <div class="text-sm text-slate-500">组织原则</div>
          <div class="mt-2 text-lg font-semibold">分工明确、协同运行</div>
        </div>
        <div class="rounded-2xl bg-slate-50 p-5">
          <div class="text-sm text-slate-500">管理方式</div>
          <div class="mt-2 text-lg font-semibold">制度化、流程化、公开化</div>
        </div>
        <div class="rounded-2xl bg-slate-50 p-5">
          <div class="text-sm text-slate-500">服务目标</div>
          <div class="mt-2 text-lg font-semibold">保障教学、服务师生</div>
        </div>
      </div>

      <div class="mt-8 grid gap-8 lg:grid-cols-[1.05fr_0.95fr]">
        <div class="prose prose-slate max-w-none rounded-2xl bg-white">
          {{.Single.Content|Str2Html}}
        </div>
        <div class="space-y-4">
          <div class="overflow-hidden rounded-2xl">
            <img src="https://images.unsplash.com/photo-1516321310764-8d4a7e6f1b1b?auto=format&fit=crop&w=1400&q=80" alt="学校治理" class="h-56 w-full object-cover">
          </div>
          <div class="rounded-2xl bg-slate-50 p-5 text-sm leading-7 text-slate-600">
            <p>学校领导机构负责统筹教学、德育、后勤与发展工作，通过月度例会、专题协调和信息公开机制，确保各项工作落实到位。</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</main>
{{end}}

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