doctype html
html(lang='en')
  head
    title #{title}
    link(rel='stylesheet', href='//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css')
    link(rel='stylesheet', href='stylesheets/theme.css')
    link(rel='stylesheet', href='stylesheets/login.css')
    link(rel='stylesheet', href='stylesheets/upload.css')
  body
    section.loginform.cf
      h1.centered #{title}
      .resumable-error 
        | Your browser, unfortunately, is not supported by Resumable.js. The library requires support for 
        a(href='http://www.w3.org/TR/FileAPI/') the HTML5 File API 
        | along with 
        a(href='http://www.w3.org/TR/FileAPI/#normalization-of-params') file slicing
      input#destination(type='text', placeholder='Upload Destination Folder (default is none)')
      .resumable-drop
        span Drop image files here to upload or 
        a.resumable-browse select from your computer
      .resumable-progress
        table
          tr
            td(width='100%')
              .progress-container
                .progress-bar
            td.progress-text(nowrap='nowrap')
            td.progress-pause(nowrap='nowrap')
              a.progress-resume-link(href='#', onclick='r.upload(); return(false);')
                i.fa.fa-play(title='Resume upload')
              a.progress-pause-link(href='#', onclick='r.pause(); return(false);')
                i.fa.fa-pause(title='Pause upload')
              a.progress-cancel-link(href='#', onclick='r.cancel(); return(false);')
                i.fa.fa-stop(title='Cancel upload')
        ul.resumable-list
      .upload-process
        p File processing in progress, it can take several minutes for the image to appear in the viewer, depending on the size of the uploaded image.
      .back.centered
        br
        a(href='/') Back to the main page

    // Configuration (modifiable)
    script(src='js/config/config.js')

    // Socket.IO
    script(src='//cdn.socket.io/socket.io-1.3.5.js')

    // jQuery
    script(src='//code.jquery.com/jquery-2.1.3.js')

    // Resumable.js
    script(src='js/resumable.js')

    // Upload script
    script(src='js/events-upload.js')