hof 22.8.4 → 22.9.0-beta

package/package/frontend/template-partials/views/accessibility.html

@@ -0,0 +1,55 @@
+{{<layout}}
+
+  {{$propositionHeader}}{{/propositionHeader}}
+
+  {{$header}}
+    {{header}}
+  {{/header}}
+
+  {{$content}}
+    <p class="govuk-body">{{#t}}accessibility.intro-p2{{/t}}</p>
+    <ul class="govuk-list">
+        <li>{{#t}}accessibility.intro-p2-li1{{/t}}</li>
+        <li>{{#t}}accessibility.intro-p2-li2{{/t}}</li>
+        <li>{{#t}}accessibility.intro-p2-li3{{/t}}</li>
+        <li>{{#t}}accessibility.intro-p2-li4{{/t}}</li>
+        <li>{{#t}}accessibility.intro-p2-li5{{/t}}</li>
+    </ul>
+    <p class="govuk-body">{{#t}}accessibility.intro-p3-pre-link{{/t}} <a href="https://mcmw.abilitynet.org.uk/">{{#t}}accessibility.intro-p3-link{{/t}}</a> {{#t}}accessibility.intro-p3-post-link{{/t}}</p>
+    <h2 class="govuk-heading-m">{{#t}}accessibility.how-accessible-header{{/t}}</h2>
+    <p class="govuk-body">{{#t}}accessibility.how-accessible-p1{{/t}}</p>
+    <ul class="govuk-list">
+        <li>{{#t}}accessibility.how-accessible-p1-li1{{/t}}</li>
+        <li>{{#t}}accessibility.how-accessible-p1-li2{{/t}}</li>
+    </ul>
+    <h2 class="govuk-heading-m">{{#t}}accessibility.reporting-header{{/t}}</h2>
+    <p class="govuk-body">{{#t}}accessibility.reporting-p1{{/t}}</p>
+    <ul class="govuk-list">
+        <li>{{#t}}accessibility.reporting-p1-li1-pre-link{{/t}} <a href="mailto:{{#t}}accessibility.contact-email-accessibility{{/t}}">{{#t}}accessibility.contact-email-accessibility{{/t}}</a></li>
+    </ul>
+    <p class="govuk-body">
+        <a href="http://www.w3.org/WAI/users/inaccessible">{{#t}}accessibility.reporting-p2-link{{/t}}</a>
+    </p>
+    <h2 class="govuk-heading-m">{{#t}}accessibility.enforcement-header{{/t}}</h2>
+    <p class="govuk-body">{{#t}}accessibility.enforcement-p1-pre-link{{/t}} <a href ="https://www.equalityadvisoryservice.com/">{{#t}}accessibility.enforcement-p1-link{{/t}}</a></p>
+    <p class="govuk-body">{{#t}}accessibility.enforcement-p2{{/t}}</p>
+    <h2 class="govuk-heading-m">{{#t}}accessibility.technical-info-header{{/t}}</h2>
+    <p class="govuk-body">{{#t}}accessibility.technical-info-p1{{/t}}</p>
+    <h2 class="govuk-heading-m">{{#t}}accessibility.compliance-header{{/t}}</h2>
+    <p class="govuk-body">{{#t}}accessibility.compliance-p1{{/t}}</p>
+    <h2 class="govuk-heading-m">{{#t}}accessibility.non-accessible-header{{/t}}</h2>
+    <p class="govuk-body">{{#t}}accessibility.non-accessible-p1{{/t}}</p>
+    <h3 class="govuk-heading-m">{{#t}}accessibility.non-compliance-header{{/t}}</h3>
+    <ul class="govuk-list">
+        <li>{{#t}}accessibility.non-compliance-li1{{/t}}</li>
+    </ul>
+    <h3 class="govuk-heading-m">{{#t}}accessibility.disproportionate-burden-header{{/t}}</h3>
+    <p class="govuk-body">{{#t}}accessibility.disproportionate-burden-p1{{/t}}</p>
+    <h3 class="govuk-heading-m">{{#t}}accessibility.outside-scope-header{{/t}}</h3>
+    <p class="govuk-body">{{#t}}accessibility.outside-scope-p1{{/t}}</p>
+    <h2 class="govuk-heading-m">{{#t}}accessibility.preparation-header{{/t}}</h2>
+    <p class="govuk-body">{{#t}}accessibility.preparation-p1{{/t}}</p>
+    <p class="govuk-body">{{#t}}accessibility.preparation-p2{{/t}}</p>
+    <p class="govuk-body">{{#t}}accessibility.preparation-p3{{/t}}</p>
+  {{/content}}
+{{/layout}}

package/package/frontend/template-partials/views/confirm.html

@@ -0,0 +1,8 @@
+{{<partials-page}}
+  {{$page-content}}
+    {{#rows}}
+      {{> partials-summary-table}}
+    {{/rows}}
+    {{#input-submit}}confirm{{/input-submit}}
+  {{/page-content}}
+{{/partials-page}}

package/package/frontend/template-partials/views/confirmation.html

@@ -0,0 +1,19 @@
+{{<layout}}
+  {{$journeyHeader}}
+  {{#t}}journey.header{{/t}}
+  {{/journeyHeader}}
+
+  {{$propositionHeader}}
+  {{> partials-navigation}}
+  {{/propositionHeader}}
+
+  {{$header}}
+    {{header}}
+  {{/header}}
+
+  {{$content}}
+    {{>partials-confirmation-alert}}
+    {{#markdown}}what-happens-next{{/markdown}}
+  {{/content}}
+{{/layout}}
+

package/package/frontend/template-partials/views/cookie-error.html

@@ -0,0 +1 @@
+{{<error}}{{/error}}

package/package/frontend/template-partials/views/cookies.html

@@ -0,0 +1,84 @@
+{{<layout}}
+
+  {{$propositionHeader}}{{/propositionHeader}}
+
+  {{$validationSummary}}
+    {{#gaTagId}}
+      {{> partials-cookie-notification}}
+    {{/gaTagId}}
+  {{/validationSummary}}
+
+  {{$header}}
+    {{header}}
+  {{/header}}
+
+  {{$content}}
+    <p>{{intro}}</p>
+    {{^gaTagId}}
+      {{#intro-list}}
+        {{> partials-bullet-list}}
+      {{/intro-list}}
+      {{#indent-intro}}
+        {{> partials-panel-indent}}
+      {{/indent-intro}}
+      <h2>{{intro-cookie}}</h2>
+      <p>{{intro-cookie-message}}</p>
+      {{#intro-cookie-table}}
+        {{> partials-table}}
+      {{/intro-cookie-table}}
+      <h2>{{session-cookies}}</h2>
+      <p>{{session-cookies-content}}</p>
+      {{#session-cookies-table}}
+        {{> partials-session-cookies-table}}
+      {{/session-cookies-table}}
+    {{/gaTagId}}
+
+    {{#gaTagId}}
+      <div id="cookie-settings">
+        {{#intro-list-ga-tag}}
+          {{> partials-bullet-list}}
+        {{/intro-list-ga-tag}}
+        {{#indent-intro}}
+          {{> partials-panel-indent}}
+        {{/indent-intro}}
+        <h2>{{intro-cookie}}</h2>
+        <p>{{intro-cookie-message}}</p>
+        {{#intro-cookie-table}}
+          {{> partials-table}}
+        {{/intro-cookie-table}}
+          <h2>{{session-cookies}}</h2>
+          <p>{{session-cookies-content}}</p>
+          {{#session-cookies-table}}
+            {{> partials-session-cookies-table}}
+          {{/session-cookies-table}}
+        <div class="js-enabled">
+          <form>
+            <div class="govuk-form-group">
+              <fieldset>
+                <legend>
+                  <h2>{{measuring-use}}</h2>
+                </legend>
+                {{#google-analytics}}
+                  <p>{{.}}</p>
+                {{/google-analytics}}
+                {{#google-analytics-list}}
+                  {{> partials-bullet-list}}
+                {{/google-analytics-list}}
+                <p>{{no-identify}}</p>
+                {{#analytics-table}}
+                  {{> partials-analytics-table}}
+                {{/analytics-table}}
+                {{#indent-ga}}
+                  {{> partials-panel-indent}}
+                {{/indent-ga}}
+                {{> partials-cookie-settings-radio}}
+              </fieldset>
+            </div>
+            {{> partials-cookie-settings-button}}
+          </form>
+        </div>
+      </div>
+    {{/gaTagId}}
+
+  {{/content}}
+{{/layout}}

package/package/frontend/template-partials/views/email/data-row.html

@@ -0,0 +1,4 @@
+<tr style="border-top: 1px solid #009390;">
+  <td width="25%"><p style="font-size: 16px; color: #6f777b; margin: 10px 0;">{{#t}}email.fields.{{field}}{{/t}}</p></td>
+  <td width="75%"><p style="font-size: 16px; color: #000; margin: 10px 0; white-space: pre-wrap;">{{value}}</p></td>
+</tr>

package/package/frontend/template-partials/views/email/formatted.html

@@ -0,0 +1,12 @@
+{{<email-layout}}
+  {{$email-content}}
+    {{#data}}
+      {{> email-section-row}}
+      {{#fields}}
+        {{#value}}
+          {{> email-data-row}}
+        {{/value}}
+      {{/fields}}
+    {{/data}}
+  {{/email-content}}
+{{/email-layout}}

package/package/frontend/template-partials/views/email/layout.html

@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <meta content="text/html;charset=utf-8" http-equiv="Content-Type" />
+    <meta content="utf-8" http-equiv="encoding" />
+    <!-- Use title if it's in the page YAML frontmatter -->
+    <title>{{#t}}email.information.subject{{/t}}</title>
+  </head>
+
+  <body style="font-family: Helvetica, Arial, sans-serif;font-size: 16px;margin: 0;color:#0b0c0c">
+    <table width="100%" cellpadding="0" cellspacing="0" border="0">
+      <tr>
+        <td width="100%" height="53px" bgcolor="#0b0c0c">
+          <table width="580" cellpadding="0" cellspacing="0" border="0" align="center">
+            <tr>
+              <td width="100%" bgcolor="#0b0c0c" valign="middle">
+                <img width="152" height="31" src="cid:govuk_logotype_email" alt="GOV.UK" border="0" />
+              </td>
+            </tr>
+          </table>
+        </td>
+      </tr>
+    </table>
+    <table width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFF">
+      <tr>
+        <td width="100%">
+          <table width="580" cellpadding="0" cellspacing="0" border="0" align="center">
+            <tr>
+              <td width="100%" class="header" style="padding-top: 10px;" colspan="2">
+                <table width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFF">
+                  <tr>
+                    <td width="6" style="border-left: 2px solid #009390;"><img src="cid:spacer_image" alt="" width="6px" height="26px" style="display: block;" /></td>
+                    <td width="26" height="26"><img src="cid:ho_crest_27px" alt="Home Office Logo" style="width: 26px; height: 26px; display:block;" /></td>
+                    <td width="7"><img src="cid:spacer_image" alt="" width="7px" height="26px" style="display: block;" /></td>
+                    <td style="font-family: Helvetica, Arial, sans-serif;">
+                      <h2 class="organisation-logo" style="font-size: 18px; line-height: 20px; font-weight: 300; margin: 0"><span>UK Home Office</span></h2>
+                    </td>
+                  </tr>
+                </table>
+              </td>
+            </tr>
+            <tr>
+              <td width="75%" style="font-family: Helvetica, Arial, sans-serif;">
+                <p style="font-weight: 700;font-size: 16px;line-height: 1 ;margin: 10px 0 10px 0;">&nbsp;</p>
+              </td>
+              <td width="25%">&nbsp;</td>
+            </tr>
+            <tr>
+              <td width="75%" style="font-family: Helvetica, Arial, sans-serif;">
+                <p style="font-size: 19px; font-weight: bold; color: #000; line-height: 1.32; margin: 0 0 10px 0;">{{#t}}email.information.subject{{/t}}</p>
+                <p style="font-size: 16px; font-weight: normal; color: #000; line-height: 1.32; margin: 0 0 10px 0;">{{#t}}email.content.{{recipient}}-intro{{/t}}</p>
+                <table width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFF" style="margin: 0 0 20px 0;">
+                  {{$email-content}}{{/email-content}}
+                </table>
+              </td>
+            </tr>
+          </table>
+        </td>
+        <td width="25%">&nbsp;</td>
+      </tr>
+    </table>
+  </body>
+</html>

package/package/frontend/template-partials/views/email/raw.html

@@ -0,0 +1,11 @@
+{{#t}}email.information.subject{{/t}}
+{{#t}}email.content.{{recipient}}-intro{{/t}}
+{{#t}}email.information.enquiry{{/t}}
+{{#data}}
+  {{#t}}pages.{{section}}.header{{/t}}
+  {{#fields}}
+    {{#value}}
+      {{#t}}email.fields.{{field}}{{/t}}: {{value}}
+    {{/value}}
+  {{/fields}}
+{{/data}}

package/package/frontend/template-partials/views/email/section-row.html

@@ -0,0 +1,3 @@
+<tr style="border-top: 1px solid #009390;">
+  <td width="100%" colspan="2"><p style="font-size: 16px; color: #000; margin: 10px 0;">{{#t}}pages.{{section}}.header{{/t}}</p></td>
+</tr>

package/package/frontend/template-partials/views/error.html

@@ -0,0 +1,20 @@
+{{<layout}}
+  {{$journeyHeader}}
+    {{#t}}journey.header{{/t}}
+  {{/journeyHeader}}
+  {{$propositionHeader}}
+    {{> partials-navigation}}
+  {{/propositionHeader}}
+  {{$header}}
+    {{content.title}}
+  {{/header}}
+  {{$content}}
+    <p>{{{content.message}}}</p>
+    <a href="" class="button" role="button">{{#t}}buttons.try-again{{/t}}</a>
+    {{#showStack}}
+      <pre>
+        {{error.stack}}
+      </pre>
+    {{/showStack}}
+  {{/content}}
+{{/layout}}

package/package/frontend/template-partials/views/exit.html

@@ -0,0 +1,9 @@
+{{<layout}}
+  {{$header}}
+    {{header}}
+  {{/header}}
+  {{$content}}
+  <h2 class="govuk-heading-m">{{#exitFormContent}}{{#t}}pages.exit.message{{/t}}{{/exitFormContent}}{{^exitFormContent}}{{#t}}{{message}}{{/t}}{{/exitFormContent}}</h2>
+  <a href="/" class="govuk-button" role="button">{{#t}}buttons.start-again{{/t}}</a>
+  {{/content}}
+{{/layout}}

package/package/frontend/template-partials/views/feedback-submitted.html

@@ -0,0 +1,11 @@
+{{<partials-page}}
+  {{$page-content}}
+    <h1 class="govuk-panel__title">
+        {{#t}}pages.feedback-submitted.confirmed{{/t}}
+    </h1>
+
+    <p class="govuk-body">{{#t}}pages.feedback-submitted.submitted{{/t}}</p>
+
+    {{#input-submit}}close{{/input-submit}}
+  {{/page-content}}
+{{/partials-page}}

package/package/frontend/template-partials/views/layout.html

@@ -0,0 +1,55 @@
+{{<govuk-template}}
+  {{$head}}
+    {{> partials-head}}
+  {{/head}}
+  {{$pageTitle}}
+    {{#errorlist.length}}{{#t}}errorlist.prefix{{/t}}{{/errorlist.length}}{{#title}}{{title}}{{/title}}{{^title}}{{$header}}{{/header}}{{/title}}{{#serviceName}} &ndash; {{serviceName}}{{/serviceName}} &ndash; GOV.UK
+  {{/pageTitle}}
+  {{$bodyStart}}
+    <a href="#{{#skipToMain}}{{skipToMain}}{{/skipToMain}}{{^skipToMain}}main-content{{/skipToMain}}" class="govuk-skip-link" id="skip-to-main">Skip to main content</a>
+  {{/bodyStart}}
+  {{$headerClass}}govuk-header{{/headerClass}}
+  {{$insideHeader}}{{/insideHeader}}
+  {{$main}}
+	  <div class="govuk-width-container ">
+		{{#feedbackUrl}}
+			<div class="govuk-phase-banner">
+				<p class="govuk-phase-banner__content">
+				<strong class="govuk-tag govuk-phase-banner__content__tag">{{#t}}journey.phase{{/t}}</strong>
+				<span  class="govuk-phase-banner__text">This is a new service – your <a href="{{feedbackUrl}}{{^feedbackUrl}}https://eforms.homeoffice.gov.uk/outreach/feedback.ofml{{/feedbackUrl}}" class="govuk-link" id="feedback-link" target="_blank">feedback</a> will help us to improve it.</span>
+				</p>
+			</div>
+		{{/feedbackUrl}}      
+      <span id="step">
+        {{> partials-back}} <span>{{$step}}{{/step}}</span>
+      </span>
+	  <main class="govuk-main-wrapper govuk-main-wrapper--auto-spacing" id="main-content" role="main">
+		  <div class="govuk-grid-row" id="gov-grid-row-content">
+			{{> partials-maincontent-left}}
+		  </div>
+	  </main>
+      {{> partials-continue}}
+      <script type="text/javascript" src="{{assetPath}}/js/bundle.js"></script>
+	  </div>
+  {{/main}}
+  {{$cookieMessage}}
+    {{#showCookiesBanner}}
+      {{> partials-cookie-banner}}
+    {{/showCookiesBanner}}
+  {{/cookieMessage}}
+  {{$footerSupportLinks}}
+    <ul class="govuk-footer__inline-list">
+      {{#footerSupportLinks}}
+        <li class="govuk-footer__inline-list-item"><a class="govuk-footer__link" href="{{path}}">{{#t}}{{property}}{{/t}}</a></li>
+      {{/footerSupportLinks}}
+      {{^footerSupportLinks}}
+        <li class="govuk-footer__inline-list-item"><a class="govuk-footer__link" href="/cookies">{{#t}}base.cookies{{/t}}</a></li>
+        <li class="govuk-footer__inline-list-item"><a  class="govuk-footer__link" href="/terms-and-conditions">{{#t}}base.terms{{/t}}</a></li>
+        <li class="govuk-footer__inline-list-item"><a  class="govuk-footer__link" href="/accessibility">{{#t}}base.accessibility{{/t}}</a></li>
+      {{/footerSupportLinks}}
+    </ul>
+  {{/footerSupportLinks}}
+  {{$bodyEnd}}
+    {{> partials-gatag}}
+  {{/bodyEnd}}
+{{/govuk-template}}

package/package/frontend/template-partials/views/partials/analytics-table.html

@@ -0,0 +1,25 @@
+<table class="govuk-table">
+  <thead class="govuk-table__head">
+    <tr class="govuk-table__row">
+      {{#headers}}
+        <th scope="col" class="govuk-table__header app-custom-class">{{.}}</th>
+      {{/headers}}
+    </tr>
+  </thead>
+  <tbody class="govuk-table__body"> 
+    {{#rows}}
+      <tr class="govuk-table__row">
+        {{#.}}
+          <td  class="govuk-table__cell">{{.}}</td>
+        {{/.}}
+      </tr>
+    {{/rows}}
+      <tr class="govuk-table__row">
+        {{#gaContainerId}}
+          <td>_ga_{{gaContainerId}}</td>
+          <td>{{containerIdPurpose}}</td>
+          <td>{{containerIdExpires}}</td>
+        {{/gaContainerId}}
+      </tr>
+  </tbody>
+</table>

package/package/frontend/template-partials/views/partials/back.html

@@ -0,0 +1,5 @@
+{{$back}}
+  {{#backLink}}
+    <a class="govuk-back-link" href="{{#url}}{{backLink}}{{/url}}">{{#t}}buttons.back{{/t}}</a>
+  {{/backLink}}
+{{/back}}

package/package/frontend/template-partials/views/partials/bullet-list.html

@@ -0,0 +1,7 @@
+<ul class="govuk-list govuk-list--bullet">
+  {{#items}}
+    <li>
+      {{.}}
+    </li>
+  {{/items}}
+</ul>

package/package/frontend/template-partials/views/partials/confirmation-alert.html

@@ -0,0 +1,6 @@
+<div class="govuk-panel govuk-panel--confirmation" role="alert">
+  <h1 govuk-panel__title>{{#t}}journey.confirmation.message{{/t}}</h1>
+  <div class="govuk-panel__body">
+    {{#t}}journey.confirmation.details{{/t}}
+  </div>
+</div>

package/package/frontend/template-partials/views/partials/continue.html

@@ -0,0 +1,5 @@
+{{$continue}}
+    {{#continueLink}}
+        <a class="govuk-button" href="{{#url}}{{continueLink}}{{/url}}">{{#t}}buttons.continue{{/t}}</a>
+    {{/continueLink}}
+{{/continue}}

package/package/frontend/template-partials/views/partials/cookie-banner.html

@@ -0,0 +1,29 @@
+<div id="cookie-banner"  class="govuk-cookie-banner gem-c-cookie-banner govuk-clearfix">
+	<div class="gem-c-cookie-banner__message govuk-cookie-banner__message govuk-width-container">
+		<div id="cookie-banner-info" class="govuk-grid-row">
+			<div class="govuk-grid-column-two-thirds">
+				<h2 class="govuk-cookie-banner__heading govuk-heading-m">Cookies on {{#appName}}{{appName}}{{/appName}}{{^appName}}this service{{/appName}}</h2>
+				<div class="govuk-cookie-banner__content">
+					<p class="govuk-body">We use some essential cookies to make this website work.</p>
+					<p class="govuk-body">We'd like to set additional cookies to understand how you use GOV.UK, remember your settings and improve government services.</p>
+					<p class="govuk-body">We also use cookies set by other sites to help us deliver content from their services.</p>
+				</div>
+			</div>
+		</div>
+		<div id="cookie-banner-actions" class="govuk-button-group">         
+				<button id="accept-cookies-button" class="gem-c-button govuk-button" type="submit" data-module="gem-track-click" data-accept-cookies="true" data-track-category="cookieBanner" data-track-action="Cookie banner accepted" data-cookie-types="all">Accept additional cookies</button>
+	
+				<button id="reject-cookies-button" class="gem-c-button govuk-button" type="submit" data-module="gem-track-click" data-reject-cookies="true" data-track-category="cookieBanner" data-track-action="Cookie banner rejected">Reject additional cookies</button>
+
+				<a class="govuk-link" href="/cookies">View cookies</a>
+		</div>
+	</div>
+	<div class="gem-c-cookie-banner__confirmation govuk-width-container" hidden=""  id="cookie-banner-submitted" >
+		<p class="gem-c-cookie-banner__confirmation-message" role="alert">
+      Your cookie preferences have been saved. You can <a class="govuk-link" data-module="gem-track-click" data-track-category="cookieBanner" data-track-action="Cookie banner settings clicked from confirmation" href="/cookies">change your cookie settings</a> at any time.
+    </p>
+		<div class="govuk-button-group">
+			<button   class="gem-c-cookie-banner__hide-button govuk-button"  id="hide-cookie-banner">Hide this message</button>
+		</div>
+	</div>
+</div>

package/package/frontend/template-partials/views/partials/cookie-notification.html

@@ -0,0 +1,4 @@
+<div id="cookie-notification" tabindex="-1">
+  <h1 class="heading-medium">Your cookie settings were saved</h1>
+  <p>Government services may set additional cookies and, if so, will have their own cookie policy and banner.</p>
+</div>

package/package/frontend/template-partials/views/partials/cookie-settings-button.html

@@ -0,0 +1 @@
+<button class="button" type="submit" id="save-cookie-settings" aria-label="Save changes to cookie preferences">Save changes</button>

package/package/frontend/template-partials/views/partials/cookie-settings-radio.html

@@ -0,0 +1,8 @@
+<div class="govuk-radios__item">
+  <input class="govuk-radios__input" id="radio-1" type="radio" name="radio-group" value="Use cookies that measure my website use">
+  <label class="govuk-label govuk-radios__label" for="radio-1">Use cookies that measure my website use</label>
+</div>
+<div class="govuk-radios__item">
+  <input class="govuk-radios__input"  id="radio-2" type="radio" name="radio-group" value="Do not use cookies that measure my website use">
+  <label class="govuk-label govuk-radios__label" for="radio-2">Do not use cookies that measure my website use</label>
+</div>

package/package/frontend/template-partials/views/partials/details-summary.html

@@ -0,0 +1,8 @@
+<details>
+  <summary role="button">
+    <span class="summary">{{summary}}</span>
+  </summary>
+  <div class="panel-indent">
+    {{details}}
+  </div>
+</details>

package/package/frontend/template-partials/views/partials/external-link.html

@@ -0,0 +1 @@
+<p class="govuk-body">{{before}}<a class="govuk-link" href="{{href}}" rel="external">{{link}}</a>{{after}}</p>

package/package/frontend/template-partials/views/partials/form.html

@@ -0,0 +1,10 @@
+<form action="" method="POST" {{$encoding}}{{/encoding}} autocomplete="off" novalidate="true" spellcheck="false">
+  {{$intro}}
+    {{#intro}}<p>{{intro}}</p>{{/intro}}
+  {{/intro}}
+
+  {{$form}}{{/form}}
+  {{#csrf-token}}
+    <input type="hidden" name="x-csrf-token" value="{{csrf-token}}" />
+  {{/csrf-token}}
+</form>

package/package/frontend/template-partials/views/partials/gatag.html

@@ -0,0 +1,60 @@
+<!-- For old Universal Google Analytics Property Tags -->
+{{#gaTagId}}
+    <script{{#nonce}} nonce="{{nonce}}"{{/nonce}}>
+      var preferences = JSON.parse(GOVUK.cookie('cookie_preferences'));
+
+      if (preferences !== null && preferences.usage === true) {
+        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+        ga('create', '{{gaTagId}}', 'auto');
+
+        {{#gaCrossDomainTrackingTagId}}
+          ga('create', '{{gaCrossDomainTrackingTagId}}', 'auto', 'govuk_shared', { 'allowLinker': true });
+          ga('govuk_shared.require', 'linker');
+          ga('govuk_shared.set', 'anonymizeIp', true);
+          ga('govuk_shared.set', 'allowAdFeatures', false);
+          ga('govuk_shared.linker:autoLink', ['www.gov.uk', 'www.nationalarchives.gov.uk', 'www.eforms.homeoffice.gov.uk']);
+        {{/gaCrossDomainTrackingTagId}}
+
+        var path = document.location.href;
+        var regex = /f_t=([\s\S]*?)?(&|$)/;
+
+        if (path.match(regex) && path.match(regex).length > 0) {
+          var matchedSubstring = path.match(regex)[1];
+          var redactedPath = path.replace(matchedSubstring, '[reference]');
+          ga('set', 'location', redactedPath);
+        }
+
+        ga('send', 'pageview');
+
+        {{#gaCrossDomainTrackingTagId}}
+          ga('govuk_shared.send', 'pageview')
+        {{/gaCrossDomainTrackingTagId}}
+      }
+    </script>
+{{/gaTagId}}
+
+<!-- For new Google Analytics 4 Property Tags -->
+{{#ga4TagId}}
+  <!-- Global site tag (gtag.js) - Google Analytics -->
+  <script async {{#nonce}} nonce="{{nonce}}"{{/nonce}} src="https://www.googletagmanager.com/gtag/js?id={{ga4TagId}}"></script>
+  <script {{#nonce}} nonce="{{nonce}}"{{/nonce}}>
+    var preferences = JSON.parse(GOVUK.cookie('cookie_preferences'));
+
+    if (preferences !== null && preferences.usage === true) {
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+
+      {{^gaAllowDebug}}
+        gtag('config', '{{ga4TagId}}');
+      {{/gaAllowDebug}}
+      {{#gaAllowDebug}}
+        gtag('config', '{{ga4TagId}}', { 'debug_mode': true } );
+      {{/gaAllowDebug}}
+    }
+  </script>
+{{/ga4TagId}}

package/package/frontend/template-partials/views/partials/head.html

@@ -0,0 +1,31 @@
+{{#gtmTagId}}
+{{#cookiesAccepted}}
+<!-- Google Tag Manager Data Layer  -->
+<script {{#nonce}}nonce="{{nonce}}"{{/nonce}}>
+  var dataLayer = window.dataLayer || [];
+  dataLayer.push(
+    {{{gtmConfig}}}
+  );
+</script>
+<!-- End Google Tag Manager Data Layer  -->
+
+<!-- Google Tag Manager -->
+<script {{#nonce}}nonce="{{nonce}}"{{/nonce}}>
+  (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+  })(window,document,'script','dataLayer','{{gtmTagId}}');
+</script>
+<!-- End Google Tag Manager -->
+{{/cookiesAccepted}}
+{{/gtmTagId}}
+
+{{#deIndex}}
+  <meta name="robots" content="noindex">
+{{/deIndex}}
+<meta name="format-detection" content="telephone=no">
+<noscript>
+  <meta http-equiv="refresh" content="{{sessionTimeOut}};url='{{baseUrl}}/session-timeout'"/>
+</noscript>
+<link rel="stylesheet" href="{{assetPath}}/css/app.css">

package/package/frontend/template-partials/views/partials/heading.html

@@ -0,0 +1,11 @@
+{{$journeyHeader}}
+  {{> partials-validation-summary}}
+{{/journeyHeader}}
+
+{{$validationSummary}}
+  {{> partials-validation-summary}}
+{{/validationSummary}}
+
+{{$propositionHeader}}
+  {{> partials-navigation}}
+{{/propositionHeader}}