Tengo una colección incrustada de formularios, con un atributo de prototipo de datos personalizado. Así es como estoy personalizando el prototipo de datos

Mi archivo principal de ramita (listingbedroomaddpage.html.twig):

<div class="bedrooms" data-prototype=
        "{% filter escape %}
             {{ include('EpitaHousingBundle:Listing:prototype.html.twig', { 'form': form.bedrooms.vars.prototype }) }}
         {% endfilter %}">
            </div>

Miprototype.html.twig:

<div class="row">
    <div class="col-md-2">{{ form_label(form.rentamount, 'Rent') }}</div>
    <div class="col-md-2">{{ form_widget(form.rentamount) }}</div>
    <div class="col-md-1">{{ form_widget(form.rentcurrency) }}</div>
    <div class="col-md-2">{{ form_widget(form.rentduration) }}</div>
    <div class="col-md-3">{{ form_errors(form.rentamount) }}</div>  
    <div class="col-md-1">{{ form_errors(form.rentcurrency) }}</div>
    <div class="col-md-1">{{ form_errors(form.rentduration) }}</div>
</div>

Cuando renderizo el formulario por primera vez, elprototype.html.twig se llama y el formulario incrustado se representa correctamente. Sin embargo, una vez que envíe el formulario, la estructura y el estilo de la ramita del formulario incrustado desaparecerán. Aquí están las instantáneas antes y después de enviar respectivamente

Supongo que no se llama al prototype.html.twig después de hacer clic en enviar. Soy relativamente nuevo en esto. Puede alguien ayudarme.

Gracias por adelantado. Avíseme si necesita más código para reproducir el problema.