<% content_for :title, "#{@presented_organisations.title} - GOV.UK" %>

<% content_for :meta_tags do %>
  <%= auto_discovery_link_tag(:json, api_organisations_url, title: @presented_organisations.title) %>
<% end %>

<div class="govuk-grid-row">
  <div class="govuk-grid-column-two-thirds">
    <%= render "govuk_publishing_components/components/title", {
        title: @presented_organisations.title
    } %>

    <form class="filter-organisations-list__form" data-filter="form">
      <%= render "govuk_publishing_components/components/input", {
        label: {
          text: "Search for a department, agency or public body"
        },
        name: "search-box",
        id: "filter-organisations-list",
        controls: "organisations_search_results"
      } %>
    </form>
  </div>
</div>

<div class="organisations" id="organisations_search_results">
  <%= render partial: 'organisations_list', locals: {
    all_organisations: @presented_organisations.all_organisations
  } %>
</div>

<p>Errors or omissions? <a class="govuk-link" href="/contact/govuk">Tell us here</a>. For official lists of non–departmental public bodies <a class="govuk-link" href="/government/collections/public-bodies">see public bodies</a>.</p>

<% content_for :title, "#{@presented_organisations.title} - GOV.UK" %>

<% content_for :meta_tags do %>
  <%= auto_discovery_link_tag(:json, api_organisations_url, title: @presented_organisations.title) %>
<% end %>

<div class="govuk-grid-row">
  <div class="govuk-grid-column-two-thirds">
    <%= render "govuk_publishing_components/components/title", {
        title: @presented_organisations.title
    } %>

    <form class="filter-organisations-list__form" data-filter="form" role="search" aria-label="Departments, agencies and public bodies">
      <%= render "govuk_publishing_components/components/input", {
        label: {
          text: "Search for a department, agency or public body"
        },
        name: "search-box",
        id: "filter-organisations-list",
        controls: "organisations_search_results"
      } %>
    </form>
  </div>
</div>

<div class="organisations" id="organisations_search_results" role="region" aria-label="List of departments, agencies and public bodies">
  <%= render partial: 'organisations_list', locals: {
    all_organisations: @presented_organisations.all_organisations
  } %>
</div>

<p>Errors or omissions? <a class="govuk-link" href="/contact/govuk">Tell us here</a>. For official lists of non–departmental public bodies <a class="govuk-link" href="/government/collections/public-bodies">see public bodies</a>.</p>

Add roles to aid screenreader navigation
Add roles to aid screenreader navigation
