From 0f822e40d15b126ef8b8902ce5c2a0454116c63a Mon Sep 17 00:00:00 2001
From: James King <hello@jamesmichaelking.com>
Date: Fri, 22 Jan 2021 11:14:06 +0000
Subject: [PATCH] Add datalayer pushes when form validation is triggered

---
 .../SearchPensionRegulatorByAorn.cshtml       | 24 +++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/src/SFA.DAS.EmployerAccounts.Web/Views/SearchPensionRegulator/SearchPensionRegulatorByAorn.cshtml b/src/SFA.DAS.EmployerAccounts.Web/Views/SearchPensionRegulator/SearchPensionRegulatorByAorn.cshtml
index 8cd9274cf4..6dcf073868 100644
--- a/src/SFA.DAS.EmployerAccounts.Web/Views/SearchPensionRegulator/SearchPensionRegulatorByAorn.cshtml
+++ b/src/SFA.DAS.EmployerAccounts.Web/Views/SearchPensionRegulator/SearchPensionRegulatorByAorn.cshtml
@@ -98,4 +98,28 @@
 
 @section breadcrumb {
     <div class="das-js-back-link"></div>
+}
+
+@section pageSpecificJS {
+    <script type="text/javascript">
+      // DataLayer pushes when form validation message is shown
+      $(function () {
+        var errorSummary = $('.govuk-error-summary');
+        var pageTitle = $('h1.govuk-heading-xl').text();
+        errorSummary.each(function () {
+          var dataLayerObj
+          var numberOfErrors = $(this).find('ul.govuk-error-summary__list li').length;
+          var validationMessage = "Form validation";
+          if (numberOfErrors === 1) {
+            validationMessage = $(this).find('a').eq(0).text();
+          }
+          dataLayerObj = {
+            event: 'form submission error',
+            page: pageTitle,
+            message: validationMessage
+          }
+          window.dataLayer.push(dataLayerObj)
+        });
+      });
+    </script>
 }
\ No newline at end of file