<%= content_tag(:div, id: 'steps_container') do %>
	<% step_number = 0 %>
	<%= f.fields_for :agent_steps, show_empty: false do |ff| %>
		<% step_number = step_number + 1%>
		<%= content_tag(:div, class: "panel panel-white #{'hidden' if ff.object == nil}") do %>
			<%= content_tag(:div, class: 'panel-heading') 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, 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 %>
				<%= content_tag(:div, class: "panel-content panel-divider-top steps-validation") do %>
					<%= content_tag(:div, class: "panel-text") do %>
						<%= content_tag(:span, (t 'mission_editor.agents.step_validations'),  class: "steps-validation-title pull-left") %>
						<div class="nav btn pull-right validation_dropdown">
						     <li class="dropdown">
						       <a class="dropdown-toggle" data-toggle="dropdown" href="#">
						         <%= (t 'mission_editor.agents.add_validation') %>
						         <span class="caret"></span>
						       </a>
						       <ul class="dropdown-menu dropdown-menu-right" role="menu">
						         <li>
						           <%= link_to t('landing_page.en'), change_locale_path(:en) %>
						         </li>
						         <li>
						           <%= link_to t('landing_page.pt-BR'), change_locale_path(:"pt-BR") %>
						         </li>
						       </ul>
						     </li>
						 </div>
					<% end %>
				<% end %>
			<% end %>
		<% end %>
	 <% end %>	 
<% end %>
 <%= content_tag(:div, class: 'panel panel-dashed centered') do %>
 	<%= f.link_to_add "Add a step", :agent_steps, class: 'btn', :data => { :target => "#steps_container" } %>
<% end %>