{% extends 'page-xhr.html.twig' %}
{% form_theme form _self %}

{% block title %}Nouveau composant{% endblock %}

{% block style %}
    <link rel="stylesheet" type="text/css" is="custom-style"
          href="{{ app.request.getBaseURL() }}/assets/css/composants/edit.css">
{% endblock %}

{% block _composants_criteres_valeurs_default_entry_widget %}
    <div style="display: flex;">
        {{ form_widget(form.criteres, {'attr': {'style': 'width: 100%', 'onclick': 'chargerValeurs(this, "' ~ path('recuperation_valeur') ~ '")'}}) }}
        {{ form_widget(form.valeur, {'attr': {'class' : 'criteres-selection-valeur'}}) }}
        <a href="javascript:void(0);" onclick="suppressionVariable(this)" style="margin-top: 20px;margin-left: 12px;">X</a>
    </div>
{% endblock %}

{% block _composants_variables_entry_widget %}
    <div style="display: flex;">
        {{ form_widget(form.id) }}
        {{ form_widget(form.libelle, {'attr': {'style': 'padding: 0px 10px;'}}) }}
        {{ form_widget(form.code, {'attr': {'style': 'padding: 0px 10px;'}}) }}
        {{ form_widget(form.idType, {'attr': {'style': 'padding: 0px 10px;'}}) }}
        {{ form_widget(form.valeurDefaut, {'attr': {'style': 'padding: 0px 10px;'}}) }}
        <a href="javascript:void(0);" onclick="suppressionVariable(this)" style="margin-top: 20px;margin-left: 12px;">X</a>
    </div>
{% endblock %}

{% block page %}
    {{ include('composants/_form.html.twig') }}
{% endblock %}