<% content_for :title, @page.header.presence || @page.questions.first.header.html_safe %>

<% content_for :before_content do %>
  <%= govuk_back_link(
    text: "Back",
    href: "javascript:history.back()",
  ) %>
<% end %>

<div data-controller="govukfrontend"></div>

<%= form_with model: @case_log, url: form_case_log_path(@case_log), method: "post", local: true do |f| %>
  <div class="govuk-grid-row">
    <div class="govuk-grid-column-<%= @page.questions[0].type == "interruption_screen" ? "full-from-desktop" : "two-thirds-from-desktop" %>">
      <% remove_other_page_errors(@case_log, @page) %>
      <%= f.govuk_error_summary %>

      <% if @page.header.present? %>
        <h1 class="govuk-heading-l">
          <% if !@page.hide_subsection_label %>
            <span class="govuk-caption-l"><%= @subsection.label %></span>
          <% end %>
          <%= @page.header %>
        </h1>
      <% end %>

      <% if @page.description.present? %>
        <p class="govuk-body govuk-body-m"><%= @page.description.html_safe %></p>
      <% end %>

      <% @page.non_conditional_questions.map do |question| %>
        <div id="<%= question.id %>_div" <%= display_question_key_div(@page, question) %>>
          <% if question.read_only? %>
            <%= govuk_section_break(visible: true, size: "m") %>
          <% end %>
          <% if question.type == "interruption_screen" %>
            <%= render partial: "form/#{question.type}_question", locals: { question:, caption_text: @subsection.label, page_header: @page.header, case_log: @case_log, title_text: @page.title_text, informative_text: @page.informative_text, form: @form, f:, conditional: false } %>
          <% else %>
            <%= render partial: "form/#{question.type}_question", locals: { question:, caption_text: @subsection.label, page_header: @page.header, case_log: @case_log, f:, conditional: false } %>
          <% end %>
        </div>
      <% end %>

      <%= f.hidden_field :page, value: @page.id %>
      <% if !@page.id.include?("value_check") %>
        <%= f.govuk_submit "Save and continue" %>
      <% end %>
    </div>
  </div>
<% end %>