<!--
**Project: DMPRoadmap
**Description: This block displays editing a question, its guidance, and options when multiple choice is selected
in the admin interface.
**Arguments transferred: an instance of 'question'
**Copyright: Digital Curation Centre and University of California Curation Center
-->

<%= form_for(question, url: admin_updatequestion_template_path(question), html: { method: :put}) do |f| %>
<div class="question-div">
  <table class="dmp_details_table phase">
      <!--Question number -->
      <tr>
        <td class="first_template"><%= t("org_admin.questions.question_number_label")%></td>
        <td><%= f.number_field :number, in: 1..50, class: "number_field has-tooltip", "data-toggle" => "tooltip", "title" => t("org_admin.questions.number_help_text") %>
          <div class="border_bottom"></div>
        </td>
      </tr>

      <!--Question text -->
      <tr>
        <td class="first_template"><%= t("org_admin.questions.question_text_label")%></td>
        <td><%= f.text_area :text, rows: "5" %>
          <div class="border_bottom"></div>
        </td>
      </tr>

      <!-- Question format -->
      <tr>
        <td class="first_template"><%= t("org_admin.questions.answer_format_label")%></td>
        <td><div id="ques-<%= question.id %>-format" class="ques_format">
            <div class="div_left_icon">
              <%= f.hidden_field :id,{ class: "quest_id" } %>
              <%= f.select :question_format_id,
                options_from_collection_for_select(QuestionFormat.all.order("title"), :id, :title, question.question_format_id),
                {}, id: "#{question.id}-select-format"%>
            </div>
            <div class="div_right_icon">
              <%= link_to( image_tag("help_button.png"), "#", class: "question_format_popover", rel: "popover", "data-html" => "true",  "data-content" => t("org_admin.questions.question_format_help_text_html"))%>
            </div>

          </div>

          <!--display form to enter option from checkbox/radio button/ dropdown/ multi select box-->
          <div id="options-<%= question.id %>" style="display:none;" class="ques_format_option">
            <table class="options_table">
              <thead>
                <tr>
                  <th nowrap class="small"><%= t("org_admin.option_order_label")%></th>
                  <th nowrap class="medium"><%= t("org_admin.option_text_label")%></th>
                  <th nowrap class="small"><%= t("org_admin.option_default_label")%></th>
                  <th nowrap class="small"><%= link_to( image_tag("help_button.png"), "#", class: "question_options_popover", :rel => "popover", "data-html" => "true", "data-content" => t("org_admin.questions.question_options_help_text_html"))%></th>
                </tr>
              </thead>
              <tbody class="options_tbody">
                <% if question.question_options.count == 0 %>
                  <% 2.times {question.question_options.build } %>

                <% end %>
                                <% i = 0 %>
                <% question.question_options.to_a.sort_by{|op| op["number"]}.each do |options_q|%>
                  <%= f.fields_for :options, options_q do |op|%>
                                        <% i = i + 1%>
                                        <% options_q.number = i %>
                    <%= render "option_fields", f: op %>
                    <% end %>
                <% end %>

              </tbody>
            </table>

            <a href="#" class="add-option"><%= t("org_admin.add_option_label") %></a>

                        <div class="clearfix"></div>
                        <!--display for selecting comment box when multiple choice is being used-->
                        <%= f.check_box :option_comment_display, as: :check_boxes%><%= f.label t("org_admin.questions.option_comment_display_checkbox"), class: "checkbox inline"%>
          </div>
          <div class="clearfix"></div>
          <!--display for default value for text field label-->
          <div id='default-text-field-<%= question.id %>' style="display:none;" class="ques_format">
            <div>
              <%= t("org_admin.questions.default_answer_label")%>
            </div>
          </div>
          <div class="clearfix"></div>
          <!--display for default value for text area label -->
          <div id="default-text-area-<%= question.id %>" style="display:none;" class="ques_format">
            <div >
              <%= t("org_admin.questions.default_answer_label")%>
            </div>
          </div>
          <div class="clearfix"></div>
          <div id="default-value-field-<%= question.id %>" style="display:none;" class="ques_format">
            <div class="div_left_icon">
              <%= text_area_tag("question-default-value-#{question.id}", question.default_value, class: "tinymce") %>
            </div>
            <div class="div_right_icon">
              <%= link_to( image_tag("help_button.png"), "#", class: "default_answer_popover", rel: "popover", "data-html" => "true", "data-content" => t("org_admin.questions.default_answer_help_text_html"))%>
            </div>
          </div>
          <div class="add_space"></div>
          <div class="clearfix"></div>
          <div class="border_bottom"></div>
        </td>
      </tr>

      <!-- Suggested answer or Example-->
      <tr>
        <td class="first_template"><%= t("org_admin.questions.suggested_or_example_answer_label")%></td>
        <td><div class="div_left_icon">
          <% suggested_answer = question.suggested_answers.find_by_org_id(current_user.org.id) %>
          <% if suggested_answer.nil? %>
             <% suggested_answer = question.suggested_answers.build %>
          <% end %>
          <%= f.fields_for :suggested_answers, suggested_answer do |s|%>
            <%= s.hidden_field :org_id, value: current_user.org.id %>
            <ul>
              <li><%= s.select :is_example, {t("org_admin.questions.example_answer_label") => true, t("org_admin.questions.suggested_answer_label") => false} %></li>
              <li><%= s.text_area :text, rows: 5 %>
              </li>
            </ul>
          <% end %>
          </div>
          <div class="div_right_icon">
            <%= link_to( image_tag("help_button.png"), "#", class: "suggested_answer_popover", rel: "popover", "data-html" => "true", "data-content" => t("org_admin.questions.suggested_answer_help_text_html"))%>
          </div>
          <div class="clearfix"></div>
          <div class="border_bottom"></div>
        </td>
      </tr>
      <!-- Guidance for Question -->
      <tr>
        <td class="first_template"><%= t("org_admin.questions.guidance_label")%></td>
        <td><div class="div_left_icon">
            <%= text_area_tag("question-guidance-#{question.id}", question.guidance , class: "tinymce") %>
          </div>
          <div class="div_right_icon">
            <%= link_to( image_tag("help_button.png"), "#", class: "question_guidance_popover", rel: "popover", "data-html" => "true", "data-content" => t("org_admin.questions.question_guidance_help_text_html"))%>
          </div>
          <div class="clearfix"></div>
          <div class="border_bottom"></div>
        </td>
      </tr>
      <!-- Themes -->
      <tr>
        <td class="first_template"><%= t("org_admin.questions.themes_label")%></td>
        <td><div class="div_left_icon">
            <%= f.collection_select(:theme_ids,
              Theme.all.order("title"),
              :id, :title, {prompt: false, include_blank: "None"}, {multiple: true})%>
          </div>
          <div class="div_right_icon">
            <%= link_to( image_tag("help_button.png"), "#", class: "question_themes_popover", rel: "popover", "data-html" => "true", "data-content" => t("org_admin.questions.question_themes_help_text_html"))%>
          </div>
        </td>
      </tr>
    </table>
    <br />
    <!-- submit buttons -->
    <div class="move_2_right">
      <%= f.submit t("helpers.submit.save"), class: "btn btn-primary" %>
      <% if !question.section.phase.template.published?%>
        <%= link_to t("helpers.submit.delete"), admin_destroyquestion_template_path(question_id: question.id),
        confirm: t("org_admin.questions.delete_message", question_text: question.text ), method: :delete, class: "btn btn-primary"%>
      <% end %>
      <%= hidden_field_tag :question_id, question.id, class: "question_id" %>
      <%= link_to t("helpers.submit.cancel"), "#", class: "btn cancel cancel_edit_question" %>
    </div>
  </div>


<!--guidance block -->
<%= render partial: "guidance_display", locals: {question: question}%>
<% end %>