<div class="clearfix">
	
	{% if canEdit %}
    	<div class="clearfix">
    		<button class="white-tooltip principal" style="margin: 15px !important;float:right;"  onClick="generateTab('{{ path('ProjetAchat.ElementsConcerned.create', {typeObjet: typeObjet, idObjet:idObjet}) }}', '{{ 'Ajout Eléments' | trad }}','div_categorie_externe');">{{ 'Ajouter' | trad }}</button>
    	</div>
	{% endif %}

	<div class="clearfix" style="display:flex;flex-flow: wrap;">
		{% set Count = 0 %}
    	{% for key, element in listeElem %}
    		{% if listeElem[key-1].TYPE_ELEM !=  element.TYPE_ELEM  %}
    		{% set Count = Count+1 %}
    		<div class="clearfix" style="width:49%;{% if Count is even %} margin-left:2%;{% endif %}">
    			<h4>{{ element.LIB_ELEM | trad }}</h4>
                <table class="table table-hover">
                  	<thead class="thead-dark">
                  		 <th scope="col" width="40%">{{ 'Code' | trad }}</th>
                  		 <th scope="col">{{ 'Libellé' | trad }}</th>
                  		 <th scope="col">
                  		 	{% if canEdit %}
                      		 	<a class="ajouter_blanc_v2  white-tooltip" style="float: right;" onClick="generateTab('{{ path('ProjetAchat.ElementsConcerned.create', {typeObjet: typeObjet, idObjet:idObjet, typeElement : element.TYPE_ELEM}) }}', '{{ 'Ajout Eléments' | trad }}','div_categorie_externe');">
                        			<span class="infos_tooltip left">
                        				{{ 'Ajouter un élément' | trad }}
                                    </span>
                      		 	</a>
                  		 	{% endif %}
                  		 </th>
              		 </thead>
              		 <tbody>
           	{% endif %}  		
                		<tr id="element_{{ element.TYPE_ELEM }}_{{ loop.index }}">
                			<td>{{ element.CODE }}</td>
                			<td>{{ element.LIBELLE }}</td>
                			<td>
                				{% if canEdit %}
                				    {{ hover_action('element_'~element.TYPE_ELEM~'_'~loop.index, 'modifier_v2' , "generateTab('"~path('ProjetAchat.ElementsConcerned.edit', {typeObjet: typeObjet, idObjet:idObjet, typeElement:element.TYPE_ELEM, idElement:element.CODE})~"', '"~'Modification élément' | trad~"', 'div_categorie_externe');", 'float: right;') }}
                			        {{ hover_action('element_'~element.TYPE_ELEM~'_'~loop.index, 'Supprimer_v2' , "popupConfirmation(\'"~path('Ajax.Erreur.popupConfirmationSuppresion')~"\', \'\', \'"~path('ProjetAchat.ElementsConcerned.delete', {typeObjet: typeObjet, idObjet:idObjet, typeElement:element.TYPE_ELEM, idElement:element.CODE})~"\', \'"~('Etes-vous sûr de vouloir supprimer l\'élément' | trad |e('js')|raw)~" "~(element.LIBELLE |e('js')|raw)~" ?\', \'redirect\', '', '', '', '', '', \'"~('Suppression de l\'élément' | trad |e('js')|raw)~"\')", 'float: right;margin-right:5px;') }}
                				{% endif %}
                			</td>
                		</tr>
            {% if listeElem[key+1].TYPE_ELEM !=  element.TYPE_ELEM  %}
                	</tbody>
            	</table>
        	</div>
        	{% endif %}
    	{% endfor %}
	</div>
</div>
