Improve navigation - Add browsing accordion

DFE-Digital · Feb 5, 2025 · 884a2c0 · 884a2c0
1 parent cc5464a
commit 884a2c0
Show file tree

Hide file tree

Showing 2 changed files with 50 additions and 0 deletions.
diff --git a/app/assets/stylesheets/components/_accordion.scss b/app/assets/stylesheets/components/_accordion.scss
@@ -54,3 +54,7 @@ body:not(.js-enabled) {
   border-left: govuk-spacing(1) solid govuk-colour("orange");
   background-color: govuk-colour("light-grey");
 }
+
+.accordion-no-margin-bottom {
+  margin-bottom: 0px;
+}
diff --git a/app/views/find/search/locations/_form.html.erb b/app/views/find/search/locations/_form.html.erb
@@ -136,6 +136,52 @@
       </div>
     </div>
   </div>
+
+  <div class="govuk-width-container">
+    <div class="govuk-grid-row govuk-!-margin-top-8">
+      <div class="govuk-grid-column-full">
+        <%= govuk_accordion(html_attributes: { class: "accordion-without-controls accordion-no-margin-bottom" }) do |accordion| %>
+          <%= accordion.with_section(heading_text: content_tag(:h3, "Teacher degree apprenticeships (TDA)", class: "govuk-heading-m")) do %>
+            <p class="govuk-body"> Teach primary or secondary if you do not have a degree and are not studying for one. </p>
+            <p class="govuk-body"><%= govuk_link_to("Browse teacher degree apprenticeship courses.", find_root_path) %></p>
+            <p class="govuk-body">Learn about <%= govuk_link_to("teacher degree apprenticeships.", t("find.get_into_teaching.url_tda")) %></p>
+          <% end %>
+        <% end %>
+      </div>
+    </div>
+
+    <div class="govuk-grid-row">
+      <div class="govuk-grid-column-full">
+        <%= govuk_accordion(html_attributes: { class: "accordion-without-controls accordion-no-margin-bottom" }) do |accordion| %>
+          <%= accordion.with_section(heading_text: content_tag(:h3, "Special educational needs and disabilities (SEND)", class: "govuk-heading-m")) do %>
+            <p class="govuk-body">All initial teacher training courses cover teaching pupils with SEND, but some courses have a SEND specialism.</p>
+            <p class="govuk-body"><%= govuk_link_to("Browse primary courses with a SEND specialism.", find_root_path) %></p>
+            <p class="govuk-body"><%= govuk_link_to("Browse secondary courses with a SEND specialism.", find_root_path) %></p>
+            <p class="govuk-body">Learn about <%= govuk_link_to("teaching pupils with special educational needs and disabilities.", t("find.get_into_teaching.url_tda")) %></p>
+          <% end %>
+        <% end %>
+      </div>
+    </div>
+
+    <div class="govuk-grid-row">
+      <div class="govuk-grid-column-full">
+        <%= govuk_accordion(html_attributes: { class: "accordion-without-controls accordion-no-margin-bottom" }) do |accordion| %>
+          <%= accordion.with_section(heading_text: content_tag(:h3, "Teaching other stages", class: "govuk-heading-m")) do %>
+            <h4 class="govuk-heading-s">Nursery or pre-school</h4>
+
+            <p class="govuk-body">Help young children under 5 years old to develop by becoming an early years teacher.</p>
+            <p class="govuk-body">Learn about <%= govuk_link_to("the routes to become an early years teacher.", t("find.get_into_teaching.url_tda")) %></p>
+
+            <h4 class="govuk-heading-s">Further education</h4>
+
+            <p class="govuk-body">Teach young people and adults over 16 who are not studying for a degree.</p>
+            <p class="govuk-body"><%= govuk_link_to("Browse further education courses.", find_root_path) %></p>
+            <p class="govuk-body">Learn about <%= govuk_link_to("teaching in further education.", t("find.get_into_teaching.url_tda")) %></p>
+          <% end %>
+        <% end %>
+      </div>
+    </div>
+  </div>
 <% end %>
 
 <div class="govuk-grid-row">