create confirm details njk template

Author: madebyzak

server/@types/express/express-session.d.ts

@@ -1,10 +1,28 @@
 import { HmppsUser } from '../../interfaces/hmppsUser'
 
 export declare module 'express-session' {
-  // Declare that the session will potentially contain these additional fields
   interface SessionData {
     returnTo: string
     nowInMinutes: number
+    applicationData?: ApplicationData
+  }
+
+  interface ApplicationData {
+    type: ApplicationType
+    prisonerName: string
+    date: Date
+    additionalData?: AdditionalApplicationData
+  }
+
+  interface ApplicationType {
+    value: string
+    name: string
+  }
+
+  type AdditionalApplicationData = SwapVOsForPinCreditDetails
+
+  interface SwapVOsForPinCreditDetails {
+    swapVOsToPinCreditDetails: string
   }
 }
 

server/@types/express/index.d.ts

@@ -38,6 +38,8 @@ export default function applicationTypeRoutes({ auditService }: { auditService:
 
       req.session.applicationData = {
         type: selectedAppType,
+        prisonerName: 'Prisoner Name',
+        date: new Date(),
       }
 
       res.redirect(`/log/prisoner-details`)

server/routes/applications/applicationTypeRoutes.ts

@@ -27,6 +27,17 @@ export default function prisonerDetailsRoutes({ auditService }: { auditService:
   router.post(
     '/log/prisoner-details',
     asyncMiddleware(async (req: Request, res: Response) => {
+      if (!req.session.applicationData) {
+        res.status(400).send('Application data is missing')
+        return
+      }
+
+      req.session.applicationData = {
+        ...req.session.applicationData,
+        prisonerName: req.body.prisonerName,
+        date: req.body.date,
+      }
+
       res.redirect(`/log/swap-vos-pin-credit-details`)
     }),
   )

server/routes/applications/prisonerDetailsRoutes.ts

@@ -30,6 +30,14 @@ export default function swapVosPinCreditDetailsRoutes({ auditService }: { auditS
   router.post(
     '/log/swap-vos-pin-credit-details',
     asyncMiddleware(async (req: Request, res: Response) => {
+      req.session.applicationData = {
+        ...req.session.applicationData,
+        additionalData: {
+          ...req.session.applicationData?.additionalData,
+          swapVOsToPinCreditDetails: req.body.swapVosPinCreditDetails,
+        },
+      }
+
       res.redirect(`/log/swap-vos-pin-credit-details/confirm`)
     }),
   )
@@ -51,6 +59,7 @@ export default function swapVosPinCreditDetailsRoutes({ auditService }: { auditS
       return res.render('pages/log/confirm-swap-vos-pin-credit-details', {
         title: 'Check details',
         appTypeTitle: 'Swap VOs for PIN credit',
+        session: req.session,
       })
     }),
   )

server/routes/applications/swapVosPinCreditDetailsRoutes.ts

@@ -1,15 +1,115 @@
 {% from "govuk/components/back-link/macro.njk" import govukBackLink %}
+{% from "govuk/components/button/macro.njk" import govukButton %}
+{% from "govuk/components/summary-list/macro.njk" import govukSummaryList %}
 
 {% extends "../../partials/layout.njk" %}
 
 {% set pageTitle = applicationName + " - " + title %}
-{% set mainClasses = "app-container govuk-body applications-landing-page" %}
+{% set mainClasses = "app-container govuk-body applications-landing-page" %}  
 
 {% block content %}
   <div class="govuk-body govuk-width-container">
     {{ govukBackLink({
       text: "Back",
-      href: "/log/prisoner-details"
+      href: "/log/swap-vos-pin-credit-details"
+    }) }}
+
+    <span class="govuk-caption-xl">{{ appTypeTitle }}</span>
+    <h1 class="govuk-heading-xl govuk-!-margin-top-0">Check details</h1>
+
+    {{ govukSummaryList({
+      classes: "govuk-!-margin-bottom-9",
+      rows: [
+        {
+          key: {
+            text: "Application Type"
+          },
+          value: {
+            text: "Swap VOs for pin credit"
+          },
+          actions: {
+            items: [
+              {
+                href: "#",
+                text: "Change",
+                visuallyHiddenText: "application type"
+              }
+            ]
+          }
+        }
+      ]
+    }) }}
+
+    <h2 class="govuk-heading-m">Application details</h2>
+
+    {{ govukSummaryList({
+      classes: "govuk-!-margin-bottom-9",
+      rows: [
+        {
+          key: {
+            text: "Prisoner"
+          },
+          value: {
+            text: session.applicationData.prisonerName
+          },
+          actions: {
+            items: [
+              {
+                href: "#",
+                text: "Change",
+                visuallyHiddenText: "prisoner"
+              }
+            ]
+          }
+        },
+        {
+          key: {
+            text: "Submitted on"
+          },
+          value: {
+            text: session.applicationData.date
+          },
+          actions: {
+            items: [
+              {
+                href: "#",
+                text: "Change",
+                visuallyHiddenText: "submitted on"
+              }
+            ]
+          }
+        }
+      ]
+    }) }}
+
+    <h2 class="govuk-heading-m">VOs to swap</h2>
+
+    {{ govukSummaryList({
+      classes: "govuk-!-margin-bottom-9",
+      rows: [
+        {
+          key: {
+            text: "Details"
+          },
+          value: {
+            text: session.applicationData.additionalData.swapVOsToPinCreditDetails
+          },
+          actions: {
+            items: [
+              {
+                href: "#",
+                text: "Change",
+                visuallyHiddenText: "details"
+              }
+            ]
+          }
+        }
+      ]
+    }) }}
+
+    {{ govukButton({
+      text: "Continue",
+      classes: "govuk-button--primary"
     }) }}
   </div>
 {% endblock %}

server/views/pages/log/confirm-swap-vos-pin-credit-details.njk

@@ -40,6 +40,8 @@
         classes: "govuk-!-margin-top-0"
       }) }}
 
+      <input type="hidden" id="prisonerName" name="prisonerName" value="Patel, Taj">
+
       {{ mojDatePicker({
         id: "date",
         name: "date",

server/views/pages/log/prisoner-details.njk

@@ -24,7 +24,7 @@
             <input type="hidden" name="_csrf" value="{{ csrfToken }}" />
 
             {{ govukCharacterCount({
-              name: "swap-vos-pin-credit-details",
+              name: "swapVosPinCreditDetails",
               id: "swap-vos-pin-credit-details",
               maxlength: 1000,
               threshold: 75,