{% block header %}
<nav id="main-navbar" class="navbar navbar-expand-md navbar-light fixed-top bg-limedocs bg-limedocs-shadow">
  <div class="container container-wide-limedocs">
    <button class="navbar-toggler" type="button" id="nav-toggler" aria-label="Toggle Navigation">
      Menu
    </button>
    <a class="navbar-brand" href="{{ site.resolvePath("") }}">
    {% set logo = prop("themeConfig.brand.logo") %}
    {% set text = prop("themeConfig.brand.text") %}
    {% if (logo) %}
      <img src="{{ logo | cacheable | resolvePath }}" width="135" height="40" alt="Limedocs" />
    {% endif %}
    {% if (text) %}
      <span>{{ text }}</span>
    {% endif %}
    </a>
    {% if prop("versioning.enabled") %}
      {% set versioning = prop("versioning") %}
      {% versionSelector versioning=versioning %}
    {% endif %}
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle Menu">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbar-menu">
      <ul class="navbar-nav mr-auto">
      {% if menus.top %}
        {% for item in menus.top.getItems(site, page) %}
          <!-- item  {{item.label}} -->
          <li class="nav-item">
            {% element tag="a", href=item.url, class="nav-link" %}{{item.label}}{% endelement %}
          </li>
        {% endfor %}
      {% endif %}
      </ul>
      <form class="form-inline my-2 my-lg-0 form-search" onsubmit="return false">
        <input class="form-control mr-sm-2 mr-md-0" autocomplete="off" id="search-input" type="text" placeholder="Search" aria-label="Search">
        <button class="btn btn-outline-success my-2 my-sm-0 sr-only" type="submit">Search</button>
        <div class="dropdown-menu search-results dropdown-menu-right" tabindex="1"></div>
      </form>
    </div>
  </div>
</nav>

{% endblock %}