<%page expression_filter="h"/>
<%namespace name='static' file='../static_content.html'/>
<%!
  from django.conf import settings
  from django.core.urlresolvers import reverse
  from django.utils.translation import ugettext as _
%>

% if uses_pattern_library:
  <div class="wrapper-user-menu dropdown-menu-container logged-in js-header-user-menu">
      <h3 class="title menu-title">
          <span class="sr-only">${_("Currently signed in as:")}</span>
          <span class="account-username" title="${ user.username }">${ user.username }</span>
      </h3>
      <button type="button" class="menu-button button-more has-dropdown js-dropdown-button default-icon" aria-haspopup="true" aria-expanded="false" aria-controls="${_("Usermenu")}">
          <span class="icon-fallback icon-fallback-img">
            <span class="icon icon-angle-down" aria-hidden="true"></span>
            <span class="sr-only">${_("Usermenu dropdown")}</span>
          </span>
      </button>
      <ul class="dropdown-menu list-divided is-hidden" id="${_("Usermenu")}" tabindex="-1">
          <%block name="navigation_dropdown_menu_links" >
              <li class="dropdown-item item has-block-link">
                <a href="/">${_("{studio_name} Home").format(studio_name=settings.STUDIO_SHORT_NAME)}</a>
              </li>
          </%block>
          <li class="dropdown-item item has-block-link">
            <a class="action action-signout" href="${reverse('logout')}">${_("Sign Out")}</a>
          </li>
      </ul>
  </div>

% else:
  <h3 class="title">
    <span class="label">
      <span class="label-prefix sr-only">${_("Currently signed in as:")}</span>
      <span class="account-username" title="${ user.username }">${ user.username }</span>
    </span>
    <span class="icon fa fa-caret-down ui-toggle-dd" aria-hidden="true"></span>
  </h3>

  <div class="wrapper wrapper-nav-sub">
    <div class="nav-sub">
      <ul>
        <li class="nav-item nav-account-dashboard">
          <a href="/">${_("{studio_name} Home").format(studio_name=settings.STUDIO_SHORT_NAME)}</a>
        </li>
        <li class="nav-item nav-account-signout">
          <a class="action action-signout" href="${reverse('logout')}">${_("Sign Out")}</a>
        </li>
      </ul>
    </div>
  </div>
% endif