{% block body %}

	<div id="refreshPJ">
    	<div class="clearfix">
    		{% if canEdit %}
    			<a class="ajouter_blanc_v2 button_v2 white-tooltip" style="float: right;" id="btnAddCompany" href="{{ path('Consultation.PJ.create', {idAO:idAO}) }}">
        			<span class="infos_tooltip left">
        				{{ 'Ajouter une pièce jointe' | trad }}
                    </span>
    			</a>
			{% endif %}

			{% if listeProjet %}
				<a class="download_blanc_v2 button_v2 white-tooltip" style="float: right;margin-right: 5px !important; " id="btnAddCompany" href="{{ path('Consultation.ImportDocument.listeDocument', {'idAO':idAO, 'mode':'PJ'}) }}">
					<span class="infos_tooltip left">
						{{ 'Importer un document depuis un projet' | trad }}
					</span>
				</a>
			{% endif %}
    	</div>

    	{% set Count = 0 %}
    	{% for key, PJ in listePJ %}
    		{% if listePJ[key-1].TYPE_PJ !=  PJ.TYPE_PJ  %}
    		{% set Count = Count+1 %}
    		<h4>{{ PJ.PJLIBELLE }}</h4>
        	<table class="table table-hover tableV2">
        		<thead class="thead-dark" style="display: none;">
        			<th scope="col" colspan="6"></th>
        		</thead>
        		<tbody>
    		{% endif %}
        		<tr id="PJ_{{ PJ.NO_ORDRE }}">
        			<td width="25%"><b>{{ PJ.TITRE }}</b></td>
        			<td><a href="{{ path('GlobalApplication.AjaxPiecesJointes.downloadFichier', {MODULE: 'AO', id: idAO, ordre: PJ.NO_ORDRE}) }}" target="_blank">{{ PJ.NOM_ORI }}</a></td>
        			<td>
        				{% if canEdit %}
        				    {{ hover_action('PJ_'~PJ.NO_ORDRE, 'Supprimer_v2' , "popupConfirmation(\'"~path('Ajax.Erreur.popupConfirmationSuppresion')~"\', \'\', \'"~path('Consultation.PJ.delete',{idAO:idAO, numOrdre:PJ.NO_ORDRE})~"\', \'"~('Etes-vous sûr de vouloir supprimer la pièce jointe' | trad |e('js')|raw)~" "~(PJ.TITRE |e('js')|raw)~" ?\', \'refreshPJ\')", 'float: right;margin-right:5px;') }}
        				{% endif %}
        			</td>
        		</tr>
    		{% if listePJ[key+1].TYPE_PJ !=  PJ.TYPE_PJ  %}
        		</tbody>
        	</table>
        	{% endif %}
    	{% endfor %}
	</div>

{% endblock %}