.row.packagepage
  .small-12.columns
    h1 =@package.name

  .small-7.medium-7.columns.packagepage
    p.subtitle = @package.description
    - if @package.screenshots.count > 0
      - @package.screenshots.each do |screenshot|
        .row.listview
          .small-12.columns
            a.black.fancybox href=screenshot.image.url(:large, timestamp: false) rel='fancybox-thumb' title=screenshot.caption
              = image_tag(screenshot.image.url(:large, timestamp: false), alt: screenshot.caption)
              .imgcaption =screenshot.caption
              // TODO: Show information only if admin
              p Uploader IP=#{screenshot.uploaderip} / Token=#{screenshot.uploaderhash}
              // TODO: Enable button only if admin or uploader
              a.button.tiny.alert[
                href=delete_screenshot_path(@package.name, screenshot.id)
                onclick="return confirm('Really delete the screenshot?');"
                ] Delete screenshot
    - else
      .row.listview
        img src='/images/dummy/no-screenshots-available.svg' width='100%' style='padding: 0 10%'

    // TODO: Enable comments in a later version
    // = partial '/package/comments'

  .small-5.medium-5.columns
    .bigpanel
      p.subtitle Details
      // TODO: split long_description by <p> tags
      - if @package.long_description
        p =@package.long_description
      - else
        p Sorry - no more information available.


    a.button.round.expand data-reveal-id="upload-modal" Upload more screenshots for #{@package.name}

  #upload-modal.reveal-modal data-reveal=true role='dialog'
    h1 Upload new screenshots
    .row
      .small-4.columns
        = form_for :screenshot, url: upload_image_path, html: { multipart: true } do |f|
          / = image_tag("/images/dummy/upload.svg", style: "width: 100%", id: 'upload-image')
          a.button.round id='upload-image' Start uploading
          = f.file_field :image, id: 'fileupload', multiple: true, style: 'display: none'

      .small-8.columns
        .bigpanel
          p Thanks for uploading more screenshots. Please note:
          ul
            li
              ' Your screenshot should contain a typical scene when working with it.
            li
              ' Take only a screenshot of the respective application and not of
              ' your whole desktop (unless the screenshot is meant for a window manager).
            li
              ' Your screenshots must be in PNG format.
            li
              ' You can upload multiple images at once.
            li
              ' Your screenshot need to be approved by the moderators first.
              ' You will already see your screenshot but it will not be visible to
              ' others instantly. If moderators reject your upload you will get
              ' notified next time you visit this site (requires cookies).
            li
              ' Images larger than 800x600 pixels will automatically be reduced.
              ' So don't try to capture too much detail in a screenshot. It may become
              ' unreadable. Shrink the applications window if possible.
            li
              ' Screenshots are made public and can freely be used by anyone.
            li
              ' Useful programs for making screenshots are shutter, ksnapshot (KDE),
              ' gimp, xwd or scrot. See the
              a href='http://wiki.debian.org/ScreenShots' Debian wiki
              '  for more information on how to make screenshots under Debian.
            li
              ' Please set your language to english so that everybody understands it.
              ' If you don't use english by default please start your application
              ' from a shell using after setting "export LANG=C".

// TODO: Enable comment form
//javascript:
//  $('#comment-summary').on( 'input', function() {
//    //$('#comment-content,#comment-author').fadeIn();
//    $('form.comment > *').fadeIn();
//  });

javascript:
  $(function () {
    var upload_enabled = true;

    // If the image button is clicked then imitate a click on the file
    // select button that is hidden.
    $("#upload-image").click( function () {
      if (upload_enabled) {
        $("#fileupload").click();
      }
    });

    // Files have been selected. Tell the user what's going on and
    // submit the upload form.
    $('#fileupload').change( function () {
      // $('#upload-image').attr('src', '/images/dummy/please-wait.svg');
      upload_enabled = false;
      $('#upload-image').html('Please wait...');
      $('form').submit();
    });
  });