{{$phone := index .ThemesExt "contact_phone"}}
{{$email := index .ThemesExt "contact_email"}}
{{$address := index .ThemesExt "contact_address"}}
{{$motto := index .ThemesExt "campus_motto"}}
{{$showBreadcrumb := index .ThemesExt "show_breadcrumb"}}

<div class="site-topbar">
  <div class="container">
    <div>{{if $motto}}{{$motto}}{{else}}厚德精技 · 知行合一{{end}}</div>
    <div style="display:flex;gap:16px;flex-wrap:wrap;">
      {{if $phone}}<span>招生热线：{{$phone}}</span>{{end}}
      {{if $email}}<span>{{$email}}</span>{{end}}
      {{if $address}}<span>{{$address}}</span>{{end}}
    </div>
  </div>
</div>

<header class="main-header">
  <div class="container nav-wrap">
    <a href="/" class="brand">
      <span class="brand-mark">匠</span>
      <div class="brand-text">
        <strong>{{if .Site}}{{if .Site.Title}}{{.Site.Title}}{{else}}星匠职业技术学校{{end}}{{else}}星匠职业技术学校{{end}}</strong>
        <span>{{if .Site}}{{if .Site.Description}}{{.Site.Description}}{{else}}职业教育 · 技能成才{{end}}{{else}}职业教育 · 技能成才{{end}}</span>
      </div>
    </a>
    <nav class="main-nav">
      <a href="/" class="{{if eq .Type "home"}}is-active{{end}}">首页</a>
      {{range .Columns}}
        <a href="{{.URL}}" class="{{if .IsSelect}}is-active{{end}}">{{.Name}}</a>
      {{end}}
    </nav>
    <div style="display:flex;align-items:center;gap:10px;">
      <a href="/contact" class="nav-cta">预约到校</a>
      <button id="mobile-nav-btn" class="mobile-toggle" aria-label="菜单">☰</button>
    </div>
  </div>
  <div id="mobile-nav" class="container mobile-nav">
    <a href="/">首页</a>
    {{range .Columns}}<a href="{{.URL}}">{{.Name}}</a>{{end}}
  </div>
</header>

{{if and $showBreadcrumb (or (ne .Type "home") .Nav)}}
<div class="container breadcrumb">
  <a href="/">首页</a>
  {{if .Nav}}
    {{range .Nav}}<span>/</span><a href="{{.URL}}">{{.Name}}</a>{{end}}
  {{else if .CurrentColumn}}
    <span>/</span><span>{{.CurrentColumn.Name}}</span>
  {{else if .Title}}
    <span>/</span><span>{{.Title}}</span>
  {{end}}
</div>
{{end}}