import { Controller } from "@hotwired/stimulus"

// A maintained reserve has no deadline: it is a level to hold, not something
// due on a date. Hiding the target-date field keeps a stale value from being
// submitted and driving a pace the goal does not have.
export default class extends Controller {
  static targets = ["radio", "dateField", "modeField", "modeSelect", "monthsField", "amountField"]

  connect() {
    this.refresh()
  }

  refresh() {
    const maintained = this.radioTargets.some((radio) => radio.checked && radio.value === "maintained")

    this.dateFieldTargets.forEach((field) => field.classList.toggle("hidden", maintained))
    if (maintained) this.#clearInputs(this.dateFieldTargets)

    // The target mode is a reserve's business only; a one-off is always a
    // fixed amount. Reset it on the way out so a one-off cannot be saved
    // carrying a months mode nothing would ever refresh.
    this.modeFieldTargets.forEach((field) => field.classList.toggle("hidden", !maintained))
    if (!maintained && this.hasModeSelectTarget) this.modeSelectTarget.value = "fixed"

    const months = maintained && this.hasModeSelectTarget && this.modeSelectTarget.value === "months_of_expenses"
    this.monthsFieldTargets.forEach((field) => field.classList.toggle("hidden", !months))
    if (!months) this.#clearInputs(this.monthsFieldTargets)

    // In months mode the floor is derived from the family's spending, not
    // chosen. Shown, because it is the figure the user is saving against, but
    // not editable — the model overwrites a typed one anyway, and a field that
    // silently discards what you put in it is worse than one you cannot type
    // into.
    this.amountFieldTargets.forEach((field) => {
      field.querySelectorAll("input").forEach((input) => {
        input.readOnly = months
        input.classList.toggle("opacity-60", months)
      })
    })
  }

  #clearInputs(fields) {
    fields.forEach((field) => {
      const input = field.querySelector("input")
      if (!input) return

      input.value = ""
      // Assigning `value` fires nothing, so the pace suggestion bound to this
      // input's action kept showing a monthly figure derived from a deadline
      // the goal no longer has.
      input.dispatchEvent(new Event("input", { bubbles: true }))
    })
  }
}