<nav class="navbar navbar-default navbar-fixed-top" id="main-nav">
  <div class="container">

    <!-- header -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-menu" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <%= link_to(root_path, class: 'navbar-brand') do %>
        <%
        show_version = !Rails.env.production?
        if ENV['NAVBAR_SHOW_VERSION'].present?
          show_version = YAML.load(ENV['NAVBAR_SHOW_VERSION'])
        end
        %>
        <% if show_version %>
          <%= image_tag('/images/logo.png', class: 'with-version', id: 'logo') %>
          <span class="version">
            <%= Constants::APP_VERSION %>
          </span>
        <% else %>
          <%= image_tag('/images/logo.png', id: 'logo') %>
        <% end %>
      <% end %>
    </div>

    <% if user_signed_in? %>
    <div class="collapse navbar-collapse" id="main-menu">
      <!-- links -->
      <ul class="nav navbar-nav">
        <li>
          <a href="<%= projects_path %>">
            <span class="glyphicon glyphicon-home"></span>
            <span class="visible-xs-inline visible-sm-inline"><%= t('nav.label.projects') %></span>
          </a>
        </li>
        <% if current_team %>
        <li>
          <a id="protocol-link" href="<%= protocols_path %>">
            <span class="glyphicon glyphicon-list-alt"></span>
            <span class="visible-xs-inline visible-sm-inline"><%= t('nav.label.protocols') %></span>
          </a>
        </li>
        <% else %>
        <li class="disabled">
          <a id="protocol-link" href="#">
            <span class="glyphicon glyphicon-list-alt"></span>
            <span class="visible-xs-inline visible-sm-inline"><%= t('nav.label.protocols') %></span>
          </a>
        </li>
        <% end %>
<% if false  %>
        <li>
          <a href="#">
            <span class="glyphicon glyphicon-calendar"></span>
            <span class="visible-xs-inline visible-sm-inline"><%= t('nav.label.calendar') %></span>
          </a>
        </li>
