<% item_label = @pagy.count > 1 ? "logs" : "log" %>
<% if @searched.present? %>
  <% title = "Your organisation (#{@pagy.count} #{item_label} matching ‘#{@searched}’ of #{@total_count} total logs)" %>
<% else %>
  <% title = "Your organisation (Logs)" %>
<% end %>

<% content_for :title, title %>

<% content_for :tab_title do %>
  <%= "Logs" %>
<% end %>

<%= render SubNavigationComponent.new(
  items: secondary_items(request.path, @organisation.id),
) %>

<div class="app-filter-layout" data-controller="filter-layout">
  <%= render partial: "case_logs/log_filters" %>
  <div class="app-filter-layout__content">
    <%= render SearchComponent.new(current_user:, search_label: "Search by log ID, tenant code, property reference or postcode", value: @searched) %>
    <hr class="govuk-section-break govuk-section-break--visible govuk-section-break--m">
    <%= render partial: "case_logs/log_list", locals: { case_logs: @case_logs, title: "Logs", pagy: @pagy, searched: @searched, item_label:, total_count: @total_count } %>
    <%== render partial: "pagy/nav", locals: { pagy: @pagy, item_name: "logs" } %>
  </div>
</div>