<header id="header">
  <div class="navbar">
    <a id="logo" href="<%= url_for_lang('/') %>">
      <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" />
    </a>
    <div class="main-nav">
      <ul class="links">
        <li class="<%= page.path.match(/\/?guide\//i) ? 'current': '' %>">
          <a href="<%= url_for_lang('guide') %>"><%= _p('menu.guide') %></a>
        </li>
        <li class="<%= page.path.match(/\/?references\//i) ? 'current': '' %>">
          <a href="<%= url_for_lang('references') %>"><%= _p('menu.references') %></a>
        </li>
        <li class="<%= page.path.match(/\/?wiki\//i) ? 'current': '' %>">
          <a href="<%= url_for_lang('wiki') %>"><%= _p('menu.wiki') %></a>
        </li>
        <li class="dropdown <%= page.path.match(/\/?tools\//i) ? 'current': '' %>">
          <a><%= _p('menu.tools') %></a>
          <ul class="dropdown-menu subnav">
            <li>
              <a target="_blank" href="http://dotwe.org/vue/"><%= _p('menu.onlinePlayground') %></a>
            </li>
            <li>
              <a href="<%= url_for_lang('tools/playground.html') %>"><%= _p('menu.playgroundApp') %></a>
            </li>
            <li>
              <a href="<%= url_for_lang('tools/toolkit.html') %>"><%= _p('menu.toolkit') %></a>
            </li>
            <li>
              <a href="<%= url_for_lang('tools/helpers.html') %>"><%= _p('menu.helpers') %></a>
            </li>
            <li>
              <a href="https://github.com/weex-cli/vscode-weex" target="_blank"><%= _p('menu.vscodeExtension') %></a>
            </li>
          </ul>
        </li>
        <li class="dropdown <%= page.path.match(/\/?community\//i) ? 'current': '' %>">
          <a href="javascript:;"><%= _p('menu.community') %></a>
          <ul class="dropdown-menu subnav">
            <li>
              <a href="<%= url_for_lang('contributing.html') %>"><%= _p('menu.contribute') %></a>
            </li>
            <li>
              <a href="<%= url_for_lang('bug-report-guidelines.html') %>"><%= _p('menu.bugReportGuidelines') %></a>
            </li>
            <li>
              <a href="<%= url_for_lang('development-process.html') %>"><%= _p('menu.developmentProcess') %></a>
            </li>
            <li>
              <a href="<%= url_for_lang('resources.html') %>"><%= _p('menu.resources') %></a>
            </li>
            <li>
              <a href="<%= url_for_lang('releasenote.html') %>"><%= _p('menu.releaseNote') %></a>
            </li>
            <li>
              <a href="<%= url_for_lang('who-is-using-weex.html') %>"><%= _p('menu.usingWeex') %></a>
            </li>
            <li>
              <a href="<%= url_for_lang('examples.html') %>"><%= _p('menu.examples') %></a>
            </li>
          </ul>
        </li>
      </ul>
      <ul class="tools">
        <li>
          <%- partial('_partial/search-form', {id_name: 'search-input-header'}) %>
        </li>
        <li>
          <div class="dropdown select-lang">
            <a href="javascript:;" class="dropdown-toggle">
              Language
              <span class="caret"></span>
            </a>
            <ul class="dropdown-menu pick-lang">
              <li>
                <a href="<%= pick_lang('en') %>" data-lang="en">English</a>
              </li>
              <li>
                <a href="<%= pick_lang('cn') %>" data-lang="zh-cn">中文</a>
              </li>
            </ul>
          </div>
        </li>
        <!--<li></li>-->
      </ul>
      <ul>
        <li><a href="https://github.com/apache/incubator-weex/" target="_blank"><span class="btn-github iconfont icon-github"></span></a></li>
      </ul>
    </div>
  </div>
  <div id="mobile-nav">
    <a id="logo" href="<%= url_for_lang('/') %>">
      <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" />
    </a>
    <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
  </div>
</header>