Results box component - Routes Wizard

app/components/content/results_box_component.html.erb

@@ -0,0 +1,33 @@
+<div class="results-box-component">
+  <% if title %>
+    <div class="results-box__title">
+      <%= title %>
+    </div>
+  <% end %>
+  <section class="results-box results-box--<%= border_color %>">
+    <h2 class="results-box__heading">
+      <%= heading %>
+    </h2>
+    <div class="results-box__course-info-container results-box__text">
+      <div class="results-box__info-row">
+        <div class="results-box__label">Course fee</div>
+        <div class="results-box__value"><%= fee %></div>
+      </div>
+      <hr>
+      <div class="results-box__info-row">
+        <div class="results-box__label">Course length </div>
+        <div class="results-box__value"><%= course_length %></div>
+      </div>
+      <hr>
+      <div class="results-box__info-row">
+        <div class="results-box__label">Funding </div>
+        <div class="results-box__value"><%= funding %></div>
+      </div>
+      <hr>
+    </div>
+    <div class="results-box__text results-box__full-width-text"><%= text %></div>
+    <div class="results-box__cta">
+      <%= render Content::LinkAsButtonComponent.new(link_text: @link_text, href: @link_target) %>
+    </div>
+  </section>
+</div>

app/components/content/results_box_component.rb

@@ -0,0 +1,21 @@
+module Content
+  class ResultsBoxComponent < ViewComponent::Base
+    attr_reader :title, :heading, :fee, :course_length, :funding, :text, :link_text, :link_target, :border_color
+
+    include ContentHelper
+
+    def initialize(heading:, fee:, course_length:, funding:, text:, link_text:, link_target:, title: nil, border_color: :grey)
+      super
+
+      @title = substitute_values(title)
+      @heading = substitute_values(heading)
+      @fee = substitute_values(fee)
+      @course_length = substitute_values(course_length)
+      @funding = substitute_values(funding)
+      @text = substitute_values(text)
+      @link_text = link_text
+      @link_target = link_target
+      @border_color = border_color
+    end
+  end
+end

app/views/content/funding-and-support/if-youre-a-parent-or-carer.md

@@ -9,8 +9,9 @@ related_content:
     Tuition fee and maintenance loans: "/funding-and-support/tuition-fee-and-maintenance-loans"
     Bursaries and scholarships: "/funding-and-support/scholarships-and-bursaries"
     Explore life as a teacher: "/life-as-a-teacher"
-promo_content:
-    - content/funding-and-support/promos/get-adviser-support-promo
+cta_adviser:
+  adviser:
+    text: "An adviser with years of teaching experience can help you understand what support you could get during your training. Chat by phone, text or email, as little or as often as you need."
 navigation: 20.30
 navigation_title: Funding and support if you're a parent or carer
 navigation_description: Find out what extra grants and schemes are available if you have children or other caring responsibilities.
