skill-assessment-app/app/views/quiz/summary.html.erb

<%
  content_for :title, "Skills Assessment"
  content_for :footer_title, "Skills Assessment"
  content_for :progress, @status.progress.to_s
%>

<main class="summary_tpl">
  <h2 class="prft-heading">Almost done!</h2>
  <p>
    Now's the time to review your answers and go back and change any, if you need to.
    Once you're done, hit the button at the bottom of the page to submit your answers.
  </p>

  <hr>

  <% @quiz.each do |question| %>
    <%= form_for(:answer, remote: true, url: post_answer_path(answer_id: question.answer_id), html:{class: 'summary-form'}) do |form| %>
      <article class="answer-sec">
        <div class="question-heading">
          <div class="question-title">
            <h3><%= question.question %></h3>
          </div>
          <div class="answer-buttons">
            <a href="<%= question_path(question.question_id) %>" class="tertiary-btn button-edit">Edit</a>
            <button class="tertiary-btn button-save">Save</button>
            <button class="tertiary-btn button-cancel">Cancel</button>
          </div>
        </div>

        <div class="answer-container">
          <% if question.attachment.present? %>
            <%= image_tag question.attachment %>
          <% end %>

          <fieldset disabled class="answer-block">
            <%= hidden_field_tag 'answer[question_id]', question.question_id %>
            <%= hidden_field_tag 'answer[answer_id]', question.answer_id %>
            <%= hidden_field_tag 'submit', true %>
            <%= render partial: question.input_type, locals: {question: question, form: form, answer: question.answer} %>
          </fieldset>
        </div>
      </article>
    <% end %>
  <% end %>

  <% if @status.can_submit %>
    <%= form_tag post_summary_path, class: "btn-container-right" do %>
      <input type="submit" class="submit-button" value="Submit all answers" name="submit" />
    <% end %>
  <% else %>
    <div class="error">Sorry, you must answer all questions before you can submit.</div>
  <% end %>
</main>