Add error messages to apply journey (#350)

This adds some error messages to the pharmacy select page:

Pharmacy already onboarded:

![Screenshot 2025-06-13 at 14 19
49](https://github.com/user-attachments/assets/0118b2da-b71e-438a-8473-210a8186c9eb)


Pharmacy not selected:

![Screenshot 2025-06-13 at 14 11
39](https://github.com/user-attachments/assets/ef316fe7-3313-4aa8-b42f-4f915f0fda15)

Author: frankieroberto

app/routes/apply.js

@@ -1,5 +1,47 @@
 module.exports = router => {
 
+  router.get('/apply/start', (req, res) => {
+    let errors = []
+
+    const error = req.query.error
+
+    if (error === "no-pharmacy") {
+      errors.push({
+        text: "Select pharmacy",
+        href: "#organisation-code"
+      })
+    } else if (error === "existing-account") {
+      errors.push({
+        text: "This pharmacy already has access to the service.",
+        href: "#organisation-code"
+      })
+    }
+
+    res.render('apply/start', {
+      errors
+    })
+  })
+
+
+  router.post('/apply/answer-pharmacy', (req, res) => {
+    const data = req.session.data
+    const organisationCode = data.organisationCode
+    const organisation = data.organisations.find((organisation) => organisation.id === organisationCode)
+
+    if (!organisation) {
+      res.redirect('/apply/start?error=no-pharmacy');
+    } else if (organisation.id === "FA424") {
+      res.redirect('/apply/start?error=existing-account');
+    } else {
+      res.redirect('/apply/check-pharmacy')
+    }
+
+    res.render('apply/start', {
+      errors
+    })
+
+  })
+
 
   // Show organisation check page
   router.get('/apply/check-pharmacy', (req, res) => {

app/views/apply/start.html

@@ -17,45 +17,53 @@
   <div class="nhsuk-grid-row">
     <div class="nhsuk-grid-column-two-thirds">
 
+      {% if (errors | length) > 0 %}
+        {{ errorSummary({
+          titleText: "There is a problem",
+          errorList: errors
+        }) }}
+      {% endif %}
+
       <h1 class="nhsuk-heading-l">{{ pageName }}</h1>
 
       <p>You can sign up if you are a community pharmacy offering NHS vaccinations.</p>
 
       <p>If you need to sign up for more than 1 pharmacy, you can use this form multiple times or <a href="/contact">contact us</a>.</li>
       </p>
 
-      <form action="/apply/check-pharmacy" method="post">
-
-
-      <div class="nhsuk-form-group">
-          <h2 class="nhsuk-label-wrapper">
-            <label class="nhsuk-label nhsuk-label--m nhsuk-u-margin-bottom-1" for="organisationCode">
-             Find your pharmacy
-            </label>
-          </h2>
-          <div class="nhsuk-hint" id="organisationName-hint">
-            Search by name or ODS code
-          </div>
-          <select class="nhsuk-select" id="organisationCode" name="organisationCode"
-            data-module="autocomplete" data-autoselect="" data-display-menu="" data-min-length="" data-show-all-values="" data-show-no-options-found="">
-            <option selected value=""></option>
-
-            {% set options = [] %}
-
-            {% for organisation in data.organisations %}
-              {% if organisation.type == "Community Pharmacy" %}
-                {% set options = (options.push({
-                  label: organisation.name + ", " + organisation.address.line1 + ", " + (organisation.address.postcode | upper) + " (" + organisation.id + ")",
-                  value: organisation.id
-                }), options) %}
-              {% endif %}
-            {% endfor %}
-
-            {% for option in (options | sort(false, true, "label")) %}
-              <option value="{{ option.value }}">{{ option.label }}</option>
-            {% endfor %}
-          </select>
-        </div>
+      <form action="/apply/answer-pharmacy" method="post">
+
+      {% set options = [] %}
+      {% set items = [{ text: "", value: ""}] %}
+
+      {% for organisation in data.organisations %}
+        {% if organisation.type == "Community Pharmacy" %}
+          {% set items = (items.push({
+            text: organisation.name + ", " + organisation.address.line1 + ", " + (organisation.address.postcode | upper) + " (" + organisation.id + ")",
+            value: organisation.id,
+            selected: (organisation.id === data.organisationCode)
+          }), items) %}
+        {% endif %}
+      {% endfor %}
+
+      {{ select({
+        id: "organisation-code",
+        name: "organisationCode",
+        label: {
+          text: "Find your pharmacy",
+          classes: "nhsuk-label--m nhsuk-u-margin-bottom-1"
+        },
+        hint: {
+          text: "Search by name or ODS code"
+        },
+        items: items,
+        errorMessage: {
+          text: (errors | first).text
+        } if (errors | length),
+        attributes: {
+          "data-module": "autocomplete"
+        }
+      }) }}
 
         {{ button({
           "text": "Continue"