<% content_for :secondary_navigation do %>
<nav class="navbar navbar-default navbar-secondary">
  <div class="container-fluid">

    <div class="navbar-header">
      <!-- Small devices dropdown button -->
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#secondary-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>

      <!-- Breadcrumbs, displayed on small screens -->
      <ul class="breadcrumb hidden-sm hidden-md hidden-lg">
        <li>
          <% if can_view_projects(@project.team) %>
            <a href="<%= projects_path :team => @project.team.id %>">
          <% end %>
          <span class="glyphicon glyphicon-folder-open"></span>
          <% if can_view_projects(@project.team) %>
            </a>
          <% end %>
        </li>
        <% if project_page? ||
              sample_types_page_project? ||
              sample_groups_page_project? %>
          <li class="active">
            <span class="glyphicon glyphicon-blackboard"></span>
          </li>
        <% else %>
          <li>
           <% if can_view_project(@project) %>
              <a href="<%= project_url(@project) %>">
            <% end %>
            <span class="glyphicon glyphicon-blackboard"></span>
            <% if can_view_project(@project) %>
              </a>
            <% end %>
          </li>
        <% end %>
        <% if experiment_page? ||
              module_page? %>
          <% if !module_page? %>
            <li class="active">
              <%= fa_icon 'fa-flask' %>
            </li>
          <% else %>
            <li>
              <% if can_view_experiment(@experiment) %>
                <%= link_to canvas_experiment_path(@experiment) do %>
                  <%= fa_icon 'fa-flask' %>
                <% end %>
              <% else %>
                <%= fa_icon 'fa-flask' %>
              <% end %>
            </li>
          <% end %>
        <% end %>
        <% if module_page? %>
          <li class="active">
            <span class="glyphicon glyphicon-credit-card"></span>
          </li>
        <% end %>
      </ul>
    </div>

    <!-- buttons -->
    <div class="collapse navbar-collapse" id="secondary-menu">

      <!-- True secondary navigation (buttons on the right side) -->
      <ul class="nav navbar-nav navbar-right" style="vertical-align: bottom">
        <% if project_page? ||
              sample_types_page_project? ||
              sample_groups_page_project? %>
          <% if can_view_project(@project) then %>
            <li id="canvas-nav-tab" class="<%= "active" if is_project_show? %>">
              <a href="<%= project_url(@project) %>" title="<%=t "nav2.projects.show" %>">
                <span class="hidden-sm hidden-md"><%=t "nav2.projects.show" %></span>
                <span class="hidden-xs hidden-lg glyphicon glyphicon-blackboard"></span>
              </a>
            </li>
          <% end %>
          <% if can_view_project_samples(@project) then %>
            <li id="project-samples-nav-tab" class="<%= "active" if is_project_samples? ||
                                                                    sample_types_page_project? ||
                                                                    sample_groups_page_project? %>">
              <a href="<%= samples_project_url(@project) %>" title="<%=t "nav2.projects.samples" %>">
                <span class="hidden-sm hidden-md"><%=t "nav2.projects.samples" %></span>
                <span class="hidden-xs hidden-lg glyphicon glyphicon-tint"></span>
              </a>
            </li>
          <% end %>
          <% if can_view_reports(@project) then %>
            <li id="reports-nav-tab" class="<%= "active" if is_project_reports? %>">
              <a href="<%= project_reports_url(@project) %>" title="<%=t "nav2.projects.reports" %>">
                <span class="hidden-sm hidden-md"><%=t "nav2.projects.reports" %></span>
                <span class="hidden-xs hidden-lg glyphicon glyphicon-list-alt"></span>
              </a>
            </li>
          <% end %>
          <% if can_view_project_archive(@project) then %>
            <li id="project-archive-nav-tab" class="<%= "active" if is_project_archive? %>">
              <a href="<%= experiment_archive_project_url(@project) %>"><span class="glyphicon glyphicon-briefcase"></span></a>
            </li>
          <% end %>

        <% elsif experiment_page? ||
                 sample_groups_page_experiment? ||
                 sample_types_page_expermient? %>
          <% if can_view_experiment(@experiment) then %>
              <li id="canvas-nav-tab" class="<%= "active" if is_experiment_canvas? %>">
                <a href="<%= canvas_experiment_url(@experiment) %>" title="<%=t "nav2.experiments.canvas" %>">
                  <span class="hidden-sm hidden-md"><%=t "nav2.experiments.canvas" %></span>
                  <span class="hidden-xs hidden-lg glyphicon glyphicon-blackboard"></span>
                </a>
              </li>
          <% end %>
          <% if can_view_experiment_samples(@experiment) then %>
            <li id="experiment-samples-nav-tab" class="<%= "active" if is_experiment_samples? ||
                                                                       sample_groups_page_experiment? ||
                                                                       sample_types_page_expermient? %>">
              <a href="<%= samples_experiment_url(@experiment) %>" title="<%=t "nav2.projects.samples" %>">
                <span class="hidden-sm hidden-md"><%=t "nav2.projects.samples" %></span>
                <span class="hidden-xs hidden-lg glyphicon glyphicon-tint"></span>
              </a>
            </li>
          <% end %>
          <% if can_view_reports(@experiment.project) then %>
              <li id="reports-nav-tab" class="<%= "active" if is_project_reports? %>">
                <a href="<%= project_reports_url(@experiment.project) %>" title="<%=t "nav2.projects.reports" %>">
                  <span class="hidden-sm hidden-md"><%=t "nav2.projects.reports" %></span>
                  <span class="hidden-xs hidden-lg glyphicon glyphicon-list-alt"></span>
                </a>
              </li>
          <% end %>
          <% if can_view_experiment_archive(@experiment) then %>
              <li id="project-archive-nav-tab" class="<%= "active" if is_experiment_archive? %>">
                <a href="<%= module_archive_experiment_url(@experiment) %>"><span class="glyphicon glyphicon-briefcase"></span></a>
              </li>
          <% end %>

        <% elsif module_page? ||
                 sample_types_page_my_module? ||
                 sample_groups_page_my_module? %>
          <% if can_view_module_protocols(@my_module) then %>
            <li id="steps-nav-tab" class="<%= "active" if is_module_protocols? %>">
              <a href="<%= protocols_my_module_url(@my_module) %>" title="<%=t "nav2.modules.steps" %>">
                <span class="hidden-sm hidden-md"><%=t "nav2.modules.steps" %></span>
                <span class="hidden-xs hidden-lg glyphicon glyphicon-circle-arrow-right"></span>
              </a>
            </li>
          <% end %>
          <% if can_view_results_in_module(@my_module) then %>
            <li id="results-nav-tab" class="<%= "active" if is_module_results? %>">
              <a href="<%= results_my_module_url(@my_module) %>" title="<%=t "nav2.modules.results" %>">
                <span class="hidden-sm hidden-md"><%=t "nav2.modules.results" %></span>
                <span class="hidden-xs hidden-lg glyphicon glyphicon-th"></span>
              </a>
            </li>
          <% end %>
          <% if can_view_module_activities(@my_module) then %>
            <li id="activities-nav-tab" class="<%= "active" if is_module_activities? %>">
              <a href="<%= activities_my_module_url(@my_module) %>" title="<%=t "nav2.modules.activities" %>">
                <span class="hidden-sm hidden-md"><%=t "nav2.modules.activities" %></span>
                <span class="hidden-xs hidden-lg glyphicon glyphicon-equalizer"></span>
              </a>
            </li>
          <% end %>

          <li data-hook="secondary-navigation-tabs"></li>

          <% if can_view_module_samples(@my_module) then %>
            <li id="module-samples-nav-tab" class="<%= "active" if is_module_samples? ||
                                                                   sample_types_page_my_module? ||
                                                                   sample_groups_page_my_module? %>">
              <a href="<%= samples_my_module_url(@my_module) %>" title="<%=t "nav2.modules.samples" %>">
                <span class="hidden-sm hidden-md"><%=t "nav2.modules.samples" %></span>
                <span class="hidden-xs hidden-lg glyphicon glyphicon-tint"></span>
              </a>
            </li>
          <% end %>
          <% if can_view_reports(@my_module.experiment.project) then %>
            <li id="reports-nav-tab" >
              <a href="<%= project_reports_url(@my_module.experiment.project) %>" title="<%=t "nav2.projects.reports" %>">
                <span class="hidden-sm hidden-md"><%=t "nav2.projects.reports" %></span>
                <span class="hidden-xs hidden-lg glyphicon glyphicon-list-alt"></span>
              </a>
            </li>
          <% end %>
          <% if can_view_module_archive(@my_module) then %>
            <li id="archive-nav-tab" class="<%= "active" if is_module_archive? %>">
              <a href="<%= archive_my_module_url(@my_module) %>">
                <span class="glyphicon glyphicon-briefcase" title="<%= t'nav2.modules.archive' %>"></span></a>
            </li>
          <% end %>

        <% end %>
      </ul>

      <!-- Breadcrumbs, displayed on large screens -->
      <ul class="breadcrumb hidden-xs">
        <li>
          <% if can_view_projects(@project.team) %>
            <a href="<%= projects_path :team => @project.team.id %>">
          <% end %>
          <%= truncate(@project.team.name,
                       length: Constants::NAME_TRUNCATION_LENGTH) %>
          <% if can_view_projects(@project.team) %>
            </a>
          <% end %>
        </li>
        <% if project_page? %>
          <li class="active">
            <%= truncate(@project.name,
                         length: Constants::NAME_TRUNCATION_LENGTH) %>
          </li>
        <% else %>
          <li>
            <% if can_view_project(@project) %>
              <a href="<%= project_url(@project) %>">
            <% end %>
            <%= truncate(@project.name,
                         length: Constants::NAME_TRUNCATION_LENGTH) %>
            <% if can_view_project(@project) %>
              </a>
            <% end %>
          </li>
        <% end %>
        <% if experiment_page? ||
              module_page? ||
              sample_types_page_my_module? ||
              sample_groups_page_my_module? ||
              sample_groups_page_experiment? ||
              sample_types_page_expermient? %>
          <% if !module_page? &&
                !sample_types_page_my_module? &&
                !sample_groups_page_my_module? %>
            <li class="active">
              <%= truncate(@experiment.name,
                           length: Constants::NAME_TRUNCATION_LENGTH) %>
            </li>
          <% else %>
            <li>
            <% if can_view_experiment(@experiment) %>
              <%= link_to truncate(@experiment.name,
                                   length: Constants::NAME_TRUNCATION_LENGTH),
                          canvas_experiment_path(@experiment) %>
            <% else %>
              <%= truncate(@experiment.name,
                           length: Constants::NAME_TRUNCATION_LENGTH) %>
            <% end %>
            </li>
          <% end %>
        <% end %>
        <% if module_page? ||
              sample_types_page_my_module? ||
              sample_groups_page_my_module? %>
          <li class="active">
            <%= truncate(@my_module.name,
                         length: Constants::NAME_TRUNCATION_LENGTH) %>
          </li>
        <% end %>
      </ul>
    </div>
  </div>
</nav>
<% end %>
