.uc-user-settings
  %ul.uc-list-pipe
    %li
      %a.uc-link--has-popup{href: '#'} John Doe
    %li
      %a.uc-link--has-popup{href: '#'} Help

.uc-site-header
  %nav.row{ data: { presents: 'ToggleNavigationSearch' } }
    %ul.uc-navigation.eight.twelfths.two-up-small-tablet.js-navigation-menu
      %li.uc-navigation__item
        %a.uc-navigation__item__link.uc-icon-tachometer{href: '#'}
          %span.uc-navigation-text Dashboard
      %li.uc-navigation__item
        %a.uc-navigation__item__link.uc-icon-inbox.uc-navigation__item__link--has-menu{href: '#'}
          %span.uc-navigation-text My Work
      %li.uc-navigation__item
        %a.uc-navigation__item__link.uc-icon-bell.uc-navigation__item__link--has-menu{href: '#'}
          %span.uc-notification-indicator 32
          %span.uc-navigation-text Notifications
      %li.uc-navigation__item
        %a.uc-navigation__item__link.uc-icon-file-text.uc-navigation__item__link--has-menu{href: '#'}
          %span.uc-navigation-text Resources
      %li.uc-navigation__item.uc-navigation__item--search
        %a.uc-navigation__item__link.uc-icon-search.js-toggle-search-trigger{href: '#', 'aria-label' => 'Search'}

    %form.four.twelfths.pad-top.pad-bottom.no-pad-mobile.two-up-small-tablet.js-navigation-search
      %fieldset
        .uc-form__inline__fields--with-prefix-and-suffix.uc-form__inline__fields--with-prefix-and-suffix--search{ data: { presents: 'FlexibleSearchMenu' } }
          .js-flexible-container.uc-form-field.uc-form-field--search.uc-form__inline__fields__prefix.uc-form__inline__fields__prefix--search
            %select.js-flexible-select.uc-form__inline__fields__prefix__select.uc-form__inline__fields__prefix__select--search{name: "test_dummy[type]"}
              %option{value: "All"} All
              %option{value: "People"} People
              %option{value: "Some long selection"} Some long selection
              %option{value: "Most"} Most
          .uc-form-field.uc-form-field--search.uc-form__inline__fields__fill
            %input{"aria-describedby" => "phone_number_error", "aria-label" => "Search Query", name: "test_dummy[value]", type: "search"}/
          .uc-form__inline__fields__suffix.uc-form__inline__fields__suffix--search
            %button.uc-form__inline__fields__suffix--search__go.uc-icon-search{"aria-label" => "Go"}
            %a.uc-form__inline__fields__suffix--search__cancel.js-toggle-menu-trigger{href: '#'} Cancel