From 4b31f8e6c98042e33c36c26ce9df516c47d54821 Mon Sep 17 00:00:00 2001
From: Ben <benjamen@obdev.io>
Date: Wed, 17 Jan 2024 02:55:54 -0600
Subject: [PATCH] TIN formatting updated on Employer Page (have to update other
 pages)

---
 app/views/employers/_form.html.erb    | 41 +++++++++++++++++++++++++--
 app/views/participants/_form.html.erb |  1 -
 2 files changed, 39 insertions(+), 3 deletions(-)

diff --git a/app/views/employers/_form.html.erb b/app/views/employers/_form.html.erb
index d7f7cb3..780e74a 100644
--- a/app/views/employers/_form.html.erb
+++ b/app/views/employers/_form.html.erb
@@ -32,9 +32,10 @@
     </div>
   
     <div class="field">
-      <%= form.label :tin, 'TIN' %>
-      <%= form.text_field :tin, maxlength: 9 %>
+    <%= form.label :tin, 'TIN' %>
+    <%= form.text_field :tin, id: 'tin-field', maxlength: 10, placeholder: 'XX-XXXXXXX' %>
     </div>
+
   
     <div class="field">
       <%= form.label :dob, 'Date of Birth' %>
@@ -96,4 +97,40 @@
       resizeTextarea(textarea);
     });
   });
+</script>
+
+<%# This is for Social Security formatting and # of digits %>
+<script>
+  document.addEventListener('DOMContentLoaded', () => {
+    const ssnField = document.getElementById('ssn-field');
+
+    ssnField.addEventListener('input', () => {
+      let ssn = ssnField.value.split('-').join(''); // Remove dashes
+      ssn = ssn.replace(/\D/g, ''); // Keep numbers only
+
+      if (ssn.length > 3 && ssn.length <= 5) {
+        ssn = ssn.slice(0, 3) + '-' + ssn.slice(3);
+      } else if (ssn.length > 5) {
+        ssn = ssn.slice(0, 3) + '-' + ssn.slice(3, 5) + '-' + ssn.slice(5, 9);
+      }
+      ssnField.value = ssn; // Update the field value
+    });
+  });
+</script>
+
+<%# This is to format the TIN correctly %>
+<script>
+document.addEventListener('DOMContentLoaded', () => {
+  const tinField = document.getElementById('tin-field');
+
+  tinField.addEventListener('input', () => {
+    let tin = tinField.value.split('-').join(''); // Remove dashes
+    tin = tin.replace(/\D/g, ''); // Keep numbers only
+
+    if (tin.length > 2) {
+      tin = tin.slice(0, 2) + '-' + tin.slice(2, 9);
+    }
+    tinField.value = tin; // Update the field value
+  });
+});
 </script>
\ No newline at end of file
diff --git a/app/views/participants/_form.html.erb b/app/views/participants/_form.html.erb
index 770d176..8f051ee 100644
--- a/app/views/participants/_form.html.erb
+++ b/app/views/participants/_form.html.erb
@@ -119,7 +119,6 @@
 </script>
 
 
-<%# This is for Social Security formatting and # of digits %>
 <%# This is for Social Security formatting and # of digits %>
 <script>
   document.addEventListener('DOMContentLoaded', () => {