automation and view updates

app/javascript/controllers/benefits_template_picker_controller.js

@@ -2,7 +2,7 @@ import { Controller } from "@hotwired/stimulus";
 
 export default class extends Controller {
   static values = { url: String };
-  static targets = ["benefit"];
+  static targets = ["benefit", "title"];
 
   connect() {
   }
@@ -14,19 +14,21 @@ export default class extends Controller {
       return;
     }
     
-    const url = `/id_card/plans/${templateId}/get_plan_benefits`
+    const url = `/id_card/plans/${templateId}/get_plan_template`
     const response = await fetch(url);
-    const templateBenefitsData = await response.json();
+    const templatePlanData = await response.json();
 
-    this.#updateFields(templateBenefitsData)
+    this.#updateFields(templatePlanData)
   }
 
   clearFields() {
   }
 
-  async #updateFields(templateBenefitsData) {
+  async #updateFields(templatePlanData) {
+    const titleElement = this.titleTarget
+    titleElement.value = templatePlanData.title.match(/^(.*\d)k(?=\d)/i)[0].replace(/(\d)/, ' $1')
     const benefitTargetsList = this.benefitTargets
-    templateBenefitsData.forEach(function(bene) {
+    templatePlanData.plan_benefits.forEach(function(bene) {
       const targetElement = benefitTargetsList.find(
         (element) => element.dataset.sequence == bene.sequence
       );