From 1d3b5909737241789a40e8889bfdba73b704f8f7 Mon Sep 17 00:00:00 2001
From: christopher-semmens <christopher.semmens@kinandcarta.com>
Date: Tue, 6 Feb 2024 15:03:48 +0000
Subject: [PATCH] feat: add advice notes component

---
 packages/forms-web-app/src/config.js          |  2 +
 .../src/pages/detailed-information/view.njk   | 81 +++++++++++--------
 2 files changed, 49 insertions(+), 34 deletions(-)

diff --git a/packages/forms-web-app/src/config.js b/packages/forms-web-app/src/config.js
index cc4c29e83..fdd0f63ad 100644
--- a/packages/forms-web-app/src/config.js
+++ b/packages/forms-web-app/src/config.js
@@ -87,6 +87,8 @@ module.exports = {
 			'https://infrastructure.planninginspectorate.gov.uk/legislation-and-advice/advice-notes/'
 	},
 	govUK: {
+		adviceNotes:
+			'https://www.gov.uk/government/collections/national-infrastructure-planning-advice-notes',
 		administrativeCourtURL: 'https://www.gov.uk/courts-tribunals/administrative-court',
 		furtherInformationURL: 'https://www.gov.uk/government/organisations/planning-inspectorate'
 	},
diff --git a/packages/forms-web-app/src/pages/detailed-information/view.njk b/packages/forms-web-app/src/pages/detailed-information/view.njk
index 0b9ba7242..a53dc22c0 100644
--- a/packages/forms-web-app/src/pages/detailed-information/view.njk
+++ b/packages/forms-web-app/src/pages/detailed-information/view.njk
@@ -4,39 +4,52 @@
 {% set mainClasses = "pins-modded-no-padding" %}
 
 {% block content %}
-    <div class="masthead masthead--full-width masthead--bg-teal">
-        <div class="masthead__content">
-            <h1 class="govuk-heading-xl masthead__title">{{ pageHeading }}</h1>
-            <div class="govuk-grid-row">
-                <div class="govuk-grid-column-two-thirds">
-                    <p class="masthead__text">
-                        Find further legislation and guidance resources. Information on this page may be useful for those applying to use the service and the general public. 
-                    </p>
-                </div>
-            </div>
-        </div>
-    </div>
-    
-    <div class="full-width-line full-width-line--bg-blue"></div>
+	<div class="masthead masthead--full-width masthead--bg-teal">
+		<div class="masthead__content">
+			<h1 class="govuk-heading-xl masthead__title">
+				{{ pageHeading }}
+			</h1>
 
-    <section class="page-section full-width-section full-width-section--bg-lightgrey">
-        <div class="page-section__content">
-            <div class="govuk-grid-row">
-                    <div class="govuk-grid-column-one-third">
-                    {{ chevronCard(
-                            'See the process', 
-                            detailedInformationUrls.processGuide,
-                            'View the stages an application goes through, from start to finish.'
-                        ) }}
-                    </div>
-                <div class="govuk-grid-column-one-third">
-                    {{ chevronCard(
-                        'How to have your say on a project',
-                        detailedInformationUrls.haveYourSayGuide,
-                        'Find out everything you need to know about sharing your views on a project.'
-                    ) }}
-                </div>
-            </div>
-        </div>
-    </section>
+			<div class="govuk-grid-row">
+				<div class="govuk-grid-column-two-thirds">
+					<p class="masthead__text">
+						Find further legislation and guidance resources.
+						Information on this page may be useful for those applying to use the service and the general public.
+					</p>
+				</div>
+			</div>
+		</div>
+	</div>
+
+	<div class="full-width-line full-width-line--bg-blue"></div>
+
+	<section class="page-section full-width-section full-width-section--bg-lightgrey">
+		<div class="page-section__content">
+			<div class="govuk-grid-row">
+				<div class="govuk-grid-column-one-third">
+					{{ chevronCard(
+						'See the process',
+						detailedInformationUrls.processGuide,
+						'View the stages an application goes through, from start to finish.'
+					) }}
+				</div>
+
+				<div class="govuk-grid-column-one-third">
+					{{ chevronCard(
+						'How to have your say on a project',
+						detailedInformationUrls.haveYourSayGuide,
+						'Find out everything you need to know about sharing your views on a project.'
+					) }}
+				</div>
+
+				<div class="govuk-grid-column-one-third">
+					{{ chevronCard(
+						'See advice notes',
+						govUK.adviceNotes,
+						'The Planning Inspectorate has a series of advice notes covering a range of process details.'
+					) }}
+				</div>
+			</div>
+		</div>
+	</section>
 {% endblock %}
\ No newline at end of file