<% end %>
        <li>
          <a class="btn-activity" href="<%= activities_path(format: :json) %>" role="button" data-remote="true">
            <span class="glyphicon glyphicon-equalizer"></span>
            <span class="visible-xs-inline visible-sm-inline"><%= t('nav.label.activities') %></span>
          </a>
        </li>
      </ul>

      <!-- profile info -->
      <ul class="nav navbar-nav navbar-right">

        <!-- Global team switch -->
        <% if current_user.teams.length > 0 %>
        <li class="dropdown" id="team-switch">
          <a href="#"
             class="dropdown-toggle"
             data-toggle="dropdown"
             role="button"
             aria-haspopup="true"
             aria-expanded="false">
            <%= fa_icon 'users' %>
            <span>
              <%= truncate_team_name(current_team.name) %>
            </span>
          </a>

          <ul class="dropdown-menu"
              data-hook="teams-dropdown">
            <%= form_for(current_user,
                         url: user_current_team_path,
                         method: :post) do |f| %>
              <%= hidden_field(:user, :current_team_id) %>
              <% current_user.teams.each do |team| %>
                <% next unless team != current_team %>
                <li>
                  <a href="#"
                    data-id="<%= team.id %>"
                    class="text-center change-team">
                    <%= team.name %>
                  </a>
                </li>
              <% end %>
            <% end %>
            <% if current_user.teams.length > 1 %>
            <li data-hook="new-team-btn"
                role="separator"
                class="divider"></li>
            <% end %>
            <li data-hook="new-team-btn">
              <%= link_to new_team_path do %>
                <span class="glyphicon glyphicon-plus"></span>
                <%= t('users.settings.teams.index.new_team') %>
              <% end %>
            </li>
          </ul>
        </li>
        <% end %>

        <!-- search -->
        <li class="dropdown"
            id="search-ico">
          <a href="#"
             class="dropdown-toggle"
             data-toggle="dropdown"
             role="button"
             aria-haspopup="true"
             aria-expanded="false">
            <span class="glyphicon glyphicon-search"></span>
          </a>
          <ul class="dropdown-menu search-dropdown">
            <li>
              <!-- search form -->
              <%= form_tag search_path,
                           method: :get,
                           id: 'search-bar',
                           class: 'navbar-form navbar-right',
                           role: 'search' do %>
                <div class="form-group">
                  <div class="input-group">
                    <input class="form-control"
                           type="text"
                           name="q"
                           placeholder="<%= t('nav.search') %>">
                     <span class="input-group-btn visible-xs visible-sm">
                      <button id="search-button"
                              class="btn btn-default"
                              type="submit">
                        <span class="glyphicon glyphicon-menu-right"></span>
                      </button>
                    </span>
                  </div>
                </div>
              <% end %>
            </li>
          </ul>
        </li>

        <!-- notifications -->
        <li class="dropdown">
          <a href="#"
             id="notifications-dropdown"
             class="dropdown-toggle"
             data-toggle="dropdown"
             role="button"
             aria-haspopup="true"
             aria-expanded="false"
             data-href="<%= recent_notifications_url(current_user) %>">
            <%= fa_icon 'bell'%>
            <span id="count-notifications"
                  data-href="<%= unseen_notification_url(current_user) %>">
            </span>
          </a>
          <ul class="dropdown-menu dropdown-notifications">
            <li class="notifications-dropdown-header">
              <span><%= t('notifications.title') %></span>
              <span class="pull-right">
                <%= link_to t('nav.user.settings'), preferences_path %>
              </span>
            </li>
            <li class="notifications-no-recent">
              <em><%= t('notifications.no_recent') %></em>
            </li>
            <li class="notifications-dropdown-footer">
              <%= link_to t('notifications.show_all'), notifications_path %>
            </li>
          </ul>
        </li>

        <!-- help -->
        <li class="dropdown">
          <a href="#"
             id="help-link"
             class="dropdown-toggle"
             data-toggle="dropdown"
             role="button"
             aria-haspopup="true"
             aria-expanded="false">
            <span class="glyphicon glyphicon-info-sign"></span>
          </a>
          <ul class="dropdown-menu" data-hook="navigation-help-menu">
            <li><%= link_to t('nav.help.support'),
                              Constants::SUPPORT_URL,
                              target: "_blank" %></li>
            <li><%= link_to t('nav.help.tutorials'),
                              Constants::TUTORIALS_URL,
                              target: "_blank" %></li>
            <li><%= link_to t('nav.help.release_notes'),
                              Constants::RELEASE_NOTES_URL,
                              target: "_blank" %></li>
            <li><%= link_to t('nav.help.premium'),
                              Constants::PREMIUM_URL,
                              target: "_blank" %></li>
            <li><%= link_to t('nav.help.contact'),
                              Constants::CONTACT_URL,
                              target: "_blank" %></li>
          </ul>
        </li>

        <!-- greetings -->
        <li class="dropdown">
          <a href="#"
             class="dropdown-toggle"
             data-toggle="dropdown"
             role="button"
             aria-haspopup="true"
             aria-expanded="false">
            <span>
              <%= t('nav.user_greeting', full_name: current_user.full_name) %>
            </span>
            <%= image_tag avatar_path(current_user, :icon_small),
                          class: "avatar" %>
          </a>
          <ul class="dropdown-menu" data-hook="navigation-user-menu">
            <li>
              <%= link_to t('nav.user.settings'), edit_user_registration_path %>
            </li>
            <li role="separator" class="divider"></li>
            <li>
              <%= link_to t('nav.user.logout'),
                          destroy_user_session_path,
                          method: :delete %>
            </li>
          </ul>
        </li>
      </ul>
    </div>
    <% end %>
  </div>
</nav>
<div id="loading-animation"></div>

<%= javascript_include_tag("navigation") %>
