<section class="app-table-group" tabindex="0" aria-labelledby="<%= title.dasherize %>">
  <%= govuk_table do |table| %>
    <%= 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: "users", path: request.path)) %>
       <% if current_user.support? %>
        <% query = searched.present? ? "?search=#{searched}" : nil %>
        <%= govuk_link_to "Download (CSV)", "#{request.path}.csv#{query}", type: "text/csv" %>
      <% end %>
    <% end %>
    <%= table.head do |head| %>
      <%= head.row do |row| %>
        <% row.cell(header: true, text: "Name and email address", html_attributes: {
          scope: "col",
        }) %>
        <% row.cell(header: true, text: "Organisation and role", html_attributes: {
          scope: "col",
        }) %>
        <% row.cell(header: true, text: "Last logged in", html_attributes: {
          scope: "col",
        }) %>
      <% end %>
    <% end %>
    <% users.each do |user| %>
      <%= table.body do |body| %>
        <%= body.row do |row| %>
          <% row.cell(header: true, html_attributes: {
            scope: "row",
          }) do %>
            <%= simple_format(user_cell(user), {}, wrapper_tag: "span") %>
            <% if user.is_data_protection_officer? || user.is_key_contact? %>
              <br>
            <% end %>
            <% if user.is_data_protection_officer? %>
              <%= govuk_tag(
                    classes: "app-tag--small",
                    colour: "turquoise",
                    text: "Data protection officer",
                  ) %>
            <% else %>
              <%= "" %>
            <% end %>
            <% if user.is_key_contact? %>
              <%= govuk_tag(
                    classes: "app-tag--small",
                    colour: "turquoise",
                    text: "Key contact",
                  ) %>
            <% else %>
              <%= "" %>
            <% end %>
          <% end %>
          <% row.cell(text: simple_format(org_cell(user), {}, wrapper_tag: "div")) %>
          <% row.cell(text: user.active? ? user.last_sign_in_at&.to_formatted_s(:govuk_date) : "Deactivated") %>
          <%= govuk_link_to users_path(user) do %>
            <span class="govuk-visually-hidden">User </span><%= user.id %>
          <% end %>
        <% end %>
      <% end %>
    <% end %>
  <% end %>
</section>