<%_ /* Backward compatibility */ _%>
<%_ let showMenu = true; _%>
<%_ if (typeof theme.sidebar === 'object' && theme.sidebar !== null && theme.sidebar.menu !== undefined) { _%>
  <%_ showMenu = theme.sidebar.menu; _%>
<%_ } _%>
<div class="sidebar-author">
  <img data-src="<%- url_for('/avatar/' + theme.avatar, {relative: false}) %>" data-sizes="auto" alt="<%= config.author %>" class="lazyload">
  <div class="sidebar-author-name"><%= config.author %></div>
  <div class="sidebar-description"><%= config.description%></div>
</div>
<div class="sidebar-state">
  <div class="sidebar-state-article">
    <div><%= __("sidebar.post") %></div>
    <div class="sidebar-state-number"><%= site.posts.length %></div>
  </div>
  <div class="sidebar-state-category">
    <div><%= __("sidebar.category") %></div>
    <div class="sidebar-state-number"><%= site.categories.length %></div>
  </div>
  <div class="sidebar-state-tag">
    <div><%= __("sidebar.tag") %></div>
    <div class="sidebar-state-number"><%= site.tags.length %></div>
  </div>
</div>
<div class="sidebar-social" <% if (!(showMenu || mobile)) { %>style="margin-bottom: 20px;"<% } %>>
  <%_ for (let i in theme.social) { _%>
    <div class="<%= `icon-${i}` %> sidebar-social-icon">
      <a href=<%= theme.social[i] %> itemprop="url" target="_blank" aria-label="<%= i %>" rel="noopener nofollow noreferrer"></a>
    </div>
  <%_ } _%>
</div>
<%_ if (showMenu || mobile) { _%>
<div class="sidebar-menu">
  <%_ if (!Array.isArray(theme.menu)) { _%>
    <%_ for (let i in theme.menu) { _%>
      <div class="sidebar-menu-link-wrap">
        <a class="sidebar-menu-link-dummy" href="<%- url_for_lang(theme.menu[i], { relative: false }) %>" aria-label="<%= __(i) %>"></a>
        <div class="sidebar-menu-icon icon-taichi"></div>
        <div class="sidebar-menu-link"><%= __(i) %></div>
      </div>
    <%_ } _%>
  <%_ } else { _%>
    <%_ for (let item of theme.menu) { _%>
      <div class="sidebar-menu-link-wrap">
        <a class="sidebar-menu-link-dummy" href="<%- url_for_lang(item.url, { relative: false }) %>" aria-label="<%= __(item.name) %>"></a>
        <%_ if (item.icon !== false) { _%>
          <div class="sidebar-menu-icon icon <%= (item.icon === 'e62b' && theme.icon_font) || (item.icon === 'f6ad' && !theme.icon_font) || !item.icon ? 'rotate' : '' %>">
            <%_ if (item.icon) { _%>
              <%_ if (item.icon.includes('/') && item.icon.includes('.')) { _%>
                <img src="<%- url_for(item.icon, {relative: false}) %>" alt="<%= item.name %> icon" style="width: 1em;">
              <%_ } else { _%>
                <%- `&#x${item.icon};` %>
              <%_ } _%>
            <%_ } else { _%>
              <%- theme.icon_font ? '&#xe62b;' : '&#xf6ad;' %>
            <%_ } _%>
          </div>
        <%_ } _%>
        <div class="sidebar-menu-link"><%= __(item.name) %></div>
      </div>
    <%_ } _%>
  <%_ } _%>
</div>
<%_ } _%>
