// Paginator and search bar
.row
  .small-6.medium-8.large-9.columns
    // Paginator
    = render 'packages/paginator'

  .small-6.medium-4.large-3.columns
    // Search form
    = render 'packages/searchfield'

// Package list
.row
  .small-9.medium-10.columns
    - if @packages.length>0
      - @packages.to_a.each do |pkg|
        .row.listview
          .small-12.medium-4.columns
            a.black href=package_path(name: pkg.name)
              .pkgname
                =pkg.name
                ' >
              - if pkg.screenshots.any?
                a.black.fancybox title=pkg.screenshots.first.caption rel=pkg.id href=pkg.screenshots.first.url('large')
                  img.screenshot src=pkg.screenshots.first.url('large')
                  - if pkg.screenshots.length > 1
                    a.black href=package_path(name: pkg.name)
                      .text-center More screenshots…
              - else
                a href=upload_package_by_name_path(name: pkg.name)
                  img.screenshot src="/images/dummy/no-screenshots-upload-one.svg"
          .small-12.medium-8.columns
            = render partial: 'packages/list_details', locals: {pkg: pkg }

      // Second paginator at the bottom so the user does not have to scroll up again
      = render 'packages/paginator'

    - else
      = render 'packages/noresults'

  // Icon sidebar for options and views
  .small-3.medium-2.columns
    = render 'packages/sidebar'