Invites

app/views/index.html

@@ -46,22 +46,25 @@ <h2 class="nhsuk-heading-m">MVP: Occupational health</h2>
 
 			<hr class="nhsuk-section-break nhsuk-section-break--l nhsuk-section-break--visible">
 
+			<h2 class="nhsuk-heading-m">Post MVP features</h2>
+			<ul>
+				<li><a href="/maternity-patient-list-2-0-0/patients">Expanded patient list</a> (including flu)</li>
+				<li><a href="/invites/">Invites</a></li>
+			</ul>
+
 			<details class="nhsuk-details">
 			<summary class="nhsuk-details__summary">
-				<span class="nhsuk-details__summary-text">Post MVP features</span>
+				<span class="nhsuk-details__summary-text">Experimental features</span>
 			</summary>
 			<div class="nhsuk-details__text">
-				<h2 class="nhsuk-heading-s">Post MVP features</h2>
 				<ul>
-					<li><a href="/maternity-patient-list-2-0-0/patients">Expanded patient list</a></li>
 					<li><a href="/patient-upload/index">Upload patient list</a></li>
 					<li><a href="/patient-list-and-export/index">Patient list and export</a></li>
+					<li><a href="/appointments/home">Clinics / sessions</a></li>
 				</ul>
 			</div>
 			</details>
 
-			<p class="nhsuk-body"><a href="/appointments/home">Clinics / sessions</a></p>
-
 			<hr class="nhsuk-section-break nhsuk-section-break--l nhsuk-section-break--visible">
 
 			<h2 class="nhsuk-heading-s"><a href="/mvp-patient-upload/landing?scenario&researchSession=one">Research journey 1</a></h2>

app/views/invites/_bereavement-warning.html

@@ -0,0 +1,7 @@
+{{ warningCallout({
+    heading: "Important",
+    headingLevel: 2,
+    html:
+    "<p class='nhsuk-body'> Please check that you have not included anyone who has recently had a termination, miscarriage or baby loss.</p>
+    <p class='nhsuk-body'><a href='https://guide.ravs.england.nhs.uk/maternity/adding-patients/' class='nhsuk-link' rel='noreferrer noopener' target='_blank'>Read full guidance (opens in new tab)</a></p>"
+}) }}

app/views/invites/_filtered-patient-list.html

@@ -0,0 +1,40 @@
+{{ summaryList({
+        card: {
+          heading: "Filtered patient list",
+          headingSize: "m",
+          actions: {
+            items: [
+              {
+                text: "Edit",
+                href: "#"
+              }
+            ]
+          }
+        },
+        rows: [
+          {
+            key: {
+              text: "Patients"
+            },
+            value: {
+              text: "354"
+            }
+          },
+          {
+            key: {
+              text: "Filters"
+            },
+            value: {
+              html: "RSV status: Eligible<br>Weeks pregnant: 20 weeks"
+            }
+          },
+          {
+            key: {
+              text: "Excluded"
+            },
+            value: {
+              html: "22 patients have no mobile number"
+            }
+          }
+        ]
+      }) }}

app/views/invites/_upload-date.html

@@ -0,0 +1,3 @@
+<p class="nhsuk-hint" id="export-patients-hint">
+    Your current list of pregnant patients was uploaded by <strong>Chloe Liu</strong> at 11:57am on <strong>{{ date({ day: "numeric", month: "long", year: "numeric" }, { day: -7 }) }}</strong>.
+</p>

app/views/invites/check-answers.html

@@ -0,0 +1,99 @@
+{% extends 'layouts/ravs-plus-layout-1-maternity.html' %}
+
+{% set currentSection = "plus" %}
+
+{% set pageTitle = "Check answers" %}
+
+{% block pageTitle %}
+  {{ pageTitle }} - Record a vaccination - NHS
+{% endblock %}
+
+{% block beforeContent %}
+  {{ backLink({
+    href: "javascript:window.history.back()"
+  }) }}
+{% endblock %}
+
+
+{% block content %}
+  <div class="nhsuk-grid-row">
+    <div class="nhsuk-grid-column-two-thirds">
+
+      <h1 class="nhsuk-heading-l">{{ pageTitle }}</h1>
+
+      {% include "invites/_upload-date.html" %}
+
+      {% include "invites/_bereavement-warning.html" %}
+
+      {% include "invites/_filtered-patient-list.html" %}
+
+      {{ summaryList({
+        card: {
+          heading: "Message",
+          headingSize: "m"
+        },
+        rows: [
+          {
+            key: {
+              text: "Template name"
+            },
+            value: {
+              text: "Invite for RSV at 20 weeks"
+            },
+            actions: {
+              items: [
+                {
+                  href: "message-template",
+                  text: "Change",
+                  visuallyHiddenText: "template"
+                }
+              ]
+            }
+          },
+          {
+            key: {
+              text: "Message body"
+            },
+            value: {
+              text: "You're invited to get the RSV vaccination during pregnancy to help protect you and your baby. Please contact your maternity team or book online if you are 20 weeks or more."
+            },
+            actions: {
+              items: [
+                {
+                  href: "message-template",
+                  text: "Change",
+                  visuallyHiddenText: "template"
+                }
+              ]
+            }
+          },
+          {
+            key: {
+              text: "Method"
+            },
+            value: {
+              html: "Text message"
+            },
+            actions: {
+              items: [
+                {
+                  href: "message-type",
+                  text: "Change",
+                  visuallyHiddenText: "method"
+                }
+              ]
+            }
+          }
+        ]
+      }) }}
+
+      <form action="confirmation" method="post" novalidate>
+        <button class="nhsuk-button" data-module="nhsuk-button" type="submit">
+            Confirm and send
+          </button>
+
+      </form>
+
+    </div>
+  </div>
+{% endblock %}

