{{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}}
    <span class="px-2">/</span>
    <span class="text-slate-900">{{.Content.Title}}</span>
  </div>
</nav>
{{end}}
{{end}}

{{if .Content}}
<main class="mx-auto max-w-6xl px-4 py-10 sm:px-6 lg:px-8">
  <div class="grid gap-8 lg:grid-cols-[1fr_0.9fr]">
    <div class="overflow-hidden rounded-xl bg-white shadow-sm ring-1 ring-slate-200">
      <img src="{{DefaultCover .Content.Img}}" alt="{{.Content.Title}}" class="h-[420px] w-full object-cover">
    </div>
    <div class="rounded-xl bg-white p-6 shadow-sm ring-1 ring-slate-200">
      <div class="text-sm text-slate-500">{{.Content.ColumnName}}</div>
      <h1 class="mt-3 text-3xl font-semibold">{{.Content.Title}}</h1>
      <p class="mt-4 text-base leading-8 text-slate-600">{{.Content.Description}}</p>
      <div class="mt-6 grid grid-cols-2 gap-3 text-sm">
        <div class="rounded-lg bg-slate-50 p-3"><div class="text-slate-500">学科</div><div class="mt-1 font-medium">{{default (index .Content.Ext "subject") "-"}}</div></div>
        <div class="rounded-lg bg-slate-50 p-3"><div class="text-slate-500">职称</div><div class="mt-1 font-medium">{{default (index .Content.Ext "honor") "-"}}</div></div>
        <div class="rounded-lg bg-slate-50 p-3"><div class="text-slate-500">教龄</div><div class="mt-1 font-medium">{{default (index .Content.Ext "years") "-"}}</div></div>
        <div class="rounded-lg bg-slate-50 p-3"><div class="text-slate-500">学历</div><div class="mt-1 font-medium">{{default (index .Content.Ext "education") "-"}}</div></div>
        <div class="rounded-lg bg-slate-50 p-3"><div class="text-slate-500">岗位/职务</div><div class="mt-1 font-medium">{{default (index .Content.Ext "position") "-"}}</div></div>
        <div class="rounded-lg bg-slate-50 p-3"><div class="text-slate-500">擅长方向</div><div class="mt-1 font-medium">{{default (index .Content.Ext "speciality") "-"}}</div></div>
        <div class="col-span-2 rounded-lg bg-slate-50 p-3"><div class="text-slate-500">主教科目</div><div class="mt-1 font-medium">{{default (index .Content.Ext "subject") "-"}}</div></div>
        <div class="col-span-2 rounded-lg bg-slate-50 p-3"><div class="text-slate-500">标签</div><div class="mt-1 font-medium">{{default (index .Content.Ext "badge") "-"}}</div></div>
      </div>
    </div>
  </div>

  <div class="mt-8 grid gap-8 lg:grid-cols-[minmax(0,1fr)_280px]">
    <section class="rounded-xl bg-white p-6 shadow-sm ring-1 ring-slate-200">
      <h2 class="text-xl font-semibold">教师简介</h2>
      <div class="prose prose-slate mt-4 max-w-none">
        {{default (index .Content.Ext "intro") .Content.Content|Str2Html}}
      </div>
    </section>

    {{if index .ThemesExt "show_sidebar"}}
    {{include "sidebar.html"}}
    {{end}}
  </div>
</main>
{{end}}

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