Add some basic validation errors (#164)

This adds some validation and error messages. Not all screens done yet,
but it’s a start.

## Screenshots

### Date


![error-1](https://github.com/user-attachments/assets/e6c22d44-aeec-4d95-b445-c5b5fdd27649)

### Vaccinator


![error-2](https://github.com/user-attachments/assets/ac2e148a-f144-4db8-89df-fb97aefb0b4d)

### Vaccine


![error-3](https://github.com/user-attachments/assets/110dfa84-b0ff-4e49-97b1-c49d1a718a2f)

### Vaccine product


![error-4](https://github.com/user-attachments/assets/7fa87b15-e78c-4557-9aa3-504961fe7c5a)

Author: frankieroberto

app/routes/vaccinate.js

@@ -30,6 +30,82 @@ function daysBetweenDates(date1, date2) {
 
 module.exports = router => {
 
+  router.get('/vaccinate', (req, res) => {
+    let vaccinationTodayError
+
+    if (req.query.showErrors === 'yes') {
+      if (!req.session.data.vaccinationToday) {
+        vaccinationTodayError = 'Select if vaccination was today'
+      }
+    }
+
+    res.render('vaccinate/index', {
+      vaccinationTodayError
+    })
+  })
+
+  router.post('/vaccinate/answer-date', (req, res) => {
+    const data = req.session.data
+
+    if (!data.vaccinationToday) {
+      return res.redirect('/vaccinate/?showErrors=yes')
+    }
+    res.redirect('/vaccinate/delivery-team')
+  })
+
+  router.get('/vaccinate/vaccinator', (req, res) => {
+    let vaccinatorError
+
+    if (req.query.showErrors === 'yes') {
+      if (!req.session.data.vaccinator) {
+        vaccinatorError = 'Select the vaccinator'
+      }
+    }
+
+    res.render('vaccinate/vaccinator', {
+      vaccinatorError
+    })
+  })
+
+  router.post('/vaccinate/answer-vaccinator', (req, res) => {
+    const data = req.session.data
+
+    if (!data.vaccinator) {
+      return res.redirect('/vaccinate/vaccinator?showErrors=yes')
+    }
+    res.redirect('/vaccinate/vaccine')
+  })
+
+  router.get('/vaccinate/vaccine', (req, res) => {
+    let vaccineError, vaccineProductError
+    const data = req.session.data
+
+    if (req.query.showErrors === 'yes') {
+      if (!data.vaccine) {
+        vaccineError = 'Select the vaccine'
+      }
+
+      if (data.vaccine && !req.session.data.vaccineProduct) {
+        vaccineProductError = 'Select the vaccine product'
+      }
+    }
+
+    res.render('vaccinate/vaccine', {
+      vaccineError,
+      vaccineProductError
+    })
+  })
+
+  router.post('/vaccinate/answer-vaccine', (req, res) => {
+    const data = req.session.data
+
+    if (!data.vaccine || !data.vaccineProduct) {
+      return res.redirect('/vaccinate/vaccine?showErrors=yes')
+    }
+    res.redirect('/vaccinate/batch')
+  })
+
+
   router.post('/vaccinate/answer-patient-nhs-number-known', (req, res) => {
 
     const nhsNumberKnown = req.session.data.nhsNumberKnown;

app/views/vaccinate/index.html

@@ -10,7 +10,19 @@
   <div class="nhsuk-grid-row">
     <div class="nhsuk-grid-column-two-thirds">
 
-      <form action="/vaccinate/delivery-team" method="post" novalidate>
+      {% if vaccinationTodayError %}
+        {{ errorSummary({
+          titleText: "There is a problem",
+          errorList: [
+            {
+              text: vaccinationTodayError,
+              href: "#vaccinationToday-1"
+            }
+          ]
+        }) }}
+      {% endif %}
+
+      <form action="/vaccinate/answer-date" method="post" novalidate>
         {% set previousDateHtml %}
 
           {{ dateInput({
@@ -52,6 +64,9 @@
               isPageHeading: "true"
             }
           },
+          errorMessage: {
+            text: vaccinationTodayError
+          } if vaccinationTodayError,
           items: [
             {
               value: "yes",

app/views/vaccinate/vaccinator.html

@@ -14,9 +14,19 @@
   <div class="nhsuk-grid-row">
     <div class="nhsuk-grid-column-two-thirds">
 
+      {% if vaccinatorError %}
+        {{ errorSummary({
+          titleText: "There is a problem",
+          errorList: [
+            {
+              text: vaccinatorError,
+              href: "#vaccinator-1"
+            }
+          ]
+        }) }}
+      {% endif %}
 
-
-      <form action="/vaccinate/vaccine" method="post" novalidate>
+      <form action="/vaccinate/answer-vaccinator" method="post" novalidate>
 
         {% set otherVaccinatorHtml %}
           <div class="nhsuk-form-group">
@@ -39,7 +49,6 @@ <h1 class="nhsuk-label-wrapper">
           </div>
         {% endset %}
 
-
         {{ radios({
           idPrefix: "vaccinator",
           name: "vaccinator",
@@ -50,6 +59,9 @@ <h1 class="nhsuk-label-wrapper">
               isPageHeading: "true"
             }
           },
+          errorMessage: {
+            text: vaccinatorError
+          } if vaccinatorError,
           items: [
             {
               value: "Jane Smith",

app/views/vaccinate/vaccine.html

@@ -14,7 +14,32 @@
   <div class="nhsuk-grid-row">
     <div class="nhsuk-grid-column-two-thirds">
 
-      <form action="/vaccinate/batch" method="post" novalidate>
+      {% if vaccineError %}
+        {% set error = {text: vaccineError, href: "#vaccine-1"} %}
+      {% elseif vaccineProductError %}
+        {% if data.vaccine == "RSV" %}
+          {% set errorHref = "#vaccineProductRsv-1" %}
+        {% elseif data.vaccine == "COVID-19" %}
+          {% set errorHref = "#vaccineProductCovid-1" %}
+        {% elseif data.vaccine == "Pertussis" %}
+          {% set errorHref = "#vaccineProductPertussis-1" %}
+        {% elseif data.vaccine == "Flu" %}
+          {% set errorHref = "#vaccineProductFlu-1" %}
+        {% endif %}
+
+        {% set error = {text: vaccineProductError, href: errorHref} %}
+      {% endif %}
+
+      {% if error %}
+        {{ errorSummary({
+          titleText: "There is a problem",
+          errorList: [
+            error
+          ]
+        }) }}
+      {% endif %}
+
+      <form action="/vaccinate/answer-vaccine" method="post" novalidate>
 
       {% set covid19Product %}
         {{ radios({
@@ -25,6 +50,9 @@
               "text": "Vaccine product"
             }
           },
+          errorMessage: {
+            text: vaccineProductError
+          } if vaccineProductError and data.vaccine == "COVID-19",
           "items": [
             {
               "value": "Comirnaty 30 JN.1",
@@ -59,6 +87,9 @@
               "text": "Vaccine product"
             }
           },
+          errorMessage: {
+            text: vaccineProductError
+          } if vaccineProductError and data.vaccine == "Flu",
           "items": [
             {
               "value": "Adjuvanted Quadrivalent Influenza Vaccine (aQIV)",
@@ -69,7 +100,7 @@
               "value": "Cell-based Quadrivalent Influenza Vaccine (QIVc)",
               "text": "Cell-based Quadrivalent Influenza Vaccine (QIVc)",
               checked: (data.vaccineProduct == "Cell-based Quadrivalent Influenza Vaccine (QIVc)")
-            },       
+            },
             {
               "value": "Fluenz (LAIV)",
               "text": "Fluenz (LAIV)",
@@ -92,7 +123,7 @@
             }
           ]
         }) }}
-      
+
       {% endset %}
 
       {% set pertussisProduct %}
@@ -104,6 +135,9 @@
               "text": "Vaccine product"
             }
           },
+          errorMessage: {
+            text: vaccineProductError
+          } if vaccineProductError and data.vaccine == "Pertussis",
           "items": [
             {
               "value": "Adacel vaccine supsension",
@@ -133,14 +167,17 @@
               "text": "Vaccine product"
             }
           },
+          errorMessage: {
+            text: vaccineProductError
+          } if vaccineProductError and data.vaccine == "RSV",
           "items": [
             {
               "value": "Abrysvo",
               "text": "Abrysvo",
               checked: (data.vaccineProduct == "Abrysvo")
             }
           ]
-        }) }} 
+        }) }}
     {% endset %}
 
       {% if data.repeatPatient == 'yes' and data.patientName %}
@@ -160,6 +197,9 @@
             "isPageHeading": true
           }
         },
+        errorMessage: {
+          text: vaccineError
+        } if vaccineError,
         "items": [
           {
             "value": "COVID-19",