{% extends "@oderaScenario/layout.html.twig" %}
{% if isSupervised is not defined %}
    {% set isSupervised = false %}
{% endif %}

{% block scenario_body %}
    {{ form_start(form) }}
    <div class="page {% if isSupervised %}supervision{% endif %}">
        <h2 {% if isSupervised %}class="supervision_title"{% endif %}>{% if isSupervised %}[SUPERVISION] {% endif %}Editer une parcelle</h2>
        <div class="barre-nav">
            <div class="left"></div>
            <div class="center"></div>
            <div class="right">{{ form_widget(form.save) }}</div>
        </div>

        <div class="center" >

            <div style="display:flex;">
                <div class="conteneurinput" >
                    {% if form.exploitation is defined %}
                        {{ form_label(form.exploitation) }}
                        {{ form_errors(form.exploitation) }}
                        {{ form_widget(form.exploitation) }}
                    {% elseif form.nom is defined %}
                        {{ form_label(form.nom) }}
                        {{ form_errors(form.nom) }}
                        {{ form_widget(form.nom, { 'attr': {'class': '####'} }) }}
                    {% endif %}
                </div>

                <div class="conteneurinput" >
                    {{ form_label(form.parcelle) }}
                    {{ form_errors(form.parcelle) }}
                    {{ form_widget(form.parcelle) }}
                </div>

                <div class="conteneurinput" >
                    {{ form_label(form.typeSol) }}
                    {{ form_errors(form.typeSol) }}
                    {{ form_widget(form.typeSol) }}
                </div>
            </div>
            <div class="conteneurinput">
                {{ form_label(form.commentaire) }}
                {{ form_errors(form.commentaire) }}
                {{ form_widget(form.commentaire) }}
            </div>
        </div>




        <br>
        <div class="center">
            <label>Adventices préoccupantes :</label>

            <div class="adventicesetudies" data-prototype="{{ form_widget(form.etudes.vars.prototype) |e('html_attr') }}">

                <p>
                    Saisissez les adventices annuelles préoccupantes dans cette parcelle (celles qui sont visées par la stratégie de désherbage), de la plus
                    préoccupante à la moins préoccupante.<br><br>
                </p>
                <div class="error"><strong>ATTENTION : Vous devez renseigner au moins une adventice</strong></div>

                {# on va afficher le 1er adventice, le reste sera crée en JS (raison : pouvoir s'intégrer correctement et réexploiter les actions JS utilisées lors des interactions utilisateurs ) #}
                {% if form.etudes is not null and form.etudes|length > 0 %}
                    {% include '@oderaScenario/Scenario/form.html.twig' with {'form': form.etudes[0]} %}<br>
                {% else %}
                    {# // TODO Gérer le fait de ne pas avoir d'adventice #}
                    <p>Aucune adventice sélectionnée</p>
                {% endif %}
            </div>


        </div>

    </div>
    <div class="champ_formu">
        {{ form_widget(form.save, { 'label': 'Suivant' }) }}

        {{ form_widget(form) }}

    </div>{% do form.etudes.setRendered() %}
    {{ form_end(form, {'render_rest': false}) }}
    {% include '@oderaScenario/Scenario/js-adventice.js.twig' %}
{% endblock scenario_body %}