/ If images were just uploaded then show upload success/errors
/ in a callout.
= render 'receive_upload'

.packagepage
  h1 = @package.name

  h2 = @package.description

  .grid-x.grid-margin-x
    .small-7.medium-7.cell
      / Left column contains images

      = render(partial: 'packages/paginator', locals: {items: @screenshots})

      - if @screenshots.count > 0
        .grid-x.grid-margin-y.grid-margin-x.align-middle

          - @screenshots.each_with_index do |screenshot, idx|
            .small-12.medium-6.cell
              .margin-bottom-3
                = render(partial:'small_image', locals: {screenshot: screenshot})

            // Has the unmoderated screenshot been uploaded by the current user?
            - if screenshot_uploaded_by_current_user?(screenshot)
              span.label.warning
                | Uploaded by you
                - unless screenshot.approved
                  | (but not moderated yet)

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


              // Show detailed information about the screenshot object when in dev mode
              / - if Rails.env == 'development'
              /   p 
              /     tt
              /       = screenshot.inspect

              // Is the user an admin?
              // TODO: fix dropdowns – do not enforce javascript
              // or does the screenshot belong to the user (determined by session cookie)
              / - elsif user_signed_in? and screenshot.user == current_user
              /   = render(partial: 'user_dropdown', locals: {screenshot: screenshot})


              // or is the user not related to the screenshot and the screenshot is public?
              // TODO: Move to a seperate page with a form
              //- elsif screenshot.approved
              //  = render(partial: 'report_dropdown', locals: {screenshot: screenshot})

      - else
        /.listview
        img src='/images/dummy/no-screenshots-available.svg' width='100%' style='padding: 0 10%'

    #metadata.small-5.medium-5.cell
      / Right column contains metadata about the package.
      / #metadata is the anchor for this sticky container.
      = render(partial: 'details_rightbox', locals: {pkg: @package})