@@ -105,3 +106,5 @@ To be eligible, you need to:
 * have a household income of less than $finance_adultdependantsgrant_income$
 
 [Find out more about the Adult Dependants’ Grants and how to apply](https://www.gov.uk/adult-dependants-grant).
+
+$adviser$

app/views/content/funding-and-support/if-youre-a-veteran.md

@@ -7,8 +7,9 @@ description: |-
 related_content:
     Explore life as a teacher: "/life-as-a-teacher"
     Teach in further education without a degree: "https://www.teach-in-further-education.campaign.gov.uk/"
-promo_content:
-    - content/funding-and-support/promos/get-adviser-veterans-promo
+cta_adviser:
+  adviser:
+    text: "You can get dedicated guidance and support with your journey into teacher training from one of our veteran teacher training advisers. Chat by phone, text or email, as little or as often as you need."
 navigation: 20.35
 navigation_title: Funding and support if you're a veteran
 navigation_description: Find out how to get support training to teach if you're a veteran transitioning from or you've already left the armed forces.
@@ -76,3 +77,5 @@ You’ll need different qualifications depending on [who you want to teach](/lif
 If you’re unsure about whether your qualifications achieved through military service meet the standard required, talk to your course provider, or a [teacher training adviser](/teacher-training-advisers).
 
 You may also be able to do a top up degree to boost your qualifications to meet the standard required. Talk to your teacher training adviser and course provider to find out about your options.
+
+$adviser$

app/views/content/funding-and-support/if-youre-disabled.md

@@ -7,8 +7,9 @@ description: |-
 related_content:
     Explore the benefits of teaching: "/life-as-a-teacher/pay-and-benefits"
     Age groups you could teach: "/life-as-a-teacher/age-groups-and-specialisms/age-groups-you-could-teach"
-promo_content:
-    - content/funding-and-support/promos/get-adviser-support-promo
+cta_adviser:
+  adviser:
+    text: "An adviser with years of teaching experience can help you understand what support you could get during your training. Chat by phone, text or email, as little or as often as you need."
 navigation: 20.25
 navigation_title: Funding and support if you're disabled
 navigation_description: Find out about the support you can get while training to teach if you're disabled.
@@ -81,3 +82,5 @@ Providers must not discriminate against you. They cannot:
 Anyone who’s offered a place on a teacher training course is asked to complete a fitness questionnaire before starting training. Training providers should only ask relevant questions to make sure you’re able to teach.
 
 Find out more about [your rights under the Equality Act 2010](https://www.equalityhumanrights.com/equality/equality-act-2010/your-rights-under-equality-act-2010) and how it protects different characteristics.
+
+$adviser$

app/views/content/funding-and-support/salaried-teacher-training.md

@@ -8,8 +8,9 @@ related_content:
     If you've worked as an unqualified teacher: "/train-to-be-a-teacher/assessment-only-route-to-qts"
 external_content:
     - content/train-to-be-a-teacher/promos/find-your-course
-promo_content:
-    - content/funding-and-support/promos/get-adviser-funding-promo
+cta_adviser:
+  adviser:
+    text: "An adviser with years of teaching experience can answer all your questions about salaried teacher training. Chat by phone, text or email, as little or as often as you need."
 navigation: 20.20
 navigation_description: Find out about School Direct salaried courses, postgraduate teaching apprenticeships and training delivered by Teach First.
 keywords:
@@ -103,3 +104,5 @@ It’s usually wise to apply for non-salaried courses as well to increase your c
 Teach First delivers a 2 year employment-based route to teaching for high performing graduates and career changers. You’ll earn a salary while working towards QTS with a PGCE. 
 
 To apply and find out more, you should [visit the Teach First website](https://www.teachfirst.org.uk/).
+
+$adviser$

app/views/content/funding-and-support/scholarships-and-bursaries.md

@@ -9,8 +9,9 @@ related_content:
     Teacher pay: "/life-as-a-teacher/pay-and-benefits/teacher-pay"
 external_content:
     - content/train-to-be-a-teacher/promos/find-your-course
-promo_content:
-    - content/funding-and-support/promos/get-adviser-funding-promo
+cta_adviser:
+  adviser:
+    text: "An adviser with years of teaching experience can answer all your questions about scholarships and bursaries. Chat by phone, text or email, as little or as often as you need."
 navigation: 20.15
 navigation_title: Bursaries and scholarships
 navigation_description: Find out if you're eligible for extra funding depending on the subject you're training to teach.
@@ -111,3 +112,5 @@ Find out more about the [subjects you could teach](/life-as-a-teacher/explore-su
 If you're not eligible for a bursary or scholarship, there may be other funding options available, such as [tuition fees and maintenance loans](/funding-and-support/tuition-fees).
 
 For advice on funding, you can speak to a [teacher training adviser](/teacher-training-advisers). They can help you work out what support you could be eligible for.
+
+$adviser$

app/views/content/funding-and-support/tuition-fee-and-maintenance-loans.md

@@ -8,8 +8,9 @@ related_content:
     Age groups you could teach: "/life-as-a-teacher/age-groups-and-specialisms/age-groups-you-could-teach"
     Improve your subject knowledge: "/how-to-apply-for-teacher-training/subject-knowledge-enhancement"
     Teacher pay : "/life-as-a-teacher/pay-and-benefits/teacher-pay"
-promo_content:
-    - content/funding-and-support/promos/get-adviser-funding-promo
+cta_adviser:
+  adviser:
+    text: "An adviser with years of teaching experience can answer all your questions about student finance. Chat by phone, text or email, as little or as often as you need."
 calls_to_action:
     student-finance-calculator:
       name: simple
@@ -115,3 +116,5 @@ Find out about student finance in the Channel Islands and the Isle of Man:
 * [student finance guidance from the Government of Jersey](https://www.gov.je/Working/Careers/16To19YearOlds/EnteringHigherEducation/FinancingHigherEducationCourses/FundingDegreeProfessionalQualifications/Pages/index.aspx)
 * [student finance guidance from the States of Guernsey](https://www.gov.gg/article/152744/Policies)
 * [student awards guidance from the Isle of Man Government website](https://www.gov.im/student-grants)
+
+$adviser$

app/views/content/funding-and-support/tuition-fees.md

@@ -10,8 +10,9 @@ related_content:
     Salaried teacher training: "/funding-and-support/salaried-teacher-training"
 external_content:
     - content/train-to-be-a-teacher/promos/find-your-course
-promo_content:
-    - content/funding-and-support/promos/get-adviser-funding-promo
+cta_adviser:
+  adviser:
+    text: "An adviser with years of teaching experience can answer all your questions about tuition fees. Chat by phone, text or email, as little or as often as you need."
 navigation: 20.10
 navigation_description: Find out the cost of postgraduate teacher training courses with tuition fees.
 keywords:
@@ -55,3 +56,5 @@ $postgraduate-fees$
 
 ## Additional costs
 You’ll also need to be able to cover your living costs and any travel expenses if you need to travel to school placements. Find out about [student finance for teacher training](/funding-and-support/tuition-fee-and-maintenance-loans).
+
+$adviser$

app/views/routes_into_teaching/steps/completed.html.erb

@@ -1,5 +1,23 @@
 <h2>You told us that you:</h2>
-
 <p>You can <%= link_to "change your answers", routes_into_teaching_steps_path %> if you need to.</p>
-
 <%= session[:routes_into_teaching].inspect %>
+<%= render Content::ResultsBoxComponent.new(
+  title: "Most popular route",
+  heading: "Postgraduate Initial Teacher Training with fees",
+  fee: "Yes",
+  course_length: "9 months (full-time) or up to 2 years (part-time)",
+  funding: "Scholarships or bursaries, as well as student loans, are available if you're eligible",
+  text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.",
+  link_text: "Find out more",
+  link_target: "/steps-to-become-a-teacher",
+  border_color: :yellow,
+) %>
+<%= render Content::ResultsBoxComponent.new(
+  heading: "Postgraduate Initial Teacher Training with fees",
+  fee: "Yes",
+  course_length: "9 months (full-time) or up to 2 years (part-time)",
+  funding: "Scholarships or bursaries, as well as student loans, are available if you're eligible",
+  text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.",
+  link_text: "Find out more",
+  link_target: "/steps-to-become-a-teacher",
+) %>

app/webpacker/styles/components/results-box.scss

@@ -0,0 +1,100 @@
+.results-box {
+    background: $white;
+    color: $white;
+
+    &--yellow {
+      border: 2px solid $yellow;
+    }
+
+		&--grey {
+      border: 2px solid $grey
+    }
+
+    &__background {
+      display: none;
+      padding: 1em;
+    }
+
+    &__title {
+        background: $yellow;
+        color: $black; 
+				font-weight: bolder;
+        display: inline-block; 
+        padding: 0.25em 0.5em;
+      }
+
+    &__heading {
+      @include font-size("small");
+      color: $black;
+      background-color: $white;
+      line-height: 1.25em;
+      max-width: 80%;
+    }
+
+    &__text {
+			@include font-size("small");
+      color: $black;
+      background-color: $white;
+    }
+
+		&__course-info-container {
+			margin-top: 2.5rem;
+		}
+
+		&__info-row {
+			display: flex;
+			justify-content: flex-start; 
+			align-items: flex-start; 
+		}
+
+		&__label {
+    flex: 1; 
+    text-align: left;
+    font-weight: bold;
+  	}
+
+  	&__value {
+    flex: 2; 
+    text-align: left;
+ 		}
+
+		hr {
+			margin-top: 0.7em;
+			margin-bottom: 0.5em;
+		}
+
+		&__full-width-text {
+			padding: 1rem 0;
+			text-align: left;
+			margin-top: 1em;
+			margin-bottom: 1em;
+		}
+
+		&__cta {
+			margin-top: 1rem;
+			margin-bottom: 1rem;
+		}
+
+    &__heading,
+    &__text,
+    &__cta {
+      margin-inline: 2rem;
+    }
+
+		@include mq($from: mobile, $until: tablet) {
+			.results-box__info-row {
+				flex-direction: column;
+				align-items: flex-start; 
+			}
+
+			.results-box__label,
+			.results-box__value {
+				flex: none; 
+				width: 100%; 
+			}
+
+			.results-box__label {
+				margin-bottom: 0.25rem; 
+			}
+    }
+}

app/webpacker/styles/git.scss

@@ -66,6 +66,7 @@
 @import "./components/mailing-list";
 @import "./components/purple-box";
 @import "./components/feedback";
+@import "./components/results-box";
 
 @import "./campaigns/numbered-headings";