import { Errors } from 'form-backend-validation'
import isNil from 'lodash/isNil'
import { mapProps } from './propTypes'

export default {
  emits: ['file-upload-started', 'file-upload-finished'],

  props: mapProps(['resourceName']),

  async created() {
    if (this.field.withFiles) {
      const {
        data: { draftId },
      } = await Nova.request().get(
        `/nova-api/${this.resourceName}/field-attachment/${this.fieldAttribute}/draftId`
      )

      this.draftId = draftId
    }
  },

  data: () => ({
    draftId: null,
    files: [],
    filesToRemove: [],
  }),

  methods: {
    /**
     * Upload an attachment
     */
    uploadAttachment(file, { onUploadProgress, onCompleted, onFailure }) {
      const data = new FormData()
      data.append('Content-Type', file.type)
      data.append('attachment', file)
      data.append('draftId', this.draftId)

      if (isNil(onUploadProgress)) {
        onUploadProgress = () => {}
      }

      if (isNil(onFailure)) {
        onFailure = () => {}
      }

      if (isNil(onCompleted)) {
        throw 'Missing onCompleted parameter'
      }

      this.$emit('file-upload-started')

      Nova.request()
        .post(
          `/nova-api/${this.resourceName}/field-attachment/${this.fieldAttribute}`,
          data,
          { onUploadProgress }
        )
        .then(({ data: { path, url } }) => {
          this.files.push({ path, url })
          const response = onCompleted(path, url)

          this.$emit('file-upload-finished')

          return response
        })
        .catch(error => {
          onFailure(error)

          if (error.response.status == 422) {
            const validationErrors = new Errors(error.response.data.errors)

            Nova.error(
              this.__('An error occurred while uploading the file: :error', {
                error: validationErrors.first('attachment'),
              })
            )
          } else {
            Nova.error(this.__('An error occurred while uploading the file.'))
          }
        })
    },

    /**
     * Remove an attachment from the server
     */
    flagFileForRemoval(url) {
      const fileIndex = this.files.findIndex(file => file.url === url)

      if (fileIndex !== -1) {
        this.filesToRemove.push(this.files[fileIndex])
        return
      }
      // Case of deleting a file which was added prior to this draft
      this.filesToRemove.push({ url })
    },

    unflagFileForRemoval(url) {
      const fileIndex = this.filesToRemove.findIndex(file => file.url === url)

      if (fileIndex === -1) {
        return
      }
      this.filesToRemove.splice(fileIndex, 1)
    },

    /**
     * Purge pending attachments for the draft
     */
    clearAttachments() {
      if (this.field.withFiles) {
        Nova.request()
          .delete(
            `/nova-api/${this.resourceName}/field-attachment/${this.fieldAttribute}/${this.draftId}`
          )
          .then(response => {})
          .catch(error => {})
      }
    },

    clearFilesMarkedForRemoval() {
      if (this.field.withFiles) {
        this.filesToRemove.forEach(file => {
          console.log('deleting', file)
          Nova.request()
            .delete(
              `/nova-api/${this.resourceName}/field-attachment/${this.fieldAttribute}`,
              {
                params: {
                  attachment: file.path,
                  attachmentUrl: file.url,
                  draftId: this.draftId,
                },
              }
            )
            .then(response => {})
            .catch(error => {})
        })
      }
    },

    /**
     * Fill draft id for the field
     */
    fillAttachmentDraftId(formData) {
      let attribute = this.fieldAttribute

      let [name, ...nested] = attribute.split('[')

      if (!isNil(nested) && nested.length > 0) {
        let last = nested.pop()

        if (nested.length > 0) {
          attribute = `${name}[${nested.join('[')}[${last.slice(0, -1)}DraftId]`
        } else {
          attribute = `${name}[${last.slice(0, -1)}DraftId]`
        }
      } else {
        attribute = `${attribute}DraftId`
      }

      this.fillIfVisible(formData, attribute, this.draftId)
    },
  },
}