<nav id="main-header" class="navbar navbar-default">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Ativar Navegação</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="<%- req._sails.config.wejs.hosts.relatos %>">
        <%- include ./logo-cdp-img.ejs %>
      </a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav primary-nav arrow_box-menu-services">
        <li class="item-comunidades"><a href="<%- req._sails.config.wejs.hosts.cursos %>/comunidades"><i class="icon icon-menu icon-comunidades"></i> <%- __('navbar.link.community')  %></a></li>
        <li class="item-relatos"><a href="<%- req._sails.config.wejs.hosts.relatos %>/relato"> <i class="icon icon-menu icon-relatos"></i> <%- __('navbar.link.relatos')  %></a></li>
        <li class="item-cursos"><a href="<%- req._sails.config.wejs.hosts.cursos %>/cursos"> <i class="icon icon-menu icon-cursos"></i> <%- __('navbar.link.course')  %></a></li>
        <li class="dropdown item-cdpplus">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="icon icon-menu icon-cdpplus"></i> CdP+</a>
          <ul class="dropdown-menu arrow_box-menu-services">
            <%- include ./services-menu.ejs %>
          </ul>
        </li>
      </ul>
      <form class="navbar-form form-inline navbar-left" role="search" action="https://static.atencaobasica.org.br/gsearch/index.html" method="get">
        <div class="input-group">
          <input name="q" type="text" class="form-control" placeholder="<%- __('navbar.link.search')  %>">
          <span class="input-group-btn">
            <button type="submit" class="btn btn-default btn-search"><i class="icon icon-search-btn"></i></button>
          </span>
        </div>

      </form>
      <% if(!isLogged){ %>
      <div class="nav navbar-nav navbar-not-logged navbar-right">
        <button class="btn btn-info user-menu-link susconecta_login">Entrar</button>
      </div>
      <!--
      <div class="nav navbar-nav navbar-not-logged navbar-right">
        <button class="btn btn-info dropdown-toggle user-menu-link" data-toggle="dropdown">Entrar <b class="caret"></b></button>
        <ul class="dropdown-menu dropdown-menu-right dropdown-menu-user arrow_box" role="menu">
          <li role="presentation">
            <a role="button" class="susconecta_login"><%- __('navbar.link.login') %></a>
          </li>
          <li role="presentation">
            <a role="button" class="susconecta_login"><%- __('navbar.link.register') %></a>
          </li>
           <li role="presentation">
            <a href="<%- req._sails.config.hostname %>/auth/forgot-password"><%- __('navbar.link.forgot-password') %></a>
          </li>
        </ul>
      </div>
      -->
      <% } else { %>
      <ul class="nav navbar-nav navbar-right">
        <li class="user-menu dropdown">
          <a href="#" class="dropdown-toggle user-menu-link-2" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
          <span class="avatar-small"><img heigth="35" width="35" userid="51158" src="<%- req._sails.config.hostname %>/avatar/<%= user.id %>?style=thumbnail" class="img-circle"></span>
            <span class="user-name ">
              <% if(user.displayName) {%>
                <%= user.displayName %>
              <% } else { %>
                @<%= user.username %>
              <% } %>
              <% if(user.major) {%>
                <span class="user-formacao">
                  <%= user.major %>
                </span>
              <% }%>
            </span>
            <span class="caret-container">
              <b class="caret"></b>
            </span>
          </a>
          <ul id="dropdown-login-menu" class="dropdown-menu dropdown-menu-right dropdown-menu-user-2" role="menu">
            <li class="user-menu-card">
              <img src="<%- req._sails.config.hostname %>/avatar/<%= user.id %>?style=thumbnail">
              <h4 class="name">
              <% if(user.displayName) {%>
                <%= user.displayName %>
              <% } else { %>
                @<%= user.username %>
              <% } %>
              </h4>
              <% if(user.major) {%>
                <div class="formacao">
                  <%= user.major %>
                </div>
              <% } %>
            </li>
            <li>
              <a href="<%- req._sails.config.wejs.hosts.relatos %>/relato/meus"><i class="icon icon-user-menu icon-relatos"></i> <%- __('navbar.link.my_relatos') %>
              </a>
            </li>
            <li>
              <a href="<%- req._sails.config.wejs.hosts.relatos %>/meu/perfil"> <i class="icon icon-user-menu icon-perfil"></i> <%- __('navbar.link.my_profile')  %>
              </a>
            </li>
            <li>
              <a href="<%- req._sails.config.hostname %>/account"> <i class="icon icon-user-menu icon-perfil"></i> <%- __('navbar.link.edit_profile')  %></a>
            </li>
            <li>
              <a href="<%- req._sails.config.wejs.hosts.cursos %>/user_mail_notify"><i class="icon icon-user-menu icon-notificacao-mini"></i> <%- __('navbar.link.notifications_via_email')  %></a>
            </li>
            <li>
              <a href="<%- req._sails.config.wejs.hosts.cursos %>/user_myresults"><i class="icon icon-user-menu icon-star"></i> <%- __('navbar.link.notes_rating')  %></a>
            </li>
            <% if (isAdmin) { %>
            <li>
              <a href="<%- req._sails.config.wejs.hosts.relatos %>/admin"><i class="icon icon-user-menu icon-administrar"></i> <%- __('navbar.link.administrator')  %></a>
            </li>
            <% } %>

            <div class="container-button-signin">
              <a href="<%- req._sails.config.hostname %>/auth/logout" class="btn btn-sm btn-default btn-block"><%- __('navbar.link.logout')  %></a>
            </div>
          </ul>
        </li>
      </ul>
      <% } %>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>