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

{% block scenario_body %}
    <div class="page {% if isSupervised %}supervision{% endif %}">
        
        <div id="titrecontenu">
            <h2 {% if isSupervised %}class='supervision_title'{% endif %}>
                {% if isEnfant is defined and isEnfant %}
                    {% if isSupervised %}[SUPERVISION] {% endif %}Étape 2 : construction d'un nouveau système
                {%  else %}
                    {% if isSupervised %}[SUPERVISION] {% endif %}Étape 1 : Diagnostic du système initial
                {%  endif %}
            </h2>
        </div>
        <div>    

            <!--<p><em>NB : lorsque le champ est grisé, l'information n'est pas prise en compte pour la culture sélectionnée</em></p>-->
        </div>
        {{ form_start(form) }}
        <div class="barre-nav">
            <div class="left"><a href="{{ path('odera_scenario_all_user',{'user': scenario.createur.id}) }}" class="button"><i class="fas fa-chevron-left"></i> Retour</a></div>
            <div class="center"></div>
            <div class="right">{{ form_widget(form.save, { 'label': 'Suivant', 'class':'btn-danger' }) }}</div>
        </div>

        {% if isEnfant is defined and isEnfant %}

        {%  else %}
            <p>Commencez à saisir votre système de cultures en cliquant sur "Ajouter une année" et en complétant les interventions. Une fois toutes les années saisies, cliquez sur Suivant.</p>
        {%  endif %}
        {{ form_label(form.commentaire2) }}<br>
        {{ form_widget(form.commentaire2) }}<br>

        {% if isEnfant is defined and isEnfant %}
            <div>
                <p>Afin de profiter au mieux des aides pour la saisie du labour, vous pouvez modifier le fréquence ci dessous.</p>
                <label>Fréquence de labour : </label>
                <select id="freq_labour">
                    <option value="1">[100%</option>
                    <option value="2">[60% : 100%[</option>
                    <option value="3">[30% : 60%[</option>
                    <option value="4">]0% : 30%[</option>
                    <option value="5">[0%</option>
                </select>
            </div>
        {%  else %}

        {%  endif %}

        {% if form.vars  is defined %}

            {% set itks = form.vars['data'].itks %}
            {% set index = 0 %}
            <div class="itk flex-table mode-flexible">
                {#TODO Mettre les inputs de l'edit en forme#}
                {% for itk in form.itks %}

                    <section style='order:{{ index + 1 }}'>
                        {{ form_widget(itk.id, {'data' : itk.id.vars.value}) }}

                        {#
                        <div class="head cell-annee">
                            Année {{ index + 1 }}&nbsp;
                            
                            &nbsp;<button type="button" class="deleteItk button button-min bt-danger" data-odera-itk-id="{{ itk.id.vars.value }}">Supprimer</button>
                        </div>
                        #}

                        {{ include('@oderaScenario/Diagnostic/cell-annee.html.twig') }}

                        {% include '@oderaScenario/Diagnostic/cell-culture.html.twig' with {'form':itk, 'etouffement' : scenario.itks[loop.index0].etouffement} %}


                        {% set interculture = itks[loop.index0].travSuperfs %}
                        {% if is_granted("ROLE_EXPERT") and itks[loop.index0].travSuperfs |length > 0 %}
                            {% set efficaciteInterculture = itks[loop.index0].travSuperfs[0].efficaciteTravSuperf %}
                        {% else %}
                            {% set efficaciteInterculture = 50 %}
                        {%endif %}
                        {% include '@oderaScenario/Diagnostic/cell-interculture.html.twig'
                                with {'index':loop.index0, 'form':itk, 'efficaciteInterculture':efficaciteInterculture}  %}

                        {% include '@oderaScenario/Diagnostic/cell-labour.html.twig' with {'form':itk} %}
                        {% include '@oderaScenario/Diagnostic/cell-semis.html.twig' with {'form':itk} %}
                        {% include '@oderaScenario/Diagnostic/cell-densitesemis.html.twig' with {'form':itk, 'densite' : scenario.itks[loop.index0].densiteSemis} %}
                        {% include '@oderaScenario/Diagnostic/cell-entrerang.html.twig' with {'form':itk, 'ecart' : scenario.itks[loop.index0].ecart} %}
                        {% include '@oderaScenario/Diagnostic/cell-variete.html.twig' with {'form':itk} %}

                        {% set desh_meca = itks[loop.index0].deshMecas %}
                        {% include '@oderaScenario/Diagnostic/cell-deshmeca.html.twig'
                                with {'index':loop.index0, 'desh_meca':desh_meca, 'form':itk}  %}

                        {% set desh_chim = itks[loop.index0].deshChims %}
                        {% include '@oderaScenario/Diagnostic/cell-deshchim.html.twig'
                                with {'index':loop.index0, 'desh_chim':desh_chim}  %}

                        {% set index = index + 1 %}
                    </section>
                {% endfor %}
                <input type="hidden" value="{{ index }}" id="nb_itks">
                <input type="hidden" value="" id="itk_a_supprimer" name="itk_a_supprimer">
                <div class="itks flex-table mode-flexible" data-prototype="{% filter escape %}{% include '@oderaScenario/Diagnostic/form-itks.html.twig' with {'form': form.itks.vars.prototype, 'index': index, 'decades': decades} %}{% endfilter %}">
                </div>


            </div>

        {% endif %}
        {{ form_end(form) }}
    </div>
    {% include '@oderaScenario/Diagnostic/js-saisie.js.twig' %}
{% endblock scenario_body %}