{% extends 'IngresoBundle:Default:base-forms.html.twig' %}

{% block renderZone %}
	{{ form_start(form) }}
	    
	    {{form_row(form.nombre)}}
	    {{form_row(form.tipo)}}
	    {{form_row(form.notificaciones)}}
	    {#
	    <div class="form-group">
	    	{{form_label(form.notificaciones)}}
	    	<div class="">
	    		<button id="add-another-email" type="button" class="btn btn-xs btn-success"><i class="fa fa-plus"></i></button>
	    		<button type="button" class="btn btn-xs btn-danger"><i class="fa fa-trash"></i></button>
	    	</div>	
	    </div>
	    <ul class="list-unstyled" id="noti-fields-list" data-prototype="{{ form_widget(form.notificaciones.vars.prototype)|e }}">
	    {% for field in form.notificaciones if field is not empty %}
	        <li>
	            {{ form_errors(field) }}
	            {{ form_widget(field) }}
	        </li>
	    {% endfor %}
	    </ul>
		#}
	{{ form_end(form) }}

{% endblock %}
{% block customJS %}
<script>
	var emailCount = '{{ form.notificaciones|length }}';
	console.log(emailCount);
    $(document).ready(function() {
        
        $('#add-another-email').click(function() {
            var emailList = $('#email-fields-list');

            // grab the prototype template
            var newWidget = emailList.attr('data-prototype');
            // replace the "__name__" used in the id and name of the prototype
            // with a number that's unique to your emails
            // end name attribute looks like name="contact[emails][2]"
            newWidget = newWidget.replace(/__name__/g, emailCount);
            emailCount++;

            // create a new list element and add it to the list
            var newLi = $('<li></li>').html(newWidget);
            newLi.appendTo($('#email-fields-list'));

            return false;
        });
    })
</script>
{% endblock %}