<!--add guidance. question is passed as an argument-->
<div class="dmp_details">
  <%= form_for :guidance, url: {action: "admin_create"}, html: {id: "new_guidance_form"} do |f| %>
    <table class="dmp_details_table guidance_table">
      <tr>
        <td class="first"><%= t("org_admin.guidance.text_label") %></td>
        <td>
          <div class="div_left_icon_g">
            <%= text_area_tag("guidance-text", "", class: "tinymce") %>
          </div>
          <div class="div_right_icon_g">
            <%= link_to( image_tag("help_button.png"), "#", class: "guidance_text_popover", rel: "popover", "data-html" => "true", "data-content" => t("org_admin.guidance.text_help_text_html"))%>
          </div>
          <div class="clearfix"></div>
        </td>
      </tr>
      <tr>
        <td class="first"><%= t("org_admin.guidance.by_theme_or_by_question") %></td>
        <td>
          <div class="div_left_icon_g">
            <%= select_tag "g_options", options_for_select([[t("org_admin.guidance.by_themes_label"), 1],
              [t("org_admin.guidance.by_question_label"), 2]]) %>
          </div>
          <div class="div_right_icon_g">
            <%= link_to( image_tag("help_button.png"), "#", class: "guidance_apply_to_popover", rel: "popover", "data-html" => "true", "data-content" => t("org_admin.guidance.apply_to_help_text_html"))%>
          </div>
          <div class="clearfix"></div>

          <div class="guindance_by_theme" style="display:none;">
            <div class="div_left_icon_g">
              <%= f.collection_select(:theme_ids,
                    Theme.all.order("title"),
                    :id, :title, {prompt: false, include_blank: t('helpers.none')}, {multiple: true})%>
            </div>
            <div class="div_right_icon_g">
              <%= link_to( image_tag("help_button.png"), "#", class: "guidance_by_themes_popover", rel: "popover", "data-html" => "true", "data-content" => t("org_admin.guidance.by_themes_help_text_html"))%>
            </div>
            <div class="clearfix"></div>

          </div>
        </td>
      </tr>
      <tr>
        <td class="first"><%= t("org_admin.guidance.published") %></td>
        <td>
          <div class="div_left_icon_g">
            <%= f.check_box :published , as: :check_boxes %>
          </div>
        </td>
      </tr>
      <tr>
        <td class="first"><%= t("org_admin.guidance.guidance_group_label") %></td>
        <td>
          <div class="div_left_icon_g">
            <%= f.collection_select(:guidance_group_ids,
                GuidanceGroup.where(org_id: current_user.org_id).order("name ASC"),
                            :id, :name, {prompt: false, include_blank: t('helpers.none')}, {multiple: false})%>
          </div>
          <div class="div_right_icon_g">
            <%= link_to( image_tag("help_button.png"), "#", class: "guidance_group_select_popover", rel: "popover", "data-html" => "true", "data-content" => t("org_admin.guidance.guidance_group_select_help_text_html"))%>
          </div>
          <div class="clearfix"></div>
        </td>
      </tr>
    </table>

    <!-- submit buttons -->

    <div class="move_2_right">
      <a id="new_guidance_submit" data-toggle="modal" href="#new_guidance_alert_dialog" class="btn btn-primary"><%= t("helpers.submit.save")%></a>

      <%= link_to t("helpers.submit.cancel"), :back, class: "btn cancel" %>
    </div>

    <br />
    <%= tinymce content_css: asset_path("application.css") %>
  <% end %>
</div>



<!-- alert for guidance-->
<div id="new_guidance_alert_dialog" data-container="body" data-backdrop="static" class="modal hide fade">
  <div class="modal-header">
    <h3><%= t('helpers.before_submitting_consider') %></h3>
  </div>
  <div class="modal-body">
    <ul id="missing_fields_new_guidance"></ul>
    </div>
  <div class="modal-footer">
      <a href="#" id="return_to_new_guidance" class="btn"><%= t('helpers.ok_label') %></a>
    </div>
</div>