import { Controller } from "@hotwired/stimulus"

const PhoneCallsPermitted = "phone_calls_permitted"

export default class extends Controller {
  static targets = [ "whyAreWeAskingReason", "rightChevron", "downChevron", "additionalPhoneFields", "phoneCallPrefsSelect" ]

  connect() {
    this.setAdditionalPhoneFieldsVisibility(this.phoneCallPrefsSelectTarget)
  }

  expand() {
    this.rightChevronTarget.classList.toggle("hidden")
    this.downChevronTarget.classList.toggle("hidden")
    this.whyAreWeAskingReasonTarget.classList.toggle("hidden")
  }

  phoneCallPreferenceSelected(ev) {
    this.setAdditionalPhoneFieldsVisibility(ev.target)
  }

  setAdditionalPhoneFieldsVisibility(target) {
    if (target.value === PhoneCallsPermitted) {
      this.additionalPhoneFieldsTarget.classList.remove("hidden")
    } else {
      this.additionalPhoneFieldsTarget.classList.add("hidden")
    }
  }
};