<%= stylesheet_link_tag "admin" %>
<% javascript 'admin.js' %>

<h1>
	<%= t('org_admin.guidance_label') %>
	<!-- link button to add new guidance -->
	<div class="move_2_right">
		<%= link_to t("org_admin.guidance.add_guidance"),
		            admin_new_guidance_path,
		            class: 'btn btn-primary' %>
		<%= link_to t("org_admin.guidance.view_all_guidance"),
		            admin_index_guidance_path,
		            class: 'btn btn-primary' %>
	</div>
</h1>

<div class="div_clear"></div>

<div class="white_background blue_border">
	<!-- body -->
	<div class="dmp_details">
		<%= form_for(@guidance, url: admin_update_guidance_path(@guidance), html: { method: :put , id: 'edit_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", @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">
								<% if !@guidance.question_id.nil? then %>
									<% select_op = 2 %>
								<% else %>
									<% select_op = 1%>
								<% end %>
								<%= hidden_field 'select_op', value: select_op, id: 'edit_guid_ques_flag' %>

								<%= select_tag "g_options", options_for_select({t('org_admin.guidance.by_themes_label') => 1,
									t('org_admin.guidance.by_question_label') => 2}, select_op) %>
							</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, @themes, :id, :title,
                  {prompt: false, include_blank: '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_id, @guidance_groups,
							  :id, :name, {prompt: false, include_blank: '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="edit_guidance_submit" data-toggle="modal" href="#edit_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>
</div>


<!-- alert for the default template-->
<div id="edit_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_edit_guidance"></ul>
  	</div>
	<div class="modal-footer">
    	<a href="#" id="return_to_edit_guidance" class="btn"><%= t('helpers.ok_label') %></a>
    </div>
</div>