import { Controller } from "@hotwire/stimulus"

export default class extends Controller {
  static targets = [ "userSection", "roomSection" ]

  toggle(event) {
    const value = event.target.value
    const userDropdown = this.userSectionTarget.querySelector('select')
    const roomDropdown = this.roomSectionTarget.querySelector('select')

    if (value === "user") {
      this.userSectionTarget.classList.remove("hidden")
      this.roomSectionTarget.classList.add("hidden")
      roomDropdown.value = "" // Raum-ID löschen, da ein Artikel nur einen Inhaber haben kann
    } else if (value === "room") {
      this.roomSectionTarget.classList.remove("hidden")
      this.userSectionTarget.classList.add("hidden")
      userDropdown.value = "" // User-ID löschen
    } else {
      // Hauptlager ausgewählt -> Beide ausblenden und Werte in der DB nullen
      this.userSectionTarget.classList.add("hidden")
      this.roomSectionTarget.classList.add("hidden")
      userDropdown.value = ""
      roomDropdown.value = ""
    }
  }
}