{{ form_start(form, {action : pathAction}) }}
{{ form_row(form.submit) }}
<div class="layout horizontal wrap">
    <div class="flex layout vertical">
        <div class="flex">{{ form_row(form.idParent, {'attr': {'onclick': 'chargerTypecomposants(this, "' ~ path('recuperation_typecomposants') ~ '");changerDateDebutValidite(this, "' ~ path('recuperation_datesvalidite') ~ '")'}}) }}</div>
        <div class="flex">{{ form_row(form.idTypeComposant, {'attr': {'onclick': 'checkIsTypeComposantPeutAvoirFormat(this, "' ~ path('check_peut_avoir_format') ~ '")'}}) }}</div>
        <div class="flex">{{ form_row(form.nom) }}</div>
        <div class="flex">{{ form_row(form.code) }}</div>
    </div>
    <div class="flex layout vertical">
        <div class="flex">{{ form_row(form.description) }}</div>
        <div class="flex">{{ form_row(form.commentaires) }}</div>
    </div>
</div>
<div class="layout horizontal">
    <div class="flex">{{ form_row(form.dateValiditeDebut) }}</div>
    <div class="flex">{{ form_row(form.dateValiditeFin) }}</div>
</div>
<div class="layout horizontal">
    <div class="flex">{{ form_row(form.composantDependance) }}</div>
    <div class="flex">{{ form_row(form.fraisFixes) }}</div>
</div>
<div class="layout horizontal">
    <div class="flex">{{ form_row(form.tauxTaxe) }}</div>
    <div class="flex">{{ form_row(form.tauxAssietteTaxable) }}</div>
</div>
<div class="layout horizontal">
    <div class="flex">
        {{ form_row(form.childSelectionMultiple) }}
        {{ form_row(form.childSelectionOptional) }}
    </div>
    <div class="flex">
        {{ form_row(form.childSelectionRequired) }}
    </div>
</div>
<div class="layout horizontal">
    <div class="flex">{{ form_row(form.formatResultat) }}</div>
    <div class="flex">{{ form_row(form.formatResultatWs) }}</div>
</div>
<div class="layout vertical">
    <paper-card id="criteres_variables" class="flex">
        <div class="layout horizontal">
            <div class="flex">
                <div class="subhead-1">Critères</div>
                <paper-tooltip for="ajout_criteres_valeurs_default">Ajouter un critere</paper-tooltip>
                <paper-icon-button
                        type="button"
                        class="add-another-collection-widget"
                        data-list="criteres-fields-list"
                        id="ajout_criteres_valeurs_default"
                        icon="icons:add"
                        onclick="ajoutElementsCollection(this)">
                </paper-icon-button>

                {{ form_label(form.criteres_valeurs_default) }}
                {{ form_errors(form.criteres_valeurs_default) }}
                <ul id="criteres-fields-list"
                    data-prototype="{{ form_widget(form.criteres_valeurs_default.vars.prototype)|e }}"
                    data-widget-tags="{{ '<li></li>'|e }}">
                    {% for variableField in form.criteres_valeurs_default %}
                        <li class="layout horizontal center">
                            {{ form_errors(variableField) }}
                            {{ form_widget(variableField) }}
                        </li>
                    {% endfor %}
                </ul>
            </div>
            <div class="flex">
                <div class="subhead-1">Variables</div>
                <paper-tooltip for="ajout_variable">Ajouter une variable</paper-tooltip>
                <paper-icon-button
                        type="button"
                        class="add-another-collection-widget"
                        data-list="variables-fields-list"
                        id="ajout_variable"
                        icon="icons:add"
                        onclick="ajoutElementsCollection(this)">
                </paper-icon-button>

                {{ form_label(form.variables) }}
                {{ form_errors(form.variables) }}
                <ul id="variables-fields-list"
                    data-prototype="{{ form_widget(form.variables.vars.prototype)|e }}"
                    data-widget-tags="{{ '<li></li>'|e }}">
                    {% for variableField in form.variables %}
                        <li class="layout horizontal center">
                            {{ form_errors(variableField) }}
                            {{ form_widget(variableField) }}
                        </li>
                    {% endfor %}
                </ul>
            </div>
        </div>
    </paper-card>
</div>
{{ form_end(form) }}