<%
  content_for :title, "Skills Assessment"
  content_for :footer_title, "Skills Assessment"
  content_for :progress, @status.progress.to_s
  content_for_javascript_once 'summary-edit' do
    javascript_include_tag "summary-edit"
  end
%>

<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 %>

  <%= form_tag post_summary_path, id: 'summary-submit', class: "btn-center" do %>
    <% unless @status.can_submit %>
      <div class="error">Sorry, you must answer all questions before you can submit.</div>
    <% end %>
    <%= submit_tag "Submit all answers", {class: 'submit-button', disabled: !@status.can_submit } %>
  <% end %>
</main>
