header.navbar.navbar-default.navbar-fixed-top[role="navigation"]
  .container
    .navbar-header
      button.navbar-toggle[type="button" data-toggle="collapse" data-target=".navbar-ex1-collapse"]
        span.icon-bar
        span.icon-bar
        span.icon-bar
      a.navbar-brand href="/"
        = image_tag 'logo-red.svg'

    .collapse.navbar-collapse.navbar-ex1-collapse
      ul.nav.navbar-nav
        li
          = link_to "Browse", category_path(:featured)
        li
          = link_to "Docs", docs_index_path
        li
          = link_to "Blog", 'http://blog.asciinema.org'

      ul.nav.navbar-nav.navbar-right.session-info
        - if current_user
          li.dropdown
            a.dropdown-toggle[href="#" data-toggle="dropdown"]
              = current_user.avatar_image_tag
              = current_user.display_name
              b.caret
            ul.dropdown-menu
              li
                a href=profile_path(current_user) Profile
              li
                a href=edit_user_path Settings
              li
                a.logout href=logout_path Log out
        - else
          li
            a#log-in href=new_login_path Log in
