Big refactor and ng plea date stuff

app/assets/javascripts/shared/meetings-2/change-meeting-due-date.js

@@ -0,0 +1,94 @@
+// Validation for the CPS pre-trial meeting offer due date field on the
+// meetings-2 change-meeting-due-date page. Scenario: mandatory field.
+function validateForm() {
+    // Clear previous errors
+    $('#error-form-group-1').removeClass('govuk-form-group--error');
+    $('#error-form-group-2').removeClass('govuk-form-group--error');
+    $('#error-message-1').remove();
+    $('#error-message-2').remove();
+    $('#meeting-due-date').removeClass('govuk-input--error');
+    $('#reason-for-change').removeClass('govuk-textarea--error');
+    $('#error-summary').remove();
+
+    var dateValue = document.getElementById('meeting-due-date').value;
+    var reasonForChange = document.getElementById('reason-for-change').value;
+    var dateDatePicker = $('#meeting-due-date-picker');
+    var dateError = validateDate(dateValue);
+    var reasonError = null;
+
+    if (!reasonForChange || reasonForChange.trim() === '') {
+        reasonError = 'Enter the reason for changing the meeting offer due date';
+    }
+
+    if (dateError || reasonError) {
+        var summaryItems = '';
+        if (dateError) {
+            summaryItems += '<li><a href="#meeting-due-date">' + dateError + '</a></li>';
+        }
+        if (reasonError) {
+            summaryItems += '<li><a href="#reason-for-change">' + reasonError + '</a></li>';
+        }
+
+        // Error summary at the top
+        $('form').before(
+            '<div id="error-summary" class="govuk-error-summary" aria-labelledby="error-summary-title" role="alert" tabindex="-1" data-module="govuk-error-summary"><h2 class="govuk-error-summary__title" id="error-summary-title">There is a problem</h2><div class="govuk-error-summary__body"><ul class="govuk-list govuk-error-summary__list">' + summaryItems + '</ul></div></div>'
+        );
+        $('#error-summary').focus();
+
+        if (dateError) {
+            // Error form group styling
+            $('#error-form-group-1').addClass('govuk-form-group--error');
+
+            // Error message below the label, before the date picker
+            dateDatePicker.before('<p id="error-message-1" class="govuk-error-message"><span class="govuk-visually-hidden">Error:</span> ' + dateError + '</p>');
+
+            // Error input field styling
+            $('#meeting-due-date').addClass('govuk-input--error');
+        }
+
+        if (reasonError) {
+            // Error form group and textarea styling
+            $('#error-form-group-2').addClass('govuk-form-group--error');
+            $('#reason-for-change').addClass('govuk-textarea--error');
+
+            // Error message below the label, before the textarea
+            $('#reason-for-change').before('<p id="error-message-2" class="govuk-error-message"><span class="govuk-visually-hidden">Error:</span> ' + reasonError + '</p>');
+        }
+
+        return false;
+    }
+
+    return true;
+}
+
+function validateDate(dateString) {
+    // Mandatory field
+    if (!dateString || dateString.trim() === '') {
+        return 'Enter the CPS pre-trial meeting offer due date';
+    }
+
+    // Check format (DD/MM/YYYY)
+    var datePattern = /^(\d{1,2})\/(\d{1,2})\/(\d{4})$/;
+    var match = dateString.match(datePattern);
+
+    if (!match) {
+        return 'The CPS pre-trial meeting offer due date must be a real date';
+    }
+
+    var day = parseInt(match[1], 10);
+    var month = parseInt(match[2], 10);
+    var year = parseInt(match[3], 10);
+
+    // Check valid month
+    if (month < 1 || month > 12) {
+        return 'The CPS pre-trial meeting offer due date must be a real date';
+    }
+
+    // Check valid day for month
+    var daysInMonth = new Date(year, month, 0).getDate();
+    if (day < 1 || day > daysInMonth) {
+        return 'The CPS pre-trial meeting offer due date must be a real date';
+    }
+
+    return null; // No error
+}

app/assets/javascripts/shared/meetings-2/due-date.js

