Dl/hto 6536 alternative additional costs

app/routes/alpha.js

@@ -8,6 +8,7 @@ require(`../views/${folderWithinViews}/_portal-routes`)(folderWithinViews, urlPr
 require(`../views/${folderWithinViews}/equipment-and-adaptations/_equipment-and-adaptations-routes`)(folderWithinViews, urlPrefix, router)
 require(`../views/${folderWithinViews}/employer-countersign/_employer-countersign-routes`)(folderWithinViews, urlPrefix, router)
 require(`../views/${folderWithinViews}/support-worker/_support-worker-routes`)(folderWithinViews, urlPrefix, router)
+require(`../views/${folderWithinViews}/additional-costs/_additional-costs-routes`)(folderWithinViews, urlPrefix, router)
 require(`../views/${folderWithinViews}/travel-to-work/_travel-to-work-routes`)(folderWithinViews, urlPrefix, router)
 require(`../views/${folderWithinViews}/travel-in-work/_travel-in-work-routes`)(folderWithinViews, urlPrefix, router)
 require(`../views/${folderWithinViews}/adaptation-to-vehicle/_adaptation-to-vehicle-routes`)(folderWithinViews, urlPrefix, router)

app/views/alpha/_portal-routes.js

@@ -1,6 +1,18 @@
 module.exports = function (folderForViews, urlPrefix, router) {
 
   router.post('/start-journey', function (req, res) {
+
+    if (req.session.data['journey-type'] == "additionalcosts1") {
+      req.session.data['journey-type'] = "supportworker"
+      req.session.data['additional-costs-journey'] = 1
+    }
+    else if (req.session.data['journey-type'] == "additionalcosts2") {
+      req.session.data['journey-type'] = "supportworker"
+      req.session.data['additional-costs-journey'] = 2
+    }
+    else {
+      req.session.data['additional-costs-journey'] = 0
+    }
     if (req.session.data['journey-type'] == "multipleawards") {
       req.session.data['multiple-awards'] = true
       req.session.data['multiple-employers'] = false

app/views/alpha/additional-costs/_additional-costs-routes.js

@@ -0,0 +1,146 @@
+const { indexOf, forEach } = require("lodash")
+
+module.exports = function (folderForViews, urlPrefix, router) {
+
+  router.post('/additional-costs/grant-information-answer', function (req, res) {
+    res.redirect(`/${urlPrefix}/additional-costs/before-you-continue`)
+  })
+
+  router.post('/additional-costs/before-you-continue-answer', function (req, res) {
+    res.redirect(`/${urlPrefix}/additional-costs/additional-cost-types`)
+  })
+
+  router.post('/additional-costs/additional-cost-types', function (req, res) {
+    const additionalCostTypes = req.session.data['additional-cost-types']
+
+    if (additionalCostTypes == 'none'){
+      res.redirect(`/${urlPrefix}/additional-costs/providing-evidence`)
+    }
+    else {
+      res.redirect(`/${urlPrefix}/additional-costs/claim-additional-costs`)
+    }
+
+  })
+
+  router.post('/additional-costs/claim-additional-costs', function (req, res) {
+    const change = req.session.data['change-cost']
+
+    res.redirect(`/${urlPrefix}/additional-costs/providing-evidence`)
+  })
+
+  // post - Add more receipts
+  router.post('/additional-costs/receipt-upload-more', function (req, res) {
+    const anotherReceipt = req.session.data['add-another-receipt']
+    const journeytype = req.session.data['journey-type']
+    const checked = req.session.data['contact-confirmed']
+
+    if (anotherReceipt === 'Yes') {
+      // Reset to stop pre-population of previous visit to page
+      req.session.data['file-upload'] = null
+
+      res.redirect(`/${urlPrefix}/additional-costs/receipt-upload`)
+    } else if (journeytype === 'traveltowork-ammendment') {
+      res.redirect(`/${urlPrefix}/portal-screens/check-your-answers`)
+    } else if (journeytype === 'claimadditionalcosts' && checked) {
+      res.redirect(`/${urlPrefix}/additional-costs/check-your-answers`)
+    } else if (journeytype === 'claimadditionalcosts') {
+      res.redirect(`/${urlPrefix}/additional-costs/existing-payee-details`)
+    }
+  })
+
+  // workplace conact answer
+
+  router.post('/additional-costs/contact-answers', function (req, res) {
+    const journeytype = req.session.data['journey-type']
+    const checked = req.session.data['sw-declaration']
+
+    if (journeytype === 'claimadditionalcosts' && checked === 'true') {
+      res.redirect(`/${urlPrefix}/portal-screens/citizen-new-declaration-pre-confirm`)
+    } else if (journeytype === 'claimadditionalcosts') {
+      res.redirect(`/${urlPrefix}/additional-costs/check-your-answers`)
+    } else if (journeytype === 'traveltowork-ammendment') {
+      res.redirect(`/${urlPrefix}/portal-screens/check-your-answers`)
+    }
+  })
+
+  router.post('/additional-costs/existing-payee-answers', function (req, res) {
+    const payee = req.session.data['existing-payee']
+    const journey = req.session.data['journey-type']
+    const checked = req.session.data['contact-confirmed']
+
+    if (payee === 'New') {
+      res.redirect(`/${urlPrefix}/additional-costs/new-payee-name`)
+    } else if (journey === 'traveltowork-ammendment') {
+      res.redirect(`/${urlPrefix}/portal-screens/check-your-answers`)
+    } else if (checked) {
+      res.redirect(`/${urlPrefix}/additional-costs/check-your-answers`)
+    } else {
+      res.redirect(`/${urlPrefix}/additional-costs/existing-account-details`)
+    }
+  })
+
+  router.post('/additional-costs/existing-account-answers', function (req, res) {
+    const payee = req.session.data['existing-payee']
+    const account = req.session.data['existing-account']
+    const journey = req.session.data['journey-type']
+    const checked = req.session.data['contact-confirmed']
+
+    if (payee === 'New') {
+      res.redirect(`/${urlPrefix}/additional-costs/new-payee-name`)
+    } else if (journey === 'traveltowork-ammendment') {
+      res.redirect(`/${urlPrefix}/portal-screens/check-your-answers`)
+    } else if (checked) {
+      res.redirect(`/${urlPrefix}/additional-costs/check-your-answers`)
+    } else {
+      res.redirect(`/${urlPrefix}/additional-costs/counter-signatory-name`)
+    }
+  })
+
+  router.get('/additional-costs/check-your-answers', function (req, res) {
+
+    res.render(`./${folderForViews}/additional-costs/check-your-answers`)
+  })
+
+
+  // post - Submit for upload
+  router.post('/additional-costs/receipt-upload-add', function (req, res) {
+    let allUploads = req.session.data.uploads // This is the running list of files
+
+    const fileToUpload = req.session.data['file-upload'] // User submitted file
+
+    // Stop null pointer
+    if (allUploads == null) {
+      allUploads = []
+    }
+
+    allUploads.push({
+      file: fileToUpload
+    })
+
+    req.session.data.uploads = allUploads
+    res.redirect(`/${urlPrefix}/additional-costs/upload-summary`)
+  })
+
+  // Get
+  router.get('/additional-costs/remove-receipt-upload', function (req, res) {
+    req.session.data['file-receipt-to-remove'] = req.query.removeId
+    res.render(`./${folderForViews}/additional-costs/remove-receipt-upload`)
+  })
+
+  // post - Remove receipt confirmation
+  router.post('/additional-costs/remove-receipt-upload', function (req, res) {
+    const allUploads = req.session.data.uploads
+    const fileToDelete = req.session.data['file-receipt-to-remove']
+    const removeFile = req.session.data['file-upload-remove']
+
+    if (removeFile === 'Yes') {
+      allUploads.splice(fileToDelete, 1)
+    }
+    req.session.data.uploads = allUploads
+    req.session.data['file-receipt-to-remove'] = null
+    req.session.data['confirm-file-upload-remove'] = null
+    res.redirect(`/${urlPrefix}/additional-costs/upload-summary`)
+  })
+
+
+}

app/views/alpha/additional-costs/additional-cost-types.html

@@ -0,0 +1,60 @@
+{% extends "layout.html" %}
+
+{% block pageTitle %}
+Claim money back from Access to Work
+{% endblock %}
+
+{% from "govuk/components/checkboxes/macro.njk" import govukCheckboxes %}
+
+{% block content %}
+
+<div class="govuk-grid-row">
+    <div class="govuk-grid-column-two-thirds">
+        <form action="#" method="post" class="form">
+
+            {{ govukCheckboxes({
+              name: "additional-cost-types",
+              fieldset: {
+                legend: {
+                  text: "What additional costs do you need to claim for?",
+                  isPageHeading: true,
+                  classes: "govuk-fieldset__legend--l"
+                }
+              },
+              hint: {
+                text: "Select all additional costs that apply to this support worker claim"
+              },
+              items: [
+                {
+                  value: "travel",
+                  text: "Travel"
+                },
+                {
+                  value: "accommodation",
+                  text: "Accomodation"
+                },
+                {
+                  value: "food",
+                  text: "Food"
+                },
+                {
+                  divider: "or"
+                },
+                {
+                  value: "none",
+                  text: "I do not need to claim for any additional costs",
+                  behaviour: "exclusive"
+                }
+              ]
+            }) }}
+
+            <button type="submit" class="govuk-button" data-module="govuk-button">
+                Continue
+            </button>
+
+        </form>
+    </div>
+</div>
+
+
+{% endblock %}

app/views/alpha/additional-costs/banking-details.html

@@ -0,0 +1,77 @@
+{% extends "layout.html" %}
+
+{% block pageTitle %}
+Claim money back from Access to Work
+{% endblock %}
+
+
+{% block content %}
+
+
+<div class="govuk-grid-row">
+    <div class="govuk-grid-column-two-thirds">
+
+      {%if (data['journey-type'] == "traveltowork-ammendment") and (data['claim-incorrect'] =='true') and (data["answers-checked-sw"]) %}
+      <form action="../portal-screens/check-your-answers" method="post" class="form">
+      {% elseif data ["contact-confirmed"] %}
+        <form action="check-your-answers" method="post" class="form">
+      {% else %}
+        <form action="counter-signatory-name" method="post" class="form">
+      {% endif %}
+
+      <h1 class="govuk-heading-l">{{data["new-payee-full-name"]}}’s bank or building society account details</h1>
+
+            <div class="govuk-form-group">
+                <label class="govuk-label" for="name-on-the-account">
+                    Name on the account
+                </label>
+                <input class="govuk-input" id="name-on-the-account" name="name-on-the-account" type="text"
+                       spellcheck="false"></div>
+
+            <div class="govuk-form-group">
+                <label class="govuk-label" for="sort-code">
+                    Sort code
+                </label>
+                <div id="sort-code-hint" class="govuk-hint">
+                    Must be 6 digits long
+                </div>
+                <input class="govuk-input govuk-input--width-5" id="sort-code" name="sort-code" type="text"
+                       spellcheck="false" aria-describedby="sort-code-hint" pattern="[0-9]*" inputmode="numeric">
+            </div>
+
+
+            <div class="govuk-form-group">
+                <label class="govuk-label" for="account-number">
+                    Account number
+                </label>
+                <div id="account-number-hint" class="govuk-hint">
+                    Must be between 6 and 8 digits long
+                </div>
+                <input class="govuk-input govuk-input--width-10" id="account-number" name="account-number" type="text"
+                       spellcheck="false" aria-describedby="account-number-hint" pattern="[0-9]*" inputmode="numeric">
+            </div>
+
+            <div class="govuk-form-group">
+                <label class="govuk-label" for="roll-number">
+                    Building society roll number (if there is one)
+                </label>
+                <div id="roll-number-hint" class="govuk-hint">
+                    You can find it on the card, statement or passbook
+                </div>
+                <input class="govuk-input govuk-input--width-10" id="roll-number" name="roll-number" type="text"
+                       spellcheck="false" aria-describedby="roll-number-hint">
+            </div>
+
+            {%if (data['journey-type'] == "traveltowork-ammendment") and (data['claim-incorrect'] =='true') and (data["answers-checked-sw"]) %}
+            <input type="hidden" name="new-payee-details-ammendment" value="true">
+            {% endif %}
+            <button type="submit" class="govuk-button" data-module="govuk-button">
+                Continue
+            </button>
+
+        </form>
+    </div>
+</div>
+
+
+{% endblock %}

app/views/alpha/additional-costs/before-you-continue.html

@@ -0,0 +1,54 @@
+{% extends "layout.html" %}
+
+{% block pageTitle %}
+Claim money back from Access to Work
+{% endblock %}
+
+{% block content %}
+
+<div class="govuk-grid-row">
+    <div class="govuk-grid-column-two-thirds">
+
+
+
+        <h1 class="govuk-heading-l">What you’ll need to make a claim</h1>
+
+        <p>You’ll need to send a claim for each type of support you get. For example, if you use a British Sign Language interpreter and have a driver, you’ll need to send 2 claims.</p>
+
+        <p>If different people or companies paid for your support, you'll also need to send separate claims for each. </p>
+
+        <h3 class="govuk-body">You’ll need:</h3>
+        <ul class="govuk-list govuk-list--bullet govuk-list--spaced">
+            <li>the dates you had support
+            </li>
+            <li>to tell us how many hours of support you had on each date
+            </li>
+            <li>the name and email address of the person or company who we can ask to confirm the support you’re claiming for </li>
+            <li>the details of the person or company we need to pay, including bank details if we’ve not paid them before</li>
+        </ul>
+
+        <div class="govuk-inset-text">
+        The person or company we need to pay could be anyone who paid for your support worker costs. This includes yourself, a friend, a family member, or your employer.
+        </div>
+
+        <p>You’ll need to send us an invoice or receipt for any support worker costs you’re claiming for.</p>
+
+        <h2 class="govuk-heading-m">If you're self-employed or work at the same organisation as the person providing the support</h2>
+
+        <p>You’ll need to send us a digital copy of a signed timesheet or payslip for the person who provided your support.</p>
+
+
+
+        <form action="before-you-continue-answer" method="post" class="form">
+
+            <button type="submit" class="govuk-button" data-module="govuk-button">
+                Start a claim
+            </button>
+
+        </form>
+
+    </div>
+</div>
+
+
+{% endblock %}