{% set menuActive = 'Evaluations' %}
{% do setAriane(2, 'Commentaire fournisseur' | trad) %}

{% extends 'layout.twig' %}
{% block body %}
    <section class="contenu clearfix">
        <h1>{{ 'Gestion des évaluations' | trad }}</h1>
        {{ ariane() }}
        <h3>{{ title }}</h3>
            <form method="post" name="commentaire_global" id="commentaire_global"  class="box-form clearfix">
            <div id="commentaires">
                <table class="table table-hover noColorLign">
                    <thead class="thead-dark">
                        <tr>
                            <th>{{ 'Évaluateur' | trad }}</th>
                            <th>{{ 'Commentaire' | trad }}</th>
                        </tr>
                    </thead>
                    <tbody class="">
                        {% set concatTwig = '' %}
                        {% for comm in comments %}
                            {% set concatTwig = concatTwig ~ comm.COMMENTAIRE | raw | e('js') ~ ' ;' %}
                            <tr id="comm{{ loop.index }}" >
                                <td>{{ comm.NOM }}</td>
                                <td>{{ shortLibelle(comm.COMMENTAIRE, 250) }}</td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
            <a class="button secondaire button_right" onClick="popupConfirmation('{{ path('Ajax.Erreur.popupConfirmationGestion') }}', '', '', 
                '{{ 'Effacer le commentaire global et concaténer tous les commentaires ?' | trad }}', '', '','', 'true', '', 'concatenate')">
                {{ 'Concaténer les commentaires évaluateurs' | trad }}
            </a>
            <div class="clearfix">
                <div class="single mr-0">
                    {{ inputAdvance('TEXTAREA', {
                        titre: 'Commentaire global fournisseur' | trad,
                        name: 'COMMENTAIRE_FINAL',
                        pathValidator: path('Ajax.validator.isStringAvecEspace'),
                        paramsValidator: "{'sizeMin' : 0, 'sizeMax' : 3000}",
                        value: post.COMMENTAIRE_FINAL ?? finalComment,
                    }) }}
                </div>
            </div>
            <div class="clearfix">
                <div class="single mr-0">
                    {{ inputAdvance('TEXTAREA', {
                        titre: 'Appréciation générale fournisseur' | trad,
                        name: 'PLAN_ACTION',
                        pathValidator: path('Ajax.validator.isStringAvecEspace'),
                        paramsValidator: "{'sizeMin' : 0, 'sizeMax' : 3000}",
                        value: post.PLAN_ACTION ?? generalAppreciation,
                    }) }}
                </div>
            </div>   
            <button type="button" class="button principal button_right"  
                onClick="ajaxPopupV2('{{ path('Evaluation.Resultat.validateComment', {id: id, supplier: supplier}) }}', 'commentaire_global');">
                {{ 'Valider' | trad }}
            </button>        
            <a type="button" class="button secondaire button_right" href="{{ path('Evaluation.Resultat.index', {id: id}) }}">
                {{ 'Annuler' | trad }}
            </a>
        </form>
        <script>
            function concatenate() {
                let concat = '';
                concat = '{{ concatTwig }}';
                $('#input_COMMENTAIRE_FINAL').val(concat);
                desactiveLoader();
            }
        </script>
    </section>
{% endblock %}
