{% extends 'page.html.twig' %}

{% block title %}Formule - {{ formule.libelle }}{% endblock %}

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

{% block page %}
    {% set actions = {1: {'libelle': 'Retour', 'lien': path('formules_index') }} %}
    {% set liens = {'Accueil': path('home_index'), 'Formules': path('formules_index'), (formule.libelle): '#'} %}
    {% include 'breadcrumb.twig' with {'liens': liens, 'actions': actions} %}

    {{ form_start(form) }}
    <div class="row">
        <div class="flex-lg-4 flex-12">
            <div class="row no-gutters">
                <paper-card id="formulaire-edition" class="flex-lg-12 flex-6">
                    <div class="subhead-2">Modifier la formule</div>

                    {{ form_row(form.libelle) }}
                    {{ form_row(form.type) }}
                    {{ form_row(form.description) }}
                    <div class="layout">
                        {{ form_widget(form.submit) }}
                    </div>
                </paper-card>
                {% if formule.type == 1 or formule.type == 0 %}
                    <paper-card id="liste-composants" class="flex-lg-12 flex-6">
                        <div class="subhead-2">Utilisée par :</div>
                        <paper-listbox>
                            {% for element in utilisePar %}
                                <paper-item>
                                    {{ element.nom|default(element.libelle|default('')) }}
                                    {% if element.idTypeComposant is defined %}
                                        <span class="type">({{ element.idTypeComposant.libelle }})</span>
                                    {% endif %}
                                </paper-item>
                            {% endfor %}
                            {% if utilisePar | length == 0 %}
                                <p>Cette formule n'est pas utilisée</p>
                            {% endif %}
                        </paper-listbox>
                    </paper-card>
                {% endif %}
            </div>
        </div>
        <paper-card id="editeur-code" class="flex-lg-8 flex-12">
            {{ form_widget(form.code) }}
        </paper-card>
    </div>
    {{ form_end(form) }}

    {{ include('formules/_delete_form.html.twig') }}
{% endblock %}