<% javascript 'admin.js' %>

<h1>
	<%= _('Guidance') %>
	<!-- link button to add new guidance -->
	<div class="move_2_right">
		<%= link_to _('Add guidance'),
		            admin_new_guidance_path,
		            class: 'btn btn-primary' %>
		<%= link_to _('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"><%= _('Text') %></td>
						<td class="tinymce">
							<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' => _('Enter your guidance here. You can include links where needed.'))%>
							</div>
							<div class="clearfix"></div>
						</td>
					</tr>
					<tr>
						<td class="first"><%= _('Themes') %></td>
						<td>
							<div class="guindance_by_theme">
								<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' => _('Select which theme(s) this guidance relates to.'))%>
								</div>
								<div class="clearfix"></div>
							</div>
						</td>

					</tr>
          <tr>
              <td class="first"><%= _('Published') %></td>
              <td><div class="div_left_icon_g">
                      <%= f.check_box :published , as: :check_boxes%>
                  </div>
              </td>
          </tr>
					<tr>
						<td class="first"><%= _('Guidance group') %></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' => _('Select which group this guidance relates to.'))%>
							</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"><%= _('Save')%></a>
                    <%= link_to _('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><%= _('Before submitting, please 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"><%= _('Ok') %></a>
    </div>
</div>