From 988e49c66f07315236b1d46e7031e5999d948166 Mon Sep 17 00:00:00 2001
From: Kellie <kelliematheson@gmail.com>
Date: Tue, 5 Nov 2024 17:56:44 +0000
Subject: [PATCH] Add selected tags

---
 app/assets/stylesheets/find_application.scss |  6 +++++-
 app/views/find/result_filters/_all.html.erb  | 14 ++++++++++++++
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/find_application.scss b/app/assets/stylesheets/find_application.scss
index 1c67edfec3..9f40339891 100644
--- a/app/assets/stylesheets/find_application.scss
+++ b/app/assets/stylesheets/find_application.scss
@@ -418,7 +418,6 @@
 
 .sort-container {
   display: block;
-  margin-top: 20px;
 
   @include govuk-media-query($from: tablet) {
     display: flex;
@@ -497,3 +496,8 @@
 .secondary-button-filter {
   margin-bottom: 0;
 }
+
+.selected-tags {
+  border-bottom: 1px solid #b1b4b6;
+  margin-bottom: 20px;
+}
diff --git a/app/views/find/result_filters/_all.html.erb b/app/views/find/result_filters/_all.html.erb
index 13d7137e01..a8e49baadb 100644
--- a/app/views/find/result_filters/_all.html.erb
+++ b/app/views/find/result_filters/_all.html.erb
@@ -1,9 +1,23 @@
 <%= form_with url: find_results_path, skip_enforcing_utf8: true, class: "app-filter", id: "result-filters", method: :get do |form| %>
   <div class="app-filter__header">
     <h2 class="govuk-heading-m">Filters</h2>
+
   </div>
 
   <div class="app-filter__content">
+
+  <div class="selected-tags">
+    <h3 class="govuk-heading-s govuk-!-margin-bottom-0">Study type</h3>
+    <ul class="moj-filter-tags">
+      <li><a class="moj-filter__tag" href="/path/to/remove/this"><span class="govuk-visually-hidden">Remove this filter</span> Full time (12 months)</a></li>
+      <li><a class="moj-filter__tag" href="/path/to/remove/this"><span class="govuk-visually-hidden">Remove this filter</span> Part time (18 to 24 months)</a></li>
+    </ul>
+    <h3 class="govuk-heading-s govuk-!-margin-bottom-0">Qualifications</h3>
+    <ul class="moj-filter-tags">
+      <li><a class="moj-filter__tag" href="/path/to/remove/this"><span class="govuk-visually-hidden">Remove this filter</span> QTS only</a></li>
+    </ul>
+  </div>
+
   <%= form.submit "Apply filters", name: nil, class: "govuk-button", data: { qa: "apply-filters" } %>
     <% if @filters_view.show_undergraduate_courses? %>
       <%= render "find/result_filters/send_filter", form: %>