form.html.twig

{# Ton form de base, celui qui va contenir ta collection de steps #}

{% form_theme form "TonBundle:Dossier:step_form_theme.html.twig" %}
<form gangnagna>
  {{ form_errors(form) }}
...
  {{ form_widget(form.steps) }}
...
  <div>
    <button type="submi">
      {{ 'send'|trans }}
    </button>
  </div>
</form>

step_form_theme.html.twig

{% block collection_widget %}
  {% set attr = attr|merge({'data-prototype': block('prototype')|trim }) %}
  {{ block('collection_rows')|replace({'\n':''})|raw }}
{% endblock %}

{% block prototype %}
  {% if prototype is defined %}
    {% include 'TonBundle:Dossier:subForm.html.twig' %}
  {% endif %}
{% endblock %}

{% block collection_rows %}
  {% spaceless %}
    {{ form_errors(form) }}
    <div {{  block('widget_container_attributes')  }} >
    {% for prototype in form %}
      {{ form_errors(prototype) }}
      {% include 'IfgmSTVBundle:Category:_translationPrototype.html.twig' %}
    {% endfor %}
    <span class="button add-collection-item">
      Ajouter
    </span>
    </div>
    {{ form_rest(form) }}
  {% endspaceless %}
{% endblock %}

subForm.html.twig

{{ form_widget(prototype.position, { attr: { class: 'stepPosition' } }) }}
{{ form_widget(prototype.recipe, { attr: { class: 'idRecipe' } }) }}
<div class="row-fluid recipe-steps-number">
        <div class="span12">
		<p class="text-center">
			<span id="stepButtonNumber"> 
				{{ 'steps_btn_number' | trans({}, 'xRecipeBundle') }} 
				<i id="displayPosition">{{ prototype.position.vars.value + 1}}</i>
			</span>
		</p>
	</div>
</div>
<div class="row-fluid steps-construct">
	<div class="span4 offset2 selected-ingredients">
		<div class="header-top">
		  	<img src="{{ asset('bundles/xrecipe/images/RC_3_ingredients.png')}}">
			<p>Ingredients</p>
		</div>
		<ul>
			{% for ingredient in prototype.ingredients %}
				<li class="ingredient-item">
					<img src="{{ ingredient.vars.value }}" />
					{{ form_widget(ingredient) }}
				</li>
			{% endfor %}
		</ul>
	</div>
	<div class="span4 instructions">
		<div class="header-top">
			<img src="{{ asset('bundles/xrecipe/images/RC_3_instructions.png')}}">
			<p>Instructions</p>
		</div>
		{{ form_widget(prototype.instructions) }}
	</div>
</div>
{{ form_rest(form) }}