{% extends 'layout.twig' %}

{% block body %}
	<!-- Modal content -->
	<div id="myModal" class="modal" tabindex="-1" role="dialog">
		<div class="modal-dialog" style="width:auto;height:auto;{% if application != 'Mobility' %}min-width:500px{% endif %}" role="document">
			<div id="modal-content" class="modal-content" style="z-index:99999;{% if application != 'Mobility' %}min-width: 600px;{% endif %}">
				<div class="modal-header">
					<span class="modal-close">&times;</span>
					<h3 id="modal-title"></h3>
				</div>
				<div id="modal-body" style="padding: 15px;z-index:99999"></div>
			</div>
		</div>
	</div>
	<div class="contenu clearfix" id="groupes">
		<h1>
			{{ title }}
			{% if droits.HA_BIBQTCM %}
				{{ Button('Nouveau groupe' | trad, true, path('Evaluation.GroupOfRaters.creatEdit', {mode: mode, id: id}), '', '', '', '', '', '') }}
			{% endif %}
		</h1>
		{{ ariane() }}
		<div class="tab-content" id="divRefresh">
			<form method="post" name="filtre_groupes" id="filtre_groupes">
				<div class="resultat_filtre">
					{{ bullFiltre(post, 'filtre_groupes') }}
				</div>
				<table class="table table-hover">
					<thead class="thead-dark">
						<tr>
							<th scope="col" width="">{{ triTable('GROUPE',  post.tri_GROUPE, 'Libellé' | trad, '', '', 'filtre_groupes') }}</th>
							<th scope="col" width="7%">{{ 'Actions' | trad }}</th>
						</tr>
					</thead>
					<tbody>
						<tr class="recherche">
							<td>{{ filterTable('GROUPE', post.filter_GROUPE, '', '', '','filtre_groupes', '','Libellé' | trad,'',true) }}</td>
							<td></td>
						</tr>
					</tbody>
					{% for group in groupsOfRaters %}
						<tr id="group{{ loop.index }}">
							<td>{{ group.GROUPE }}</td>
							<td class="parametrage">
								{% if droits.HA_BIBQTCM %}
                                    {{ menuContextuel('group' ~ loop.index, false, group.menuContextuel) }}
								{% endif %}
							</td>
						</tr>
					{% endfor %}
				</thead>
			</table>
			{{ paginations(path('Evaluation.GroupOfRaters.index', {mode: mode, id: id}),pagingInfo.nombreDePage, pagingInfo.page, pagingInfo.post, 'groupes') }}
		</form>
	</div>
</div>{% endblock %}
