<% content_for :title, "Log #{@case_log.id}" %>
<% content_for :breadcrumbs, govuk_breadcrumbs(breadcrumbs: {
  "Logs" => "/logs",
  content_for(:title) => ""
}) %>

<%= turbo_frame_tag "case_log_form", target: "_top" do %>
  <div class="govuk-grid-row">
    <div class="govuk-grid-column-two-thirds-from-desktop">
      <h1 class="govuk-heading-l">
        <%= content_for(:title) %>
      </h1>

      <h2 class="govuk-heading-s govuk-!-margin-bottom-2">
        This submission is
        <%= @case_log.status.to_s.humanize.downcase %>
      </h2>

      <p class="govuk-body govuk-!-margin-bottom-7">You’ve completed <%= get_subsections_count(@case_log, :completed) %> of <%= get_subsections_count(@case_log, :all) %> sections.</p>
      <p class="govuk-body govuk-!-margin-bottom-7">
        <% next_incomplete_section = get_next_incomplete_section(@case_log).id %>
        <a class="govuk-link" href="#<%= next_incomplete_section %>"
           data-controller="tasklist"
           data-action="tasklist#addHighlight"
           data-info=<%= next_incomplete_section %>>
          Skip to next incomplete section
        </a>
      </p>
      <%= render "tasklist" %>
    </div>
  </div>
<% end %>