= stylesheet_link_tag '//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css'

%div{:style => 'padding: 10px;'}
  %h2 Upload file(s)
  = s3_cors_fileupload_form_tag :id => 'fileupload'
  
  .javascript-templates
    = render 'template_upload'
    = render 'template_download'
    = render 'template_uploaded'

:javascript
  $(function () {
    // Initialize the jQuery File Upload widget:
    $('#fileupload').fileupload({
      dataType: 'xml',
      sequentialUploads: true
    });
    
    // Load existing files:
    $.getJSON('/source_files', function (files) {
      $.each(files, function(index, value) { 
        $('#upload_files tbody').append(tmpl('template-uploaded', value));
      });
    });
  });
  
  // used by the jQuery File Upload
  var fileUploadErrors = {
    maxFileSize: 'File is too big',
    minFileSize: 'File is too small',
    acceptFileTypes: 'Filetype not allowed',
    maxNumberOfFiles: 'Max number of files exceeded',
    uploadedBytes: 'Uploaded bytes exceed file size',
    emptyResult: 'Empty file upload result'
  };