<!-- 
**Project: DMPonline v4
**Description: This block edits a section and its questions.
**Arguments transferred: 'section'  
**Copyright: Digital Curation Centre
-->


<%= form_for(section, :url => admin_updatesection_dmptemplate_path(section, :phase => phase, :edit => edit), :html => { :method => :put}) do |s| %>
	<%if @open && @section_id == section.id then%>
			<% toggle = 'accordion-body  section-collapse in collapse'%>
		<%else%>
			<% toggle = 'accordion-body collapse section-collapse' %>
		<%end%>
        
     <%if @new_sec then%>
        <% toggle = 'accordion-body  section-collapse in collapse'%>
     <%end%>

	<div class="accordion-group" >
		<div class="accordion-heading">
			<div class="div_left make_div_smaller">
				<div class="accordion_heading_text">
					<%= s.text_field :title, :as => :string, :class => 'text_field', :placeholder => t('org_admin.templates.section_title_placeholder') %>
                    
				</div>
			</div>
			<div class="div_right make_div_longer">
				<a class="accordion-toggle" data-toggle="collapse" data-parent="#sections-accordion" href="#collapse-sec-<%= section.id %>">
					<!-- + or - icon-->
		        	<span class="icon-plus icon-white accordion-icon"> </span>
		        </a>
			</div>
		</div>


		<div id="collapse-sec-<%= section.id %>" class="<%= toggle %>" >
			<div class="accordion-inner">
				<table class="dmp_details_table">
					<tr>
						<td class="first_template"><%= t('org_admin.templates.phase_order_label') %></td>
						<td><%= s.number_field :number, :in => 1..15, :class => "number_field has-tooltip", 'data-toggle' => "tooltip", 'title' => t('org_admin.templates.section_number_help_text') %></td>
					</tr>
					<tr>
						<td class="first_template"><%= t('org_admin.templates.desc_label') %></td>
						<td class="phase_table_last_column">
							<div class="div_left_icon">
								<%= text_area_tag("section-desc-#{section.id}", section.description , class: "tinymce") %>
							</div>
							<div class="div_right_icon">
								<%= link_to( image_tag('help_button.png'), '#', :class => 'section_desc_popover', :rel => "popover", 'data-html' => "true", 'data-content' => t('org_admin.templates.section_desc_help_text_html'))%>
							</div>
						</td>
					</tr>
				</table>
				<!-- save buttons-->
				<div class="move_2_right">
					<%= s.submit t('helpers.submit.save'), :class => 'btn btn-primary' %>
					<% if !section.version.published? || phase.dmptemplate.org_type == t("helpers.org_type.funder")  then%>
						<%= link_to t("helpers.submit.delete"), admin_destroysection_dmptemplate_path(:section_id => section.id),
						:confirm => t("org_admin.templates.section_delete_message", :section_title => section.title ), :method => :delete, :class => "btn btn-primary"%>
					<%end%>
					<%= link_to t('helpers.submit.cancel'), :back, :class => 'btn cancel' %>
				</div>
			<%end%>
				<div class="two-column-clear question-divider"></div>
				<% @questions = section.questions.order("number")%>
				<%if @questions.count > 0 %>
					<% question_left = @questions.count %>
					<% @questions.each do |question| %>
                        <div class="question_guidance_block">
                            <div id="show_question_div_<%= question.id%>" class="<%= if question.id == @question_id then "current_question" end %>">
                                <!-- render the show question block-->
                                <%= render :partial => 'show_question', locals: {question: question} %>
                            </div>

                            <div id="edit_question_div_<%= question.id%>"  style="display: none">
                                <!-- render the edit question block-->
                                <%= render :partial => 'edit_question', locals: {question: question} %>
                            </div>
                        </div>
                        <!--verify how many questions are left -->
                        <%if question_left.to_i > 1 then %>
                            <div class="two-column-clear question-divider"></div>
                        <%else%>
                            <div class="two-column-clear"></div>
                        <%end%>
                        <% question_left = question_left - 1 %>
                        
					<%end%>
				<%end%>

				<!-- Add a new question if the version is not published-->
				<% if !section.version.published? || phase.dmptemplate.org_type == t("helpers.org_type.funder")  then%>
					<%if @questions.count != 0 %>
						<div class="two-column-clear question-divider"></div>
					<%end%>
					<!-- add question block -->
					<div id="add_question_block_div_<%= section.id%>" style="display: none">
						<%= render :partial => 'add_question', locals: {section: section} %>
					</div>

					<!-- add question button-->
					<div id="add_question_button_div_<%= section.id%>">
						<div class="div_left">
							<%= hidden_field_tag :section_id, section.id, :class => "section_id" %>
							<%= link_to t("org_admin.add_question_label"), '#', :class => "btn btn-primary add_question_button" %>
						</div>
					</div>
				<%end%>

				<div class="two-column-clear"></div>
			</div>
		</div>
	</div>