{% block body %}
	<div id="refresh">
        <form method="post" name="form_oxaproc" id="form_oxaproc" class="bs-row py-base form-default gutter-x-base">
            {% include '@Evaluation/Campaign/Tabs/Raters/_common_navbar.twig' with {
                groupsTab: 'actif',
            } %}
            <div class="bs-col clearfix" id="divParam">
                <div class="divParam clearfix mb-base" id="URL">
                    <div class="single">
                        <div class="border_form clearfix">
                            <h2 class="separateur_bottom" style="padding-bottom:5px;">
                                {{ 'Groupes' | trad }}
                            </h2>
                            <table id="groups_table" class="table table-hover">
                                <thead class="thead-dark">
                                    <tr>
                                        <th width="15px"></th>
                                        <th scope="col" width="">{{ 'Groupes' | trad }}</th>
                                        <th scope="col" width="">
                                            {% if droits.HA_CEVALCM and campaign.STATUT == 'P' %}
                                                <a class="ajouter_blanc_v2 white-tooltip" 
                                                    href="{{ path('Evaluation.GroupOfRaters.creatEdit', {mode:mode, id:id}) }}" 
                                                    style="float: right;background-position: 50% 5px;height: 21px !important;">
                                                    <span class="infos_tooltip left" style="font-weight: normal;">
                                                        {{ 'Ajouter un groupe d\'évaluateurs' | trad }}
                                                    </span>
                                                </a>
                                                <a class="download_blanc_v2  white-tooltip" 
                                                    href="{{ path('Evaluation.ImportEvaluateur.groupsImportIndex', {id:id}) }}" 
                                                    style="float: right;background-position: 50% 5px !important;">
                                                    <span class="infos_tooltip left" style="font-weight: normal;">
                                                        {{ 'Importer des évaluateurs par groupe' | trad }}
                                                    </span>
                                                </a>
                                            {% endif %}
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for group in groupsOfRaters %}
                                        <tr id="node_{{ loop.index }}">
                                            <td class="loupe"></td>
                                            <td>{{ group.GROUPE }}</td>
                                            <td align="right">
                                                <div class="icone">
                                                    {% if droits.HA_CEVALCM and campaign.STATUT == 'P' %}
                                                        {{ menuContextuel('node_' ~ loop.index | replaceInID, false, group.menuContextuel, 6) }}
                                                    {% endif %}                                                    
                                                </div>
                                            </td>
                                        </tr>
                                        <tr id="node_{{ loop.index }}detail" class="detail_ligne hide_detail">
                                            <td colspan="3">
                                                <div class="single">
                                                    <div class="tab-content">
                                                        <div id="groups{{ loop.index }}" class="tab-pane active in clearfix border_form">
                                                            <div class="single">
                                                                <div class="tab-content">
                                                                    <table class="table table-hover">
                                                                        {% include '@Evaluation/Campaign/Tabs/GroupOfRaters/raters_table_for_group.twig' with {
                                                                            raters: group.raters,
                                                                            groupName: group.GROUPE
                                                                        } %}
                                                                    </table>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                    {% endfor %}
                                </tbody>
                            </table>                            
                        </div>
                    </div>
                </div>
            </div>
        </form>
	</div>
	<style>
		.divMenuContextuel {
			width: 50px;
			height: 34px;
			float: right;
			position: absolute;
			top: 1px;
			right: 0;
		}

		.divMenuContextuel .imagePoint {
			position: absolute;
			top: 50%;
			left: 50%;
			margin-top: -6px;
		}
	</style>
{% endblock %}
