correctly looking table

app/helpers/tab_nav_helper.rb

@@ -6,6 +6,11 @@ module TabNavHelper
     [govuk_link_to(link_text, user), "<span class=\"govuk-visually-hidden\">User </span><span class=\"govuk-!-font-weight-regular app-!-colour-muted\">#{user.email}</span>"].join("\n")
   end
 
+  def location_cell(location)
+    link_text = location.postcode
+    [govuk_link_to(link_text, "locations"), "<span class=\"govuk-visually-hidden\">Location </span><span class=\"govuk-!-font-weight-regular app-!-colour-muted\">#{location.scheme.service_name}</span>"].join("\n")
+  end
+
   def scheme_cell(scheme)
     link_text = scheme.service_name
     [govuk_link_to(link_text, scheme), "<span class=\"govuk-visually-hidden\">Scheme </span><span class=\"govuk-!-font-weight-regular app-!-colour-muted\">#{scheme.primary_client_group}</span>"].join("\n")

app/views/schemes/check_answers.html.erb

@@ -2,7 +2,11 @@
 
 <%= render partial: "organisations/headings", locals: { main: "Check your changes before creating this scheme", sub: @scheme.service_name } %>
 
-<%= govuk_tabs(title: "Check your answers before creating this scheme") do |component| %>
+<% location_caption = @scheme.locations.count.eql?(1) ? "1 location" : "#{@scheme.locations.count} locations" %>
+
+<div class="govuk-grid-row">
+  <div class="govuk-grid-column-three-quarters-from-desktop">
+    <%= govuk_tabs(title: "Check your answers before creating this scheme") do |component| %>
       <% component.tab(label: "Scheme") do %>
         <%= govuk_summary_list do |summary_list| %>
           <% @scheme.check_details_attributes.each do |attr| %>
@@ -60,6 +64,48 @@
           <% end %>
         <% end %>
       <% end %>
-<% end %>
+      <% component.tab(label: "Locations") do %>
+        <%= govuk_table do |table| %>
+          <%= table.caption(classes: %w[govuk-!-font-size-19 govuk-!-font-weight-regular]) do |caption| %>
+            <%= location_caption %>
+          <% end %>
+          <%= table.caption(classes: %w[govuk-!-font-size-19 govuk-!-font-weight-regular]) do |caption| %>
+            <%= render(SearchResultCaptionComponent.new(searched:, count: pagy.count, item_label:, total_count:, item: "schemes", path: request.path)) %>
+          <% end %>
+          <%= table.head do |head| %>
+            <%= head.row do |row| %>
+              <% row.cell(header: true, text: "Code", html_attributes: {
+                scope: "col",
+              }) %>
+              <% row.cell(header: true, text: "Postcode", html_attributes: {
+                scope: "col",
+              }) %>
+              <% row.cell(header: true, text: "Units", html_attributes: {
+                scope: "col",
+              }) %>
+              <% row.cell(header: true, text: "Common unit type", html_attributes: {
+                scope: "col",
+              }) %>
+              <% row.cell(header: true, text: "Actions", html_attributes: {
+                scope: "col",
+              }) %>
+            <% end %>
+          <% end %>
+          <% @scheme.locations.each do |location| %>
+            <%= table.body do |body| %>
+              <%= body.row do |row| %>
+                <% row.cell(text: location.id) %>
+                <% row.cell(text: simple_format(location_cell(location), { class: "govuk-!-font-weight-bold" }, wrapper_tag: "div")) %>
+                <% row.cell(text: location.total_units) %>
+                <% row.cell(text: location.type_of_unit) %>
+                <% row.cell(text: "Delete") %>
+              <% end %>
+            <% end %>
+          <% end %>
+        <% end %>
+      <% end %>
+    <% end %>
+  </div>
+</div>
 
 <%= govuk_button_link_to "Create scheme", schemes_path(scheme_id: @scheme.id), html: { method: :get } %>

app/views/schemes/locations.html.erb

@@ -1,44 +1,51 @@
 <% title = @scheme.service_name %>
 <% content_for :title, title %>
-
 <% content_for :before_content do %>
   <%= govuk_back_link(
         text: "Back",
         href: "/schemes/#{@scheme.id}",
         ) %>
 <% end %>
-
 <%= render partial: "organisations/headings", locals: { main: @scheme.service_name, sub: nil } %>
-
-<%= render SubNavigationComponent.new(items: scheme_items(request.path, @scheme.id, @scheme.locations.count.eql?(1) ? "1 location" : "#{@scheme.locations.count} locations")) %>
+<% location_caption = @scheme.locations.count.eql?(1) ? "1 location" : "#{@scheme.locations.count} locations" %>
+<%= render SubNavigationComponent.new(items: scheme_items(request.path, @scheme.id, location_caption)) %>
 
 <div class="govuk-grid-row">
   <div class="govuk-grid-column-three-quarters">
+    <%= govuk_table do |table| %>
+      <%= table.caption(classes: %w[govuk-!-font-size-19 govuk-!-font-weight-regular]) do |caption| %>
+        <strong><%= @scheme.locations.count %></strong> <%= @scheme.locations.count.eql?(1) ? "location" : "locations" %>.
+      <% end %>
+      <%= table.head do |head| %>
+        <%= head.row do |row| %>
+          <% row.cell(header: true, text: "Code", html_attributes: {
+            scope: "col",
+          }) %>
+          <% row.cell(header: true, text: "Postcode", html_attributes: {
+            scope: "col",
+          }) %>
+          <% row.cell(header: true, text: "Units", html_attributes: {
+            scope: "col",
+          }) %>
+          <% row.cell(header: true, text: "Common unit type", html_attributes: {
+            scope: "col",
+          }) %>
+          <% row.cell(header: true, text: "Actions", html_attributes: {
+            scope: "col",
+          }) %>
+        <% end %>
+      <% end %>
       <% @locations.each do |location| %>
-      <section class="x-govuk-summary-card govuk-!-margin-bottom-6">
-        <header class="x-govuk-summary-card__header">
-          <h2 class="x-govuk-summary-card__title">
-            <%= location.name %>
-          </h2>
-        </header>
-        <div class="x-govuk-summary-card__body">
-          <dl class="govuk-summary-list">
-            <% location.display_attributes.each do |attribute| %>
-              <div class="govuk-summary-list__row">
-                <dt class="govuk-summary-list__key">
-                  <%= attribute[:name] %>
-                </dt>
-                <dd class="govuk-summary-list__value app-!-font-tabular">
-                  <span class="govuk-!-margin-right-4"><%= attribute[:value] %></span>
-                  <% if attribute[:suffix] %>
-                    <span class="govuk-!-font-weight-regular app-!-colour-muted"><%= attribute[:suffix] %></span>
+        <%= table.body do |body| %>
+          <%= body.row do |row| %>
+            <% row.cell(text: location.id) %>
+            <% row.cell(text: location.postcode) %>
+            <% row.cell(text: location.total_units) %>
+            <% row.cell(text: simple_format("<span>#{location.type_of_unit}</span>#{location.wheelchair_adaptation == "Yes" ? "\n<span class=\"govuk-!-font-weight-regular app-!-colour-muted\">With wheelchair adaptations</span>" : ""}")) %>
+            <% row.cell(text: "Delete") %>
+          <% end %>
         <% end %>
-                </dd>
-              </div>
       <% end %>
-          </dl>
-        </div>
-      </section>
     <% end %>
   </div>
 </div>