extends frame
block main-content
  div.folio-project-form#folio-project-form
    form(class='folio-project', name="folio-project", enctype="multipart/form-data")
      //i.fa.fa-minus-circle.fa-spin.icon-loading#icon-loading
      span= formTitle
      br
      if edit
        -var title = project.title
        -var tools = project.tools
        -var url = project.url
        -var desc = project.description
        //-document.getElementById('type').selectedIndex = 1;
      input(type='text', name='title' class='', placeholder='Enter Project Title', value= title, required, autofocus)
      input(type='text', id="tools" name='tools' class='', placeholder='Tools Used', value= tools, required, autofocus)
      input(type='text', name='url' class='', placeholder='Project URL', required, value= url, autofocus)
      select#type(name="type", form="folio-type'")
        option(value="option00") Select Project Type
        option(value="option01") Design and Development
        option(value="option02") Web Design/Front End Development
        option(value="option03") Web Development
        option(value="option04") Logo/Branding
      br
      textarea(rows="9" cols="52" name='description' class='', placeholder='Description', required, autofocus) #{desc}
      br
      .upload-drop#upload-drop
        | Drag and Drop files to upload
        label(for="upload-click") or click to select
            
      br
      if edit
        button(id="btn-submit", class='folio-btn-edit', type='submit', data-action='folio-update' data-id=project.id) UPDATE_PROJECT
      else
        button(id="btn-submit", class='folio-btn-add', type='submit', data-action='folio-add') ADD_PROJECT
        
  .upload-list#upload-list
    span Files to Upload
    .thumb-list#thumb-list
  input(id="upload-click" type="file" name="uploaded" multiple)