{% macro browse_header(select) -%}
<div class="row">
  <div class="col-md-8 col-md-offset-2">
    <form action="{{url_for('ui_ns.search')}}" id="headerSearch" class="m-y-2">

      <select name="type" class="c-select" style="display:none;">
        <option value="projects"{% if select=='projects' %} selected {% endif %}>Projects</option>
        <option value="projects_forks"{% if select=='projects_forks' %} selected {% endif %}>Projects &amp; Forks</option>
        <option value="user"{% if select=='users' %} selected {% endif %}>Users</option>
        <option value="groups"{% if select=='groups' %} selected {% endif %}>Groups</option>
      </select>
      {% if select == 'projects' %}
      <input type="hidden" name="direct" readonly value="1">
      {% endif %}

      <input type="text" name="term" id="term" placeholder="{%
        if select=='projects' %}Search projects{%
        elif select=='users' %} Search Users {%
        elif select=='groups'%} Search Groups{%
        endif %}" class="form-control" title="Search" />
      <input type="submit" style="display:none;" value="Search" class="btn btn-primary" />
    </form>
  </div>
</div>
<ul class="nav nav-tabs nav-small">
  <li class="nav-item">
    <a {% if select == 'projects' %}class="nav-link active" {%
        else %}class="nav-link"{%
        endif %} href="{{ url_for('ui_ns.browse_projects') }}">Projects</a>
  </li>
  <li class="nav-item">
    <a {% if select == 'users' %}class="nav-link active" {%
        else %}class="nav-link"{%
        endif %} href="{{ url_for('ui_ns.view_users') }}">Users</a>
  </li>
  <li class="nav-item">
    <a {% if select == 'groups' %}class="nav-link active" {%
        else %}class="nav-link"{%
        endif %} href="{{ url_for('ui_ns.group_lists') }}">Groups</a>
  </li>
</ul>
{%- endmacro %}