{% extends "::base.html.twig" %}
{% form_theme form 'AlsuiteAssetsBundle:Form:collection-theme.html.twig' %}

{% block title 'Create Output Indicators' %}

{% block content %}
<div class="panel panel-primary">
    <div class="panel-heading">
        <div class="col-lg-3 center center-text">
            <span class="label">Create Output Indicators</span>
        </div>
    </div>
    <div class="panel-body">
        {{ form_start(form) }}
        <div id="sub_form" data-prototype="{{ _self.widget_prototype(form.indicators.vars.prototype, 'Remove')|e }}">
            {% for indicator in form.indicators %}
                {% if indicator.vars.value.id == null %}
                    {{ _self.widget_prototype(indicator, 'Remove') }}
                {% endif %}
            {% endfor %}
        </div>
        <div class="form-group" style="margin-top: 5px;">
            <div class="col-lg-offset-3 col-lg-4">
                {{ form_widget(form.save) }}
                <a class="{{ add_btn }}" data-target="sub_form">Add Indicator</a>
            </div>
        </div>
        {{ form_end(form) }}
    </div>
</div>
{% endblock %}

{% macro widget_prototype(widget, remove_text) %}
{% set form = widget %}
{% set name = widget.vars.full_name %}

<div class="row col-md-12" data-content="{{ name }}">
    <div class="col-md-2">
        <a class="{{ remove_btn }}" data-related="{{ name }}">{{ remove_text }}</a>
    </div>
    <div class="col-md-10">
        {{ form_row(form.name) }}
    </div>
</div>
{% endmacro %}