Invites

app/views/index.html

@@ -39,22 +39,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='#' class='nhsuk-link'>Read full guidance</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/check-answers.html

@@ -0,0 +1,73 @@
+{% extends 'layouts/ravs-plus-layout-1-maternity.html' %}
+
+{% set currentSection = "plus" %}
+
+{% set pageTitle = "Check answers" %}
+
+{% block pageTitle %}
+  {{ pageTitle }} - Record a vaccination - NHS
+{% endblock %}
+
+{% block content %}
+  <div class="nhsuk-grid-row">
+    <div class="nhsuk-grid-column-two-thirds">
+
+      <h1 class="nhsuk-heading-l">{{ pageTitle }}</h1>
+
+      {% include "invites/_bereavement-warning.html" %}
+
+      {% include "invites/_filtered-patient-list.html" %}
+
+      {{ summaryList({
+        card: {
+          heading: "Message",
+          headingSize: "m"
+        },
+        rows: [
+          {
+            key: {
+              text: "Template"
+            },
+            value: {
+              text: "RSV invitation"
+            },
+            actions: {
+              items: [
+                {
+                  href: "#",
+                  text: "Change",
+                  visuallyHiddenText: "template"
+                }
+              ]
+            }
+          },
+          {
+            key: {
+              text: "Method"
+            },
+            value: {
+              html: "SMS text message"
+            },
+            actions: {
+              items: [
+                {
+                  href: "#",
+                  text: "Change",
+                  visuallyHiddenText: "method"
+                }
+              ]
+            }
+          }
+        ]
+      }) }}
+
+      <form action="/form-handler" 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: "[XXX] patients have been invited to get a [vaccination]"
+      }) }}
+
+      <p class="nhsuk-body">When a patient receives a [vaccination], they will show as <strong>'Vaccinated'</strong> in your list of patients.</p>
+
+      <p class="nhsuk-body">
+        <a href="#">View list of patients</a>
+      </p>
+
+    </div>
+  </div>
+{% endblock %}

app/views/invites/index.html

@@ -0,0 +1,67 @@
+{% 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="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">Patient detail</a></li>
+        <li><a href="patient-add-flag">Add flag to  patient</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: "#",
+            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: "#",
+            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: "#",
+            primary: "true",
+            clickable: "true",
+            heading: "Templates",
+            headingSize: "m",
+            description: "View, edit or create existing templates, or create new ones"
+            }) }}
+        </li>
+      </ul>
+
+    </div>
+  </div>
+
+{% endblock %}

app/views/invites/landing.html

@@ -0,0 +1,46 @@
+{% extends 'layouts/ravs-plus-layout-1-maternity.html' %}
+
+{% set currentSection = "plus" %}
+
+{% set pageTitle = "Maternity" %}
+
+{% block pageTitle %}
+  {{ pageTitle }} - Record a vaccination - NHS
+{% endblock %}
+
+{% block content %}
+
+  <div class="nhsuk-grid-row">
+    <div class="nhsuk-grid-column-three-quarters">
+
+      <h1 class="nhsuk-heading-xl">{{ pageTitle }}</h1>
+
+      <p>View, filter and export vaccination information for your pregnant patients.</p>
+
+      <ul class="nhsuk-grid-row nhsuk-card-group">
+        <li class="nhsuk-grid-column-full nhsuk-card-group__item">
+          {{ card({
+            href: "#",
+            primary: "true",
+            clickable: "true",
+            heading: "Patients",
+            headingSize: "m",
+            description: "View, update and filter patient list"
+            }) }}
+        </li>
+        <li class="nhsuk-grid-column-full nhsuk-card-group__item">
+          {{ card({
+            href: "invites-landing",
+            primary: "true",
+            clickable: "true",
+            heading: "Invites",
+            headingSize: "m",
+            description: "Send invites and manage templates"
+            }) }}
+        </li>
+      </ul>
+
+    </div>
+  </div>
+
+{% endblock %}