Showing details about a screenshot

app/views/packages/upload.slim

@@ -8,7 +8,11 @@
     // First row contains the upload form
     .row
       .small-6.columns
-        input id="fileupload" type="file" name="files[]" data-url=upload_image_path(name: @package.name) multiple=true
+        //input id="fileupload" type="file" name="files[]" data-url=upload_image_path(name: @package.name) multiple=true
+
+        = form_for @package, :url => upload_image_path, :html => { :multipart => true } do |form|
+          = form.file_field :image
+
         a.button.radius.expand href=upload_package_by_name_path(name: @package.name)
           ' Click or drag a PNG screenshot file here
       .small-6.columns
@@ -16,9 +20,15 @@
     - for screenshot in @package.screenshots
       .row
         .small-6.columns
-          img src=screenshot.url('large')
+          = image_tag(screenshot.image.url(:large, timestamp: false), alt: screenshot.caption)
+
         .small-6.columns
-          ' read-only Form
+          .property-title This image shows the…
+          .property =screenshot.caption
+          .property-title It was uploaded by…
+          .property =screenshot.uploader
+          .property-title The image…
+          .property =screenshot.status
 
   .small-4.columns
     .bigpanel