import { Controller } from "@hotwired/stimulus"
import debounce from "https://esm.sh/just-debounce-it@3.2.0?standalone"
export default class extends Controller {
  static targets = [ "cancel", "submit" ]
  static values = { debounceTimeout: { type: Number, default: 300 } }
  initialize() {
    this.debouncedSubmit = debounce(this.debouncedSubmit.bind(this), this.debounceTimeoutValue)
  }
  submit({ params: { submitter } }) {
    if (submitter) {
      this.element.requestSubmit(this.#find(submitter))
    } else {
      this.element.requestSubmit()
    }
  }
  debouncedSubmit(event) {
    this.submit(event)
  }
  submitToTopTarget() {
    this.element.setAttribute("data-turbo-frame", "_top")
    this.submit()
  }
  disableSubmitWhenInvalid() {
    if (this.element.checkValidity()) {
      this.submitTarget.removeAttribute("disabled")
    } else {
      this.submitTarget.toggleAttribute("disabled", true)
    }
  }
  reset() {
    this.element.reset()
  }
  cancel() {
    this.cancelTarget?.click()
  }
  preventAttachment(event) {
    event.preventDefault()
  }
  #find(id) {
    return document.getElementById(id) || this.#notFound(id)
  }
  #notFound(id) {
    throw new Error(`Submitter with ID "${id}" not found`)
  }
}