Adding alpha banner

src/views/layout.html

@@ -3,6 +3,7 @@
 {% from "govuk/components/footer/macro.njk"           import govukFooter %}
 {% from "govuk/components/header/macro.njk"           import govukHeader %}
 {% from "govuk/components/error-summary/macro.njk"    import govukErrorSummary %}
+{% from "govuk/components/phase-banner/macro.njk"     import govukPhaseBanner %}
 {% from "govuk/components/panel/macro.njk"            import govukPanel %}
 {% from "govuk/components/input/macro.njk"            import govukInput %}
 {% from "govuk/components/fieldset/macro.njk"         import govukFieldset %}
@@ -13,6 +14,17 @@
 {% from "govuk/components/textarea/macro.njk"         import govukTextarea %}
 {% from "govuk/components/summary-list/macro.njk"     import govukSummaryList %}
 
+{% set phaseTagText  = "test" if showTestBanner else "Alpha" %}
+{% set phaseBannerClasses  = "test-banner" if showTestBanner %}
+{% set phaseBannerHtml = "This is a new service – your " %}
+{% if not showTestBanner %}
+  {% set phaseBannerHtml %}
+    This is a new service – your
+    <a href="mailto: [email protected]" class="govuk-link" rel="noreferrer noopener" target="_blank">feedback (opens in a new tab)</a> will help us improve it.
+  {% endset %}
+{% endif %}
+
+
 {% block head %}
 
   <link rel="stylesheet" type="text/css" media="all" href="//{{CDN_HOST}}/stylesheets/govuk-frontend/v3.11.0/govuk-frontend-3.11.0.min.css">
@@ -30,7 +42,18 @@
     useTudorCrown: true,
     containerClasses: "govuk-width-container"
   }) }}
+  <header class="govuk-header {{ phaseBannerClasses }}" role="banner" data-module="govuk-header" id="top"></header>
+  <div class="govuk-width-container">
+  {{ govukPhaseBanner({
+    tag: {
+      text: phaseTagText
+    },
+    html: phaseBannerHtml,
+    classes: phaseBannerClasses
+  }) }}
 {% endblock %}
+
+
 
 {% block footer %}
     {{ govukFooter({