<template>
  <div class="q-pa-md">
    <p>Please add any attachments or additional notes to complete your job posting</p>
    <q-form style="max-width: 80vw; width: 700px">
      <q-uploader
        label="Upload Attachment"
        :max-file-size="2048000"
        style="max-width: 300px"
        auto-upload
        :filter="checkFileType"
      />
      <div class="text-caption text-grey">
        Drag & drop a file or click the "plus" icon to select a file. <br />
        Max file size (2Mb)<br />
        Allowed types pdf, doc, docx, txt.
      </div>
      <div class="text-body2 q-py-md">Additional notes</div>
      <q-editor
        label="Additional notes"
        v-model="editor"
        min-height="5rem"
      />
    </q-form>
  </div>
</template>

<script>
export default {
  // name: 'ComponentName',
  data () {
    return { editor: "" }
  },
  methods: {
    checkFileType (files) {
      return files.filter(file => file.type === 'application/pdf' || file.type === 'application/msword'
        || file.type === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document') // pdf, .doc, .docx
    }
  }

}
</script>

<style>
</style>