Consolidate options form components

app/components/school_options_form_component.html.erb → app/components/options_form_component.html.erb

@@ -1,7 +1,7 @@
-<% if schools.present? %>
+<% if records.present? %>
   <%= form_with(
     model:,
-    scope: :school,
+    scope:,
     url:,
     method: "get",
     data: { turbo: false },
@@ -11,29 +11,29 @@
     <%= f.hidden_field :search_param, value: search_param %>
 
     <h1 class="govuk-heading-l govuk-!-margin-bottom-0">
-      <span class="govuk-caption-l"><%= t(".add_organisation") %></span>
+      <span class="govuk-caption-l"><%= title %></span>
     </h1>
 
     <%= f.govuk_radio_buttons_fieldset(
-      :id,
-      scope: :school,
+      input_field_name,
+      scope:,
       legend: {
         text: t(
           ".legend",
-          school_count: schools.count,
+          results_count: records.count,
           search_param:,
         ),
         size: "l",
       },
       hint: { text: form_description },
     ) do %>
 
-      <% schools.first(OPTIONS_PER_PAGE).each do |school| %>
-        <%= f.govuk_radio_button :id,
-          school.id,
-          label: { text: school.name },
+      <% records.first(OPTIONS_PER_PAGE).each do |record| %>
+        <%= f.govuk_radio_button input_field_name,
+          record.id,
+          label: { text: record.name },
           link_errors: true,
-          hint: { text: school.town_and_postcode } %>
+          hint: { text: record.town_and_postcode } %>
       <% end %>
     <% end %>
 

app/components/options_form_component.rb

@@ -0,0 +1,57 @@
+class OptionsFormComponent < ApplicationComponent
+  OPTIONS_PER_PAGE = 15
+
+  attr_reader :model, :url, :search_param, :records, :records_klass,
+              :back_link, :scope, :input_field_name, :title
+
+  def initialize(
+    model:,
+    url:,
+    search_param:,
+    records:,
+    records_klass:,
+    back_link:,
+    scope:,
+    input_field_name: :id,
+    title: I18n.t("components.options_form_component.add_organisation"),
+    classes: [],
+    html_attributes: {}
+  )
+    super(classes:, html_attributes:)
+
+    @model = model
+    @url = url
+    @search_param = search_param
+    @records = records
+    @records_klass = records_klass.to_s.downcase
+    @back_link = back_link
+    @scope = scope
+    @input_field_name = input_field_name
+    @title = title
+  end
+
+  def form_description
+    if records.count > OPTIONS_PER_PAGE
+      t(
+        "components.options_form_component.paginated_form_description_html",
+        results_count: OPTIONS_PER_PAGE,
+        klass: records_klass,
+        link_to: govuk_link_to(
+          t("components.options_form_component.narrow_your_search"),
+          back_link,
+          no_visited_state: true,
+        ),
+      )
+    else
+      t(
+        "components.options_form_component.form_description_html",
+        klass: records_klass,
+        link_to: govuk_link_to(
+          t("components.options_form_component.change_your_search"),
+          back_link,
+          no_visited_state: true,
+        ),
+      )
+    end
+  end
+end

app/views/claims/support/schools/school_options.html.erb

@@ -4,11 +4,13 @@
 <% end %>
 
 <div class="govuk-width-container">
-  <%= render SchoolOptionsFormComponent.new(
+  <%= render OptionsFormComponent.new(
     model: school_form,
+    scope: :school,
     url: check_school_option_claims_support_schools_path,
     search_param:,
-    schools:,
+    records: schools,
+    records_klass: "school",
     back_link: new_claims_support_school_path,
   ) %>
 

app/views/placements/support/providers/provider_options.html.erb

@@ -3,11 +3,13 @@
 <% end %>
 
 <div class="govuk-width-container">
-  <%= render ProviderOptionsFormComponent.new(
+  <%= render OptionsFormComponent.new(
     model: provider_form,
+    scope: :provider,
     url: check_provider_option_placements_support_providers_path,
     search_param:,
-    providers:,
+    records: providers,
+    records_klass: "provider",
     back_link: new_placements_support_provider_path,
   ) %>
 

app/views/placements/support/schools/school_options.html.erb

@@ -3,11 +3,13 @@
 <% end %>
 
 <div class="govuk-width-container">
-  <%= render SchoolOptionsFormComponent.new(
+  <%= render OptionsFormComponent.new(
     model: school_form,
+    scope: :school,
     url: check_school_option_placements_support_schools_path,
     search_param:,
-    schools:,
+    records: schools,
+    records_klass: "school",
     back_link: new_placements_support_school_path,
   ) %>
 

config/locales/en/components/options_form_component.yml

@@ -0,0 +1,11 @@
+en:
+  components:
+    options_form_component:
+      add_organisation: Add organisation
+      continue: Continue
+      paginated_form_description_html: Showing the first %{results_count} results. %{link_to} if the %{klass} you’re looking for is not listed.
+      form_description_html: "%{link_to} if the %{klass} you’re looking for is not listed."
+      change_your_search: Change your search
+      narrow_your_search: Try narrowing down your search
+      no_results: No results found for '%{search_param}'
+      legend: "%{results_count} results found for '%{search_param}'"