refactor comments, select language

app/javascript/controllers/comments_controller.js

@@ -1,25 +1,46 @@
 import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
-  static targets = ["modal", "button"]
+  static targets = ["modal", "languageSelect", "form"]
 
   connect() {
     this.modalTarget.classList.add("hidden")
-    this.buttonTarget.classList.remove("hidden")
   }
 
   open(event) {
     event.preventDefault()
+
+    // Get the language code from the button that was clicked
+    const languageCode = event.currentTarget.dataset.languageCode
+
+    // Set the language select value if provided
+    if (languageCode && this.hasLanguageSelectTarget) {
+      this.languageSelectTarget.value = languageCode
+    }
+
     this.modalTarget.classList.remove("hidden")
   }
 
   close(event) {
     if (event.target === this.modalTarget) {
       this.modalTarget.classList.add("hidden")
+      this.resetForm()
     }
   }
 
-  closeWithButton() {
+  closeWithButton(event) {
+    event.preventDefault()
     this.modalTarget.classList.add("hidden")
+    this.resetForm()
+  }
+
+  stopPropagation(event) {
+    event.stopPropagation()
+  }
+
+  resetForm() {
+    if (this.hasFormTarget) {
+      this.formTarget.reset()
+    }
   }
 }