{{define "ember_header"}}
<header class="site-header">
  <div class="container header-inner">
    <a class="brand" href="/">
      {{if and (ne .Site.LogoMode "text") .Site.LogoURL}}
      <span class="brand-mark brand-mark-img"><img src="{{.Site.LogoURL}}" alt="{{.Site.Name}}"></span>
      {{else}}
      <span class="brand-mark brand-mark-img"><img src="/static/img/logo.svg" alt="{{.Site.LogoText}}"></span>
      {{end}}
      <span class="brand-name"><span class="brand-text">{{.Site.Name}}</span></span>
    </a>
    <nav class="main-nav" id="mainNav">
      {{if .Site.PublicPages}}
      <a href="/" class="{{if eq .Path "/"}}active{{end}}">首页</a>
      {{end}}
      {{if $.Site.HasModuleDropdown}}
      <div class="nav-mega-trigger" id="navModules">
        <a href="#" class="nav-dd-btn" aria-haspopup="dialog" aria-expanded="false">模块<span class="nav-dd-caret">{{ico "down"}}</span></a>
      </div>
      <div class="nav-mega" id="navMegaModal" role="dialog" aria-modal="true" aria-label="模块">
        <div class="nav-mega-scrim"></div>
        <div class="nav-mega-card">
          <div class="nav-mega-head">
            <span class="nav-mega-head-t">模块</span>
            <button type="button" class="nav-mega-close" aria-label="关闭">{{ico "close"}}</button>
          </div>
          <div class="nav-mega-body">
            {{range $.Site.ModuleGroups}}
            <div class="mega-group">
              <div class="mega-group-t">{{.Title}}</div>
              <div class="mega-grid">
                {{range .Items}}
                <a class="mega-item{{if pathActive .Match $.Path}} active{{end}}" href="{{.Path}}">
                  <span class="mega-ico">{{if .Icon}}{{ico .Icon}}{{else}}{{ico "box"}}{{end}}</span>
                  <span class="mega-txt">
                    <span class="mega-name">{{.Name}}</span>
                    {{if .Desc}}<span class="mega-desc">{{.Desc}}</span>{{end}}
                  </span>
                </a>
                {{end}}
              </div>
            </div>
            {{end}}
          </div>
        </div>
      </div>
      {{else}}
      <div class="nav-dd" id="navModulesFallback">
        <a href="#" class="nav-dd-btn" aria-haspopup="true" aria-expanded="false">模块<span class="nav-dd-caret">{{ico "down"}}</span></a>
        <div class="nav-dd-menu">
          {{range .Site.Modules}}
          <a href="{{.Path}}" class="{{if pathActive .Match $.Path}}active{{end}}">{{.Name}}</a>
          {{end}}
        </div>
      </div>
      {{end}}
      {{if .Site.PublicPages}}
      <a href="/apps" class="{{if hasPrefix .Path "/apps"}}active{{end}}">应用</a>
      {{end}}
    </nav>
    <div class="header-actions">
      <form class="search-box" action="/search" method="get">
        <span class="search-ico">{{ico "search"}}</span>
        <input type="text" name="q" placeholder="搜索" value="{{if and .Data (index .Data "Query")}}{{index .Data "Query"}}{{end}}" aria-label="搜索">
      </form>
      {{if .User}}
      <a class="hdr-bell" href="/notifications" title="消息中心" aria-label="消息中心">
        <span class="hdr-bell-ico">{{ico "bell"}}</span>
        {{if .Unread}}<em class="hdr-dot">{{if gt .Unread 99}}99+{{else}}{{.Unread}}{{end}}</em>{{end}}
      </a>
      <div class="nav-dd hdr-me" id="navMe">
        <a href="#" class="nav-dd-btn" aria-label="用户菜单"><span class="hdr-avatar">{{initial .User.Username}}</span><span class="hdr-name">{{.User.Username}}</span><span class="nav-dd-caret">{{ico "down"}}</span></a>
        <div class="nav-dd-menu">
          <a href="/u/{{.User.Username}}">我的主页</a>
          {{if hasPerm .Perms "post.manage"}}<a href="/publish">{{ico "pen"}} 写文章</a>{{end}}
          <a href="/favorites">我的收藏</a>
          <a href="/notifications">消息中心{{if .Unread}}<em class="hdr-dot-inline">{{.Unread}}</em>{{end}}</a>
          {{if or (eq .User.Role "admin") .Perms}}<a href="/admin">管理后台</a>{{else}}<a href="/admin/posts/all">我的文章</a>{{end}}
          <a href="/logout">退出登录</a>
        </div>
      </div>
      {{else}}
      <a class="btn btn-ghost btn-sm" href="/login">登录</a>
      {{if .Site.Registration}}<a class="btn btn-primary btn-sm" href="/register">注册</a>{{end}}
      {{end}}
      <button class="nav-toggle" id="navToggle" aria-label="菜单">
        <span class="nav-toggle-ico">{{ico "list"}}</span>
      </button>
    </div>
  </div>
</header>
{{end}}

{{define "ember_sidebar"}}
  <div class="widget widget-about">
    <h3>夜谈主题</h3>
    <p class="widget-intro">围炉夜谈，把话说尽兴。</p>
  </div>
  {{if .Data.CurrentUser}}
  <div class="widget">
    <h3>当前登录</h3>
    <ul>
      <li><span>{{.Data.CurrentUser}}</span></li>
      <li><a href="/admin">进入后台</a></li>
    </ul>
  </div>
  {{end}}
{{end}}

{{define "ember_footer"}}
<footer class="site-footer">
  <div class="container footer-inner">
    <div class="footer-left">
      <span class="footer-copy">© {{.Year}} {{.Site.Name}}</span>
      <span class="footer-slogan">围炉夜谈，把话说尽兴</span>
    </div>
    <div class="footer-right">
      <span class="footer-ver">{{verTag .Site.Version}}{{buildTag .Site.Build}}</span>
      <span class="footer-links">
        {{if .Site.PublicPages}}
        <a href="/download">下载</a>
        <a href="/page/about">关于</a>
        <a href="/page/rules">规则</a>
        {{end}}
        <a href="/feed.xml">订阅</a>
        <a href="/admin">后台</a>
      </span>
    </div>
  </div>
</footer>
{{end}}