Add profile page

app/views/index.html

@@ -10,6 +10,8 @@
     - add custom CSS and JavaScript
 -->
 
+{% set section = "Home" %}
+
 <!--
   Use this to set the page name which will appear at the
   start of the <title> tag, followed by the service name.

app/views/layout.html

@@ -32,6 +32,20 @@
     service: {
       text: "App",
       href: "/"
+    },
+    navigation: {
+      items: [
+        {
+          href: "/",
+          text: "Home",
+          current: (section == "Home")
+        },
+        {
+          href: "/profile",
+          text: "Profile",
+          current: (section == "Profile")
+        }
+      ]
     }
   }) }}
 {% endblock %}

app/views/profile.html

@@ -0,0 +1,91 @@
+{% extends "layout.html" %}
+
+{% set section = "Profile" %}
+{% set pageName = "Profile" %}
+
+{% block content %}
+
+  <h1 class="nhsuk-heading-xl">
+    {{ pageName }}
+  </h1>
+
+
+  {% set profileDescriptionHtml %}
+    <p class="nhsuk-u-margin-top-2 nhsuk-u-margin-bottom-0"><strong>Date of birth:</strong> 15 March 1984</p>
+    <p><strong>NHS number:</strong> 123 456 7890</p>
+  {% endset %}
+
+  {{ nhsappCardGroup({
+    stacked: true,
+    classes: "nhsapp-cards--pale-blue",
+    isListItem: false,
+    cards: [
+      {
+        title: "Mary Swanson",
+        titleClasses: "nhsuk-u-font-size-36",
+        headingLevel: "2",
+        descriptionHtml: profileDescriptionHtml
+      },
+      {
+        title: "Manage health services for others",
+        href: "#"
+      }
+    ]
+  }) }}
+
+  {{ nhsappCardGroup({
+    stacked: true,
+    heading: "Personal details",
+    cards: [
+      {
+        title: "Contact details",
+        href: "#"
+      },
+      {
+        title: "Your GP surgery",
+        href: "#"
+      },
+      {
+        title: "Health choices",
+        href: "#"
+      },
+      {
+        title: "Care plans",
+        href: "#"
+      }
+    ]
+  }) }}
+
+  {{ nhsappCardGroup({
+    stacked: true,
+    heading: "App settings",
+    cards: [
+      {
+        title: "Contact and login details",
+        href: "#"
+      },
+      {
+        title: "Cookies",
+        href: "#"
+      }
+    ]
+  }) }}  
+
+  {{ nhsappCardGroup({
+    stacked: true,
+    heading: "About the NHS App",
+    cards: [
+      {
+        title: "Privacy and legal information",
+        href: "#"
+      }
+    ]
+  }) }}
+
+  {{ button({
+    text: "Logout",
+    href: "#",
+    variant: "secondary",
+    classes: "nhsapp-button"
+  })}}
+{% endblock %}