<%
var logo = theme.logo
if (page.logo) {
  logo = Object.assign({}, logo, page.logo)
} else if (theme.wiki.tree[page.wiki]) {
  const proj = theme.wiki.tree[page.wiki]
  var l = proj.logo
  if (l) {
    if (l.title.includes('](') == false) {
      l.title = `[${l.title}](${url_for(proj.homepage?.path || '')})`
    }
    logo = l
  } else if (proj.name || proj.icon) {
    logo = {
      icon: proj.icon || theme.default.project,
      title: `[${proj.name || proj.title}](${url_for(proj.homepage?.path || '')})`,
      subtitle: proj.subtitle
    }
  }
}

// logo.icon, logo.title, logo.subtitle, logo.url
function layoutTitle(main, url, sub) {
  var el = ''
  el += `<a class="title" href="${url || "/"}">`
  el += `<div class="main">${main}</div>`
  if (sub) {
    const arr = sub.split('|')
    if (arr.length > 1) {
      el += `<div class="sub normal cap">${arr.shift().trim()}</div>`
      el += `<div class="sub hover cap" style="opacity:0">${arr.join('|')}</div>`
    } else {
      el += `<div class="sub cap">${sub}</div>`
    }
  }
  el += `</a>`
  return el
}

function layoutBack() {
  if (where != 'sidebar' || !page.wiki) {
    return ''
  }
  // 开关：page 的 wiki_home 优先，其次 wiki 定义的 wiki_home，默认显示
  const wiki = theme.wiki.tree[page.wiki]
  const enabled = page.wiki_home ?? wiki?.wiki_home ?? true
  if (enabled === false) {
    return ''
  }
  var el = ''
  el += `<div class="wiki-home-wrap">`
  el += `<a class="wiki-home cap" href="${pretty_url(theme.site_tree.index_wiki.base_dir)}">`
  el += icon('default:arrow-left', '', true)
  el += `<span>${__('btn.all_wiki')}</span>`
  el += `</a>`
  el += `</div>`
  return el
}

function layoutDiv() {
  if (where == 'main') {
    if (page.header == false) {
      return ''
    }
    // 内容页如果未设置 header 则不显示
    if (page.header == null) {
      if (!page.nav_tabs) { // 如果有 nav_tabs 就代表是列表页
        if (page.layout === 'post' || page.layout === 'page' || page.wiki) {
          return ''
        }
      }
    }
  }
  var el = ''
  el += `<header class="header${where == 'main' ? ' mobile-only' : ''}">`
  el += `<div class="logo-wrap">`
  if (logo.icon) {
    el += `<div class="icon"><img no-lazy class="icon" src="${md_text(logo.icon)}"></div>`
  } else if (md_text(logo.avatar)) {
    el += `<a class="avatar" href="${url_for(md_link(logo.avatar) || '/')}">`
    if (theme.style.animated_avatar.animate) {
      el += `<div class="bg"></div>`
    }
    el += `<img no-lazy class="avatar" src="${md_text(logo.avatar)}">`
    el += `</a>`
  }
  const main = md_text(logo.title)
  if (main) {
    let url = md_link(logo.title)
    el += layoutTitle(main, url, md_text(logo.subtitle))
  }
  el += `</div>`
  el += '</header>'
  return el
}
%>

<%- layoutBack() %>
<%- layoutDiv() %>
