// Paginator and search bar
.grid-x
  .small-6.medium-8.large-9.cell
    // Paginator
    = render(partial: 'packages/paginator', locals: {items: @packages})

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

// List view of packages
.grid-x
  .small-9.medium-10.cell
    - if @packages.length>0
      - @packages.to_a.each do |pkg|
        .grid-x.listview
          .small-12.medium-4.cell.pkgcard
            = render partial: 'packages/grid_small_image', locals: { pkg: pkg }
          .small-12.medium-8.cell
            h1
              a href=package_path(name: pkg.name)
                =pkg.name
            .packagedetails
              h2 =pkg.description
              = pkg.long_description_first_paragraph or 'Sorry - no description available.'

      // Second paginator at the bottom so the user does not have to scroll up again
      = render(partial: 'packages/paginator', locals: {items: @packages})

    - else
      = render 'packages/noresults'

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