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

{% block title %}Editer 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;" data-id="{% if form.vars.data != null %}{{ form.vars.data.id }}{% endif %}">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;" data-view-id="{{ form.id.vars.id }}" data-id="{{ form.id.vars.value }}">X</a>
    </div>
{% endblock %}

{% block page %}
    {% if composant.statut != 2 and is_granted('ROLE_VALIDER') %}
        {{ form_start(formValidation, {action : pathAction}) }}
        <div class="container-valider">
            {{ form_row(formValidation.statut) }}
            {{ form_row(formValidation.submit, {'attr': {'class': 'btn-valider'}}) }}
        </div>
        {{ form_end(formValidation) }}
    {% endif %}
    {{ include('composants/_form.html.twig') }}
{% endblock %}