
{% extends 'layout.twig' %}

{% block body %}
	
    <div class="contenu clearfix "  id="marche">
                    <h1>
                    	{{'Noteur Par groupe' | trad }}
                    </h1>
                    
		            {{ ariane() }}

                    <div class="tab-content" id ="refreshAjaxAcc">
                        <div id="creation_campagne" class="tab-pane fade in active clearfix">
                            <h2>

                               <button class="button secondaire export" onClick="exportCSV('{{ path('Evaluation.Campagne.noteurParGroupe', {'idCamp' : id_campagne}) }}', 'filtre_util');"> {{ 'Export' | trad }}</button>
              
                            </h2>

                                {{ arianeSub() }}

                            
                            <form style="position: relative;margin-top: 52px;" method="post" name="filtre_util" id="filtre_util">
                                <div class="bg_form padding_form border_form">
                           	


                                    <div class="tab-content">
                                        <div id="content_table_1" class="tab-pane fade in active padding15">

                                            <table class="table table-hover" id ="contenteTable_1" style="width: 300px;">
                                                <thead class="thead-dark">
                                                        <th scope="col" style="padding:12px;">{{ triTable('Groupes',  infoPagination.filter.tri_SOCIETE, 'Groupes') }}</th>
                                                   
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr class="recherche" style="height: 53px;">
                                                        
                                                        <td>
                                                            {{ filterTable('GROUPE', post.filter_GROUPE, '' ,'content_table_1', path('Evaluation.Campagne.noteurParGroupe', {'idCamp' : id_campagne}),'filtre_util') }}
                                                        </td>
                                                 
                                                    </tr>
                                                    {% set compteur = 0 %}
                                                    {% for groupe in liste_groupe %}
                                                        <tr>
                                                            <td id="td_{{groupe.GROUPE}}" {% if id_groupe == '' and compteur == 0 %}style="background-color: gainsboro;"{% elseif id_groupe == groupe.GROUPE %} style="background-color: gainsboro;" {% endif %}
                                                             class="chy" style="cursor:pointer;"  onClick = "addStyleBack('{{groupe.GROUPE}}')"><a style="text-decoration: none;color:inherit;" href ="{{path('Evaluation.Campagne.noteurParGroupe', {'idCamp' : id_campagne, 'groupe' : groupe.GROUPE}) }}">{{ groupe.GROUPE }}</a></td>
                                                        </tr>
                                                        {% set compteur = compteur + 1 %}
                                                    {% endfor %}
                                
                                                </tbody>
                                            </table>
                                            <div class="tab-content">
                                        <div id="content_table_2" class="tab-pane fade in active padding15">

                                            <table class="table table-hover" id ="contenteTable_2" style="width: 1162px;position: absolute;top: 36px;left:400px;">
                                                <thead class="thead-dark">
                                                    <tr>
                                                        <th scope="col">{{ triTable('CodeZone',  infoPagination.filter.tri_NOTEUR, 'Code Zone') }}</th>
                                                        <th scope="col">{{ triTable('LibelleZone',  infoPagination.filter.tri_NOTEUR_LIBELLE, 'Libellé Zone') }}</th>
                                                        <th scope="col" width="6%" class="white-tooltip align-center">
                                                            <span class="infos_tooltip left">
                                                                {{'Tout sélectionner' | trad }}
                                                            </span>
                                                            
                                                            <input type="checkbox" 
                                                                class="form-control checkbox" 
                                                                data-checkall-input="clcheckbox"
                                                            />
                                                        </th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr class="recherche">
                                                
                                                        <td>
                                                        {{ filterTable('NOTEUR', post.filter_NOTEUR, '' ,'contenteTable_2', path('Evaluation.Campagne.noteurParGroupe', {'idCamp' : id_campagne}),'filtre_util') }}
                                                        </td>
                                                        <td>
                                                        {{ filterTable('NOTEUR_LIBELLE', post.filter_NOTEUR_LIBELLE, '','contenteTable_2', path('Evaluation.Campagne.noteurParGroupe', {'idCamp' : id_campagne}),'filtre_util') }}
                                                        </td>
                                                        <td></td>
                                                    </tr>
                                                    {% for groupe_noteur in liste_noteur_groupe %}
                                                        <tr>
                                                            <td>{{ groupe_noteur.NOTEUR }}</td>
                                                            <td>{{ groupe_noteur.NOTEUR_NOM }}</td>
                                                            <td class="align-center">
                                                                <input type="checkbox" class="form-control checkbox chy" 
                                                                    id="noteur_{{groupe_noteur.NOTEUR}}" 
                                                                    value ="{{ groupe_noteur.NOTEUR }}" 
                                                                    {% if existInCampLst(id_campagne, groupe_noteur.NOTEUR, id_groupe) != 0 %}checked{% endif %}
                                                                    name="clcheckbox[]" 
                                                                    data-checkall="clcheckbox"
                                                                    onclick="ajoutOrDelet('{{groupe_noteur.NOTEUR}}', '{{ id_groupe}}', '{{id_campagne}}');"
                                                                />
                                                            </td>
                                                        </tr>
                                                    {% endfor %}
                                
                                                </tbody>
                                            </table>                                        

                                    </div>
        						</div>
                                </div>
        						</div>
        					</div>
                          </div>
                    </div>

                      
                   	</form>
    
</div>

<script>
function refreshTabById(groupe)
{
        $('.chy').attr('style', '').removeAttr('style');

    	$.ajax(
                {
                    dataType : 'html',
                    url: "{{ path('Evaluation.Campagne.noteurParGroupeTabRight', {'idCamp' : id_campagne}) }}",
                    data: {'groupe' : groupe},
                    type: "POST",
                    success: function(htmlData)
                    {
                        $('#contenteTable_2').hide();
                        $('#contentTable2').fadeIn(70000); 
                      
                        $('#td_' + groupe).css('background-color', 'gainsboro');
                        var result = $('<table />').append(htmlData).find('#contenteTable_2').html();

				        $('#contenteTable_2').html(result).fadeIn('slow');


                    }
                }
    	           
        );
}

function ajoutOrDelet(noteur, groupe, id_campagne)
{
    if($('#noteur_'+ noteur).is(':checked'))
    { 
        dataVal = {'groupe' : groupe, 'noteur' : noteur, 'id_campagne' : id_campagne, 'checked' : 'checked'}; 
        {# popupConfirmation(path, '','','Le noteur ' + noteur + ' est bien ajouté au groupe ' + groupe); #}
    }
    else
    {
        dataVal = {'groupe' : groupe, 'noteur' : noteur, 'id_campagne' : id_campagne}; 
    }

    $.ajax(
        {
            dataType : 'JSON',
            url: "{{ path('Evaluation.Campagne.addOrDeleteNoteur', {'idCamp' : id_campagne}) }}",
            data: dataVal,
            type: "POST",
            success: function(htmlData)
            {

                if(htmlData == 'AjouterDone')
                {
                    popupConfirmation('{{ path('Ajax.Erreur.popupConfirmationSuppresion') }}', '','','Le noteur ' + noteur + ' est bien ajouté au groupe ' + groupe);
                }
                else(htmlData == 'SupprimerDone')
                {
                    popupConfirmation('{{ path('Ajax.Erreur.popupConfirmationSuppresion') }}', '','','Le noteur ' + noteur + ' à bien été supprimer du groupe ' + groupe);
                } 

                
            }
        }
            
        );
}

</script>
{% endblock %}