{{$authorName := index .ThemesExt "author_name"}}
{{$authorTitle := index .ThemesExt "author_title"}}
{{$contactEmail := index .ThemesExt "contact_email"}}
{{$contactCity := index .ThemesExt "contact_city"}}
{{$showBreadcrumb := index .ThemesExt "show_breadcrumb"}}

<div class="site-topbar container">
  <div class="topbar-inner glass">
    <div class="topbar-links">
      {{if $contactCity}}<span>📍 {{$contactCity}}</span>{{end}}
      {{if $contactEmail}}<a href="mailto:{{$contactEmail}}">✉ {{$contactEmail}}</a>{{end}}
    </div>
    <div class="topbar-meta">
      {{if $authorName}}<span>{{if $authorTitle}}{{$authorName}} · {{$authorTitle}}{{else}}{{$authorName}}{{end}}</span>{{end}}
      <a href="/message">投递纸条</a>
    </div>
  </div>
</div>

<header class="main-header container">
  <div class="nav-wrap glass">
    <a href="/" class="brand">
      {{if .Site}}{{if .Site.Logo}}
        <img src="{{.Site.Logo}}" alt="{{.Site.Title}}">
      {{else}}
        <span class="brand-mark">星</span>
      {{end}}{{else}}
        <span class="brand-mark">星</span>
      {{end}}
      <div class="brand-text">
        <strong>{{if .Site}}{{.Site.Title}}{{else}}星砂手帐{{end}}</strong>
        <span>{{if $authorTitle}}{{$authorTitle}}{{else}}otaku diary & dreamy notes{{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 class="nav-actions">
      <a href="/friends" class="ghost-btn">友链墙</a>
      <a href="/message" class="primary-btn">留言板</a>
      <button id="mobile-nav-btn" class="icon-btn" aria-label="菜单">☰</button>
    </div>
  </div>
  <div id="mobile-nav" class="mobile-nav glass">
    <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}}
  </div>
</header>

{{if and $showBreadcrumb (or (ne .Type "home") .Nav)}}
<div class="container" style="margin-top:18px;">
  <div class="breadcrumb glass" style="padding:14px 18px;border-radius:20px;">
    <a href="/">首页</a>
    {{if .Nav}}
      {{range .Nav}}<span class="sep">/</span><a href="{{.URL}}">{{.Name}}</a>{{end}}
    {{else if .CurrentColumn}}
      <span class="sep">/</span><span>{{.CurrentColumn.Name}}</span>
    {{else if .Title}}
      <span class="sep">/</span><span>{{.Title}}</span>
    {{end}}
  </div>
</div>
{{end}}