<%= content_tag(:div, id: 'steps_container', class: 'list', data: {update: sort_agent_steps_path(mission.slug) }) do %>
	<% step_number = 0 %>
	<%= f.fields_for :agent_steps, :wrapper => false, show_empty: false do |ff| %>
		<% step_number = step_number + 1%>
		<%= content_tag(:div, id: "new_agent_step_#{ff.object.id != nil ? ff.object.id : '1'}" , class: "new_agent_step_ fields panel panel-white step_form  #{'hidden' if ff.object == nil}") do %>
			<%= content_tag(:div, class: 'panel-heading handle') do %>
				<%= content_tag(:h3, class: 'panel-title') do %>
					<%= content_tag(:span, (ff.object.step.to_s != '' ? ff.object.step.to_s : '#'), class: 'task-number') %>
					<a class="accordion-toggle" data-toggle="collapse" data-parent="#colapse_steps" href="#collapse_step_<%= step_number.to_s %>">
						<span class="caret"></span>
						<%= content_tag(:span, (t 'mission_editor.agents.step'), class: 'task-text') %>
						<%= content_tag(:span, ff.object.step.to_s, class: 'task-text') do %>
							<%= ff.link_to_remove "Remove", class: 'pull-right btn btn-danger btn-small' %>
						<% end %>
					</a>
			
				<% end %>
			<% end %>
			<%= content_tag(:div, class: 'panel-body collapse', id: ('collapse_step_' + step_number.to_s)) do %>
				<%= content_tag(:div, class: "panel-content") do %>
					<%= content_tag(:div, class: "panel-text") do %>
						<%= ff.text_field :title, class: 'input-step-title', label: (t 'mission_editor.agents.step_title'), class: 'input-block-level' %>
						<%= ff.text_area :description, label: (t 'mission_editor.agents.description'), class: 'input-block-level', rows: 10 %>
					<% end %>
				<% end %>
				<%= render :partial => 'form_step_validation', locals: {ff: ff, mission: mission} %>

			<% end %>
		<% end %>
	 <% end %>	 
<% end %>
 <%= content_tag(:div, class: 'panel panel-dashed centered') do %>
 	<%= f.link_to_add "Add a step", :agent_steps, class: 'btn', id: 'btn-add-step', :data => { :target => "#steps_container" } %>
<% end %>