Employer form mostly working with persist to db

app/javascript/controllers/add_plan_controller.js

@@ -7,6 +7,7 @@ export default class extends Controller {
     static targets = ["template", "container", "plan", "button"]
 
     add(event) {
+        console.log("start")
         event.preventDefault()
         event.stopPropagation()
 
@@ -20,14 +21,19 @@ export default class extends Controller {
         const nextIndex = this.planTargets.length
         const num_of_colors = this.formColorValue.length
         let colorIndex = 0
+        let newSecondaryColor = "copper"
         if (nextIndex != 0) {
             colorIndex = nextIndex % num_of_colors
+            if (nextIndex % 2 == 1) {
+                newSecondaryColor = "bronze"
+            }
         }
         const newColor = this.formColorValue[colorIndex]
         return this.templateTarget.innerHTML
                             .replace(/NEW_RECORD/g, nextIndex)
                             .replace(/NEW_PLAN/g, nextIndex + 1)
                             .replace(/NEXT_COLOR/g, newColor)
+                            .replace(/NEXT_SECONDARY_COLOR/g, newSecondaryColor)
 
 
     }