header
  div.contain-to-grid
    nav.top-bar data-topbar=true role="navigation"
      ul.title-area
        // TODO: Make the logo depend on the virtual host
        li.name
          img src="/images/logos/debian.svg" width="35" alt="Debian logo"
          // TODO: Use proper distribution name
          'Debian Screenshots >
        // Not enough space for the search… where do we put it?
        //li.item
        //  = form_tag( url(:package, :index), :method=>'get')
        //    = search_field_tag :search, :placeholder=>'Search…', :autofocus=>true
        li.toggle-topbar.menu-icon
          a href="#"
            span Menu

      section.top-bar-section
        ul.right
          li class=('active' if controller_name=='welcome')
            a href="/" Home
          li class=('active' if controller_name=='package')
            a href="/packages" Explore
          li class=('active' if controller_name=='upload')
            a href="/upload" Contribute
          li.has-dropdown
            a href="#" Distributions
            ul.dropdown
              // TODO: Use proper distribution list
              li
                a href="#" Debian
              li
                a href="#" Ubuntu
          li class=('active' if controller_name=='about')
            a href="/about" About
          li.divider
          // TODO: Show link for admin/moderation view if admin is logged in
          li.has-form
            // TODO: Show "My" when the user is logged in
            a.button href="/profile" Login