# Display a widget for uploading, editing and deleting a file attachment
class Attachment::EditComponent < ApplicationComponent
  def initialize(form:, attached_file:, accept: nil, template: nil, user_can_destroy: false, direct_upload: true)
    @form = form
    @attached_file = attached_file
    @accept = accept
    @template = template
    @user_can_destroy = user_can_destroy
    @direct_upload = direct_upload
  end

  attr_reader :template, :form

  def self.text(form, file)
    new(form: form, attached_file: file, user_can_destroy: true)
  end

  def self.image(form, file, direct_upload = true)
    new(form: form,
      attached_file: file,
      accept: 'image/png, image/jpg, image/jpeg',
      user_can_destroy: true,
      direct_upload: direct_upload)
  end

  def user_can_destroy?
    @user_can_destroy
  end

  def attachment
    @attached_file.attachment
  end

  def attachment_path
    helpers.attachment_path attachment.id, { signed_id: attachment.blob.signed_id }
  end

  def attachment_id
    @attachment_id ||= attachment ? attachment.id : SecureRandom.uuid
  end

  def attachment_input_class
    "attachment-input-#{attachment_id}"
  end

  def persisted?
    attachment&.persisted?
  end

  def champ
    @form.object.is_a?(Champ) ? @form.object : nil
  end

  def file_field_options
    {
      class: "attachment-input #{attachment_input_class} #{'hidden' if persisted?}",
      accept: @accept,
      direct_upload: @direct_upload,
      id: champ&.input_id,
      aria: { describedby: champ&.describedby_id },
      data: { auto_attach_url: helpers.auto_attach_url(form.object) }
    }
  end

  def file_field_name
    @attached_file.name
  end

  def remove_button_options
    {
      role: 'button',
      class: 'button small danger',
      data: { turbo_method: :delete }
    }
  end

  def retry_button_options
    {
      type: 'button',
      class: 'button attachment-error-retry',
      data: { input_target: ".#{attachment_input_class}", action: 'autosave#onClickRetryButton' }
    }
  end

  def replace_button_options
    {
      type: 'button',
      class: 'button small',
      data: { toggle_target: ".#{attachment_input_class}" }
    }
  end
end