@@ -44,7 +44,7 @@ function validateDate(dateString) {
     var match = dateString.match(datePattern);
 
     if (!match) {
-        return 'Enter the date in the correct format, like 20/08/2026';
+        return 'The date the defendant pleaded not guilty must be a real date';
     }
 
     var day = parseInt(match[1], 10);
@@ -53,13 +53,13 @@ function validateDate(dateString) {
 
     // Check valid month
     if (month < 1 || month > 12) {
-        return 'Enter a real date';
+        return 'The date the defendant pleaded not guilty must be a real date';
     }
 
     // Check valid day for month
     var daysInMonth = new Date(year, month, 0).getDate();
     if (day < 1 || day > daysInMonth) {
-        return 'Enter a real date';
+        return 'The date the defendant pleaded not guilty must be a real date';
     }
 
     // Must be today or in the past

app/assets/javascripts/shared/meetings-2/meeting-due-date.js

@@ -18,7 +18,7 @@ function validateForm() {
 
     // The radio question is mandatory
     if (!selectedOption) {
-        optionError = 'Select when the offer is due for the CPS pre-trial meeting';
+        optionError = 'Select when the offer is due for the CPS pre‑trial meeting';
     } else if (selectedOption === 'other-date' && dueDateValue.trim() === '') {
         // Conditional date field is mandatory when "By another date" is chosen
         dateError = 'Enter the meeting offer due date';

app/assets/javascripts/shared/tasks-table.js

@@ -290,7 +290,7 @@ var initialSetupComplete = false;
                 if (selectedMeetingPurposes.length > 0 && searchFormSubmitted) {
                     var rowPurpose = row.getAttribute('data-purpose') || '';
                     var matchesPurpose = selectedMeetingPurposes.some(function(purpose) {
-                        if (purpose === 'CPS pre-trial meeting') return rowPurpose.indexOf('pre-trial') !== -1;
+                        if (purpose === 'CPS pre‑trial meeting') return rowPurpose.indexOf('pre-trial') !== -1;
                         if (purpose === 'Inform victim about charging decision') return rowPurpose.indexOf('charging-decision') !== -1;
                         if (purpose === 'Stopped or substantially altered charge (VCL Scheme)') return rowPurpose.indexOf('stopped-altered') !== -1;
                         if (purpose === "Victims' Right to Review (VRR)") return rowPurpose.indexOf('vrr') !== -1;

app/assets/javascripts/shared/tasks.js

@@ -423,11 +423,11 @@ function applyTaskFilters() {
             var matchesTaskType = selectedTaskTypes.some(function(taskType) {
                 if (taskType === 'Other') {
                     // Match anything not in the known task types
-                    var knownTypes = ['Inform of a decision to charge', 'Inform of a no further action decision', 'Inform of a stopped charge', 'Inform of a substantially altered charge', 'Arrange CPS pre-trial meeting', 'Arrange a CPS pre-trial meeting', 'Log offered meeting', 'Log arranged meeting', 'Log offer response', 'Log meeting outcome'];
+                    var knownTypes = ['Inform of a decision to charge', 'Inform of a no further action decision', 'Inform of a stopped charge', 'Inform of a substantially altered charge', 'Arrange CPS pre‑trial meeting', 'Arrange a CPS pre‑trial meeting', 'Log offered meeting', 'Log arranged meeting', 'Log offer response', 'Log meeting outcome'];
                     return !knownTypes.some(function(known) { return recordTask.indexOf(known) !== -1; });
                 }
-                if (taskType === 'Arrange CPS pre-trial meeting') {
-                    return recordTask.indexOf('Arrange') !== -1 && recordTask.indexOf('pre-trial meeting') !== -1;
+                if (taskType === 'Arrange CPS pre‑trial meeting') {
+                    return recordTask.indexOf('Arrange') !== -1 && recordTask.indexOf('pre‑trial meeting') !== -1;
                 }
                 return recordTask.indexOf(taskType) !== -1;
             });

app/assets/sass/application.scss

@@ -108,4 +108,8 @@
   font-weight: 400;
   font-size: 1rem;
   line-height: 1.25;
+}
+
+.govuk-language-navigation__list-item:not(:last-child)::after {
+  border-right: none;
 }