{% extends "@vivaceSysteme/layout.html.twig" %}

{% block body %}
    {% set initial = 1 %}
    {% if system.parent %}
        {% set initial = 0 %}
    {% endif %}

    <div class="zone_centrale">
        <script type="text/javascript" src="{{ asset('assets/vivaces/js/ovvscenario.js') }}"></script>
        <title>Affichage d'un système de culture</title>
        <script>var idscenario = {{ system.id }}</script>
        <body{% if not initial %} class="zonesimulation"{% endif %}>
           

            {% if initial %}
                <h2>Système de culture initial</h2>
                {% if system.oderasystemes is not null %}
                    <div class='odera2'>Ce système a été créé à partir d'OdERA-Système. Afin de vous aider dans votre saisie, vous pouvez retrouver un rappel du système en bas de la page.
                        <a class='btn btn-primary btn-sm' href='{{ path('odera_scenario_resultat', {'id': system.oderasystemes }) }}'>Retourner sur OdERA 2</a></div>
                {% endif %}
            {% else %}
                <h2>Scénario basé sur un système de culture initial</h2>
            {% endif %}

            <div id="pan_i_off">
                <div id="pan_i">
                    <span class="green">De 1 à 4 : risque faible.</span> Le chardon tend à <b>diminuer</b> sous l'effet du système de culture.<br/>
                    <span class="yellow">De 5 à 6 : risque moyen.</span> Le chardon tend à <b>se stabiliser</b> sous l'effet du système de culture.<br/>
                    <span class="red">De 7 à 10 : risque élevé.</span> Le chardon tend à <b>augmenter</b> sous l'effet du système de culture.

                    <a href="#pan_i" class="ouvrir"><i class="fa fa-chevron-down" aria-hidden="true"></i></a>
                    <a href="#pan_i_off" class="fermer"><i class="fa fa-chevron-up" aria-hidden="true"></i></a>
                </div>
            </div>

            <div class="btn-group btn-group-sm">
                {% if initial %}
                    {% if system.oderasystemes is null %}
                    <a class="btn btn-primary" href="{{ path('vivace_systeme_list') }}" data-toggle="tooltip"
                       title="Retour à la liste des systèmes de culture"><i class="fa fa-arrow-left" aria-hidden="true"></i> Terminer</a>
                    {% if hasChildren > 0 %}
                        <a class="btn btn-primary" href="{{ path('vivace_systeme_list_children', {'id' : system.id}) }}">
                            <i class="fa fa-share-alt-square" aria-hidden="true"></i> Voir les scénarios</a>
                        {% endif %}
                    <a class="btn btn-primary" href="{{ path('vivace_systeme_create_children', {'id' : system.id}) }}" data-toggle="tooltip"
                       title="Créer un scénario basé sur ce système de culture" ><i class="fa fa-arrow-right" aria-hidden="true"></i> Terminer et créer un scénario</a>
                    {% endif %}
                {% else %}
                    <a class="btn btn-primary" href="{{ path('vivace_systeme_list_children', {'id' : system.parent.id}) }}">
                        <i class="fa fa-arrow-left" aria-hidden="true"></i> Liste des scénarios</a>

                    <a class="btn btn-primary" href="{{ path('vivace_systeme_view', {'id' : system.parent.id}) }}">
                        <i class="fa fa-file" aria-hidden="true"></i> Modifier le système initial</a>
                    {% endif %}
            </div>

            <form id="form_scenario_vivaces" method="post">
                <input type="hidden" name="idscenario" value="{{ system.id }}"/>
                <div class="row">
                    <div class="col-md-8">
                        {% if not initial %}
                            <div class="row row_formulaire">
                                <div class="col-sm-4"><label for="nomscenario">Nom</label></div>
                                <div class="col-sm-4"><input type="text" name="nomscenario" id="nomscenario" value="{{ system.name }}"/></div>
                                <div class="col-sm-1"></div>
                                <div class="col-sm-3 text_header">Système initial</div>
                            </div>
                        {% endif %}

                        <div class="row row_formulaire">
                            <div class="col-sm-4"><label for="exploitation">Exploitation</label></div>
                            <div class="col-sm-4">
                                {% if initial %}
                                    <input type="text" name="exploitation" id="exploitation" value="{{ system.nomexploitation }}"/>
                                {% else %}
                                    <div class="champs_readonly">{{ system.nomexploitation }}</div>
                                {% endif %}
                            </div>
                        </div>

                        <div class="row row_formulaire">
                            <div class="col-sm-4"><label for="parcelle">Parcelle</label></div>
                            <div class="col-sm-4">
                                {% if initial %}
                                    <input type="text" name="parcelle" id="parcelle" value="{{ system.nomparcelle }}"/>
                                {% else %}
                                    <div class="champs_readonly">{{ system.nomparcelle }}</div>
                                {% endif %}
                            </div>
                        </div>

                        <div class="row row_header">
                            <div class="col-sm-4">Critère</div>
                            <div class="col-sm-4">Modalité</div>
                            {% if not initial %}
                                <div class="col-md-4"></div>
                            {% endif %}
                        </div>

                        {% for critere in criterion %}
                            {% set nom_critere = 'critere_' ~ critere.refcritere.id %}

                            <div class="row row_formulaire type_{{ critere.refcritere.type }}">
                                <div class="col-sm-4"><label for="{{ nom_critere }}">{{ critere.refcritere.name }}</label></div>
                                <div class="col-sm-4">
                                    {% if critere.refcritere.type == 'select' %}
                                        <select id="{{ nom_critere }}" name="{{ nom_critere }}" required>
                                            <option value="-1"{% if critere.refmodalite is null %} selected{% endif %}></option>
                                            {% for modalite in critere.refcritere.modalites %}
                                                <option value="{{ modalite.id }}"{% if critere.refmodalite is not null and critere.refmodalite.id == modalite.id %} selected{% endif %}>{{ modalite.name }}</option>
                                            {% endfor %}
                                        </select>
                                    {% elseif critere.refcritere.type == 'bool' %}
                                        <input type="checkbox" id="{{ nom_critere }}" name="{{ nom_critere }}"{% if critere.valeur %} checked{% endif %}/>
                                    {% endif %}
                                </div>
                                {% if not initial %}
                                    <div class="col-sm-1">
                                        <div class="evolution_score" id="{{ nom_critere }}_evolution_score"></div>
                                    </div>
                                    <div class="col-sm-3 systemeinitial">
                                        {% if critere.refcritere.type == 'select' %}
                                            <div class="champs_readonly" id="{{ nom_critere }}_modalite_parent"></div>
                                        {% elseif critere.refcritere.type == 'bool' %}
                                            <input class="champs_readonly" type="checkbox" disabled="disabled" id="{{ nom_critere }}_modalite_parent" name="{{ nom_critere }}_modalite_parent"/>
                                        {% endif %}
                                    </div>
                                {% endif %}
                            </div>
                        {% endfor %}
                        <div class="row resultat row_formulaire">
                            <div class="col-sm-4"><label>Risque adventice</label></div>
                            <div class="col-sm-4 conteneur_note">
                                <svg id="compteur" style="width:100px" viewbox="0 0 512 288" data-angle="0">
                                    <use xlink:href="{{ asset('assets/vivaces/svg/compteur.svg#g_fond') }}"/>
                                    <use class="aiguille" xlink:href="{{ asset('assets/vivaces/svg/compteur.svg#g_aiguille') }}"/>
                                </svg>
                                <div class="note" id="note"></div>
                                <div class="note" id="icone_chargement"><i class="fa fa-spinner fa-spin fa-fw"></i></div>
                            </div>

                            {% if initial == 0 %}
                                <div class="col-sm-1">
                                    <div class="evolution_score" id="evolution_note"></div>
                                </div>
                                <div class="col-sm-3 conteneur_note" >
                                    <svg id="compteur_parent" style="width:100px" viewbox="0 0 512 288" data-angle="0">
                                    <use xlink:href="{{ asset('assets/vivaces/svg/compteur.svg#g_fond') }}"/>
                                    <use class="aiguille" xlink:href="{{ asset('assets/vivaces/svg/compteur.svg#g_aiguille') }}"/>
                                    </svg>
                                    <div class="note" id="note_parent"></div>
                                </div>
                            {% endif %}
                        </div>
                    </div>

                    <div class="col-md-4 alert alert-warning" id="conteneur_aide">
                        <div class="entete_aide">
                            <h3><span class="fa fa-lightbulb-o" aria-hidden="true"></span> De quoi s'agit-il ?</h3>
                            <span id="">Survolez un critère pour obtenir l'aide correspondante</span>
                        </div>

                        {% for critere in criterion %}
                            <div class="aide" id="aide_critere_{{ critere.refcritere.id }}">
                                <h4>{{ critere.refcritere.name }}</h4><p>{{ critere.refcritere.aide | raw}}</p>
                                {% if critere.refcritere.aideImage %}
                                    {% set path = 'assets/vivaces/images/' ~ critere.refcritere.aideImage %}
                                    <br/><img class="aide_image" alt="" src="{{ asset( path ) }}"/>
                                {% endif %}
                            </div>
                        {% endfor %}
                    </div>
                </div>
            </form>
            {% if system.oderasystemes is not null %}   
                {% set readonly = true %}
                {% set resultat = false %}
                <h2>Scénario Odera-Systèmes</h2>
                <div class="itk flex-table mode-flexible">

                    {% for itk in scenario_oderasystemes.itks %}    
                        <section>
                            <div class="head cell-annee">Année {{itk.annee}}
                                - {{ itk.culture.nom }}

                            </div>
                            {% include '@oderaScenario/Diagnostic/cell-semis.html.twig' with { 'form':itk}  %}
                            {% include '@oderaScenario/Diagnostic/cell-culture.html.twig' with {'form':itk} %}            
                            {% include '@oderaScenario/Diagnostic/cell-interculture.html.twig' with { 'form':itk}  %}
                            {% include '@oderaScenario/Diagnostic/cell-labour.html.twig' with { 'form':itk}  %}
                            {% include '@oderaScenario/Diagnostic/cell-densitesemis.html.twig' with { 'form':itk}  %}
                            {% include '@oderaScenario/Diagnostic/cell-entrerang.html.twig' with { 'form':itk}  %}
                            {% include '@oderaScenario/Diagnostic/cell-variete.html.twig' with { 'form':itk}  %}
                            {% include '@oderaScenario/Diagnostic/cell-deshmeca.html.twig' with { 'form':itk}  %}
                            {% include '@oderaScenario/Diagnostic/cell-deshchim.html.twig' with { 'form':itk}  %}

                        </section>
                    {% endfor %}
                </div>
            {% endif %}
        </body>
    </div>


{% endblock %}