app/views/invites/confirmation.html

@@ -0,0 +1,28 @@
+{% extends 'layouts/ravs-plus-layout-1-maternity.html' %}
+
+{% set currentSection = "plus" %}
+
+{% set pageTitle = "Message sent" %}
+
+{% block pageTitle %}
+  {{ pageTitle }} - Record a vaccination - NHS
+{% endblock %}
+
+{% block content %}
+  <div class="nhsuk-grid-row">
+    <div class="nhsuk-grid-column-two-thirds">
+
+      {{ panel({
+        titleText: pageTitle,
+        text: "354 patients have been sent an RSV invitation message"
+      }) }}
+
+      <p class="nhsuk-body">When a patient receives their RSV vaccination, they will show as <strong>'Vaccinated'</strong> in your list of patients.</p>
+
+      <p class="nhsuk-body">
+        <a href="message-start">Send another message</a>
+      </p>
+
+    </div>
+  </div>
+{% endblock %}

app/views/invites/index.html

@@ -0,0 +1,70 @@
+{% extends 'layout.html' %}
+
+{% block header %}
+  {% include "includes/header-index-only.html" %}
+{% endblock %}
+
+{% set pageTitle = "Invites" %}
+
+{% block pageTitle %}
+  {{ pageTitle }} - Record a vaccination - NHS
+{% endblock %}
+
+{% block content %}
+
+  <div class="nhsuk-grid-row">
+    <div class="nhsuk-grid-column-three-quarters">
+
+      <span class="nhsuk-caption-l">Post MVP</span>
+      <h1 class="nhsuk-heading-xl">{{ pageTitle }}</h1>
+
+      <h2 class="nhsuk-heading-m">Navigation pages</h2>
+
+      <ul class="nhsuk-list">
+        <li><a href="landing">Maternity landing page</a></li>
+        <li><a href="invites-landing">Invites landing page</a></li>
+      </ul>
+
+      <h2 class="nhsuk-heading-m">Filter patient list</h2>
+
+      <p>To do</p>
+
+      <h2 class="nhsuk-heading-m">Create and send message</h2>
+
+      <ul class="nhsuk-list">
+        <li><a href="message-start">Start of send a message</a></li>
+        <li><a href="message-type">Select message type</a></li>
+        <li><a href="message-template">Select template</a></li>
+        <li><a href="template-edit">Edit template</a></li>
+        <li><a href="check-answers">Check answers</a></li>
+        <li><a href="confirmation">Confirmation</a></li>
+      </ul>
+
+
+      <h2 class="nhsuk-heading-m">View single patient</h2>
+
+      <ul class="nhsuk-list">
+        <li><a href="patient-detail?flag">Patient detail</a></li>
+        <li><a href="patient-add-flag">Add flag to  patient</a></li>
+        <li><a href="patient-add-flag-check">Check answers</a></li>
+        <li><a href="patient-detail?flag=success">Patient detail with success notification</a></li>
+      </ul>
+
+      <h2 class="nhsuk-heading-m">History</h2>
+
+      <ul class="nhsuk-list">
+        <li><a href="message-history">Message history</a></li>
+        <li><a href="message-detail">Message detail</a></li>
+      </ul>
+
+      <h2 class="nhsuk-heading-m">Templates</h2>
+
+      <ul class="nhsuk-list">
+        <li><a href="templates">Templates</a></li>
+        <li><a href="template-detail">Template detail preview</a></li>
+        <li><a href="template-create-new">Create a template</a></li>
+      </ul>
+
+    </div>
+  </div>
+{% endblock %}

app/views/invites/invites-landing.html

@@ -0,0 +1,65 @@
+{% extends 'layouts/ravs-plus-layout-1-maternity.html' %}
+
+{% set currentSection = "plus" %}
+
+{% set pageTitle = "Invites and reminders" %}
+
+{% block pageTitle %}
+  {{ pageTitle }} - Record a vaccination - NHS
+{% endblock %}
+
+{% block beforeContent %}
+  {{ breadcrumb({
+    items: [
+      {
+        href: "landing",
+        text: "Maternity"
+      }
+    ]
+  }) }}
+{% endblock %}
+
+{% block content %}
+
+  <div class="nhsuk-grid-row">
+    <div class="nhsuk-grid-column-three-quarters">
+
+      <h1 class="nhsuk-heading-l">{{ pageTitle }}</h1>
+
+      <ul class="nhsuk-grid-row nhsuk-card-group">
+        <li class="nhsuk-grid-column-one-half nhsuk-card-group__item">
+          {{ card({
+            href: "message-start",
+            primary: "true",
+            clickable: "true",
+            heading: "Send",
+            headingSize: "m",
+            description: "Send an invite or reminder to a group of patients"
+            }) }}
+        </li>
+        <li class="nhsuk-grid-column-one-half nhsuk-card-group__item">
+          {{ card({
+            href: "message-history",
+            primary: "true",
+            clickable: "true",
+            heading: "History",
+            headingSize: "m",
+            description: "View a list of messages your organisation has sent"
+            }) }}
+        </li>
+        <li class="nhsuk-grid-column-one-half nhsuk-card-group__item">
+          {{ card({
+            href: "templates",
+            primary: "true",
+            clickable: "true",
+            heading: "Templates",
+            headingSize: "m",
+            description: "View, edit or create existing templates, or create new ones"
+            }) }}
+        </li>
+      </ul>
+
+    </div>
+  </div>
+
+{% endblock %}