{% extends 'layout.twig' %}
     
{% block body %}

    	<div class="contenu clearfix titre_div"  id="suiviEvenement">
        	<h1>{{ 'Suivi des évènements' | trad }}</h1>
        	
        	{{ ariane() }}
        	
    		<header class="bs-row">
                <h2 class="bs-col">{{ strBuild(
					'Consultation N°@1@' | trad, [idAO] 
				) }}</h2>
				<div class="bs-col text-right">
        	        <a onClick="$('.nav-tabs li:eq( '+ ($('.nav-tabs li').length -3)+')').click();" class="button secondaire">{{ 'Retour' | trad }}</a>
                    <form class="d-inline"
                        action="{{ path('Ajax.Outil.appelAsync') }}"
                        onsubmit="return ajaxSubmit(event, new FormData(document.getElementById('filtre_suiviAO')))"
                        data-onsuccess="successPopupExport"
                    >
                        <input type="hidden" name="exportPathAction" 
                            value="{{ path('Consultation.Event.export', {id: idAO}) }}"
                        />
                        <button class="button secondaire m-0" type="submit">
                            {{- 'Exporter' | trad -}}
                        </button>
                    </form>
                </div>
			</header>
			
			<form method="post" name="filtre_suiviAO" id="filtre_suiviAO">
                <div id="suiviEvent">
                	<table class="table" style="margin-top:20px;">
                    	<thead class="thead-dark">
                        	<tr>
                        		<th scope="col" width="10%">{{ triTable('DTE',  post.tri_DTE, 'Date' | trad, '', '', 'filtre_suiviAO') }}</th>
                        		<th scope="col" width="10%">{{ triTable('HEURE',  post.tri_HEURE, 'Heure' | trad, '', '', 'filtre_suiviAO') }}</th>
                        		<th scope="col">{{ triTable('UTIL',  post.tri_UTIL, 'Auteur' | trad, '', '', 'filtre_suiviAO') }}</th>
                        		<th scope="col">{{ triTable('CODE',  post.tri_CODE, 'Libellé' | trad, '', '', 'filtre_suiviAO') }}</th>
                        		<th scope="col">{{ triTable('CODE_FOU',  post.tri_CODE_FOU, 'Fournisseurs' | trad, '', '', 'filtre_suiviAO') }}</th>
                            </tr>
                        </thead>
                        <tr class="recherche">
                         	<td>{{ filterTable('date_DTE', post.filter_date_DTE, '', '', '','filtre_suiviAO', 'datepicker', 'Date' | trad) }}</td>
                         	<td>{{ filterTable('HEURE', post.filter_HEURE, '', 'suiviEvent', '','filtre_suiviAO', '','Heure' | trad,'',true) }}</td>
                         	<td>{{ zoomFilter('UTIL', post.filter_UTIL, '', 'filtre_suiviAO', path('Ajax.liste.utilisateur'),'Utilisateur', '','','Utilisateur','','','Hastutil') }}</td>
                            <td>{{ filterSelect('CODE', post.filter_CODE, listEventType, 'filtre_suiviAO', '','', '', '', '') }}</td>
                           	<td>{{ zoomFilter('egal_CODE_FOU'~spliter()~'RS', post['filter_egal_CODE_FOU'~spliter()~'RS'], '', 'filtre_suiviAO', path('Ajax.liste.fournisseur'),'Liste des fournisseurs' | trad, '','', 'Fournisseur' | trad, '','', 'Fourniss') }}</td>  
                        </tr>
                     	{% for event in listeEvent %}
                            <tr id="evenement{{ loop.index }}">
                                <td class="loupe">
                                    {{ event.DTE | dateTrad }} 
                                    {% if event.COMMENTAIRE  %}<span class="blocNote" style="position: absolute; right: 25px;"></span>{% endif %}
                            	</td>
                                <td>{{ event.HEURE | heureTrad }}</td>
                                <td>{{ entityLabel(event, 'UTIL', 'Auteur_NOM') }}</td>
                                <td>{{ event.LIBELLE }}</td>{# Note : LIBELLE is translated inside the query SQL #}
                                <td>{% if event.CODE_FOU %}{{ event.RS }} ({{ event.CODE_FOU }}){% endif %}</td>
                            </tr>
                            <tr class="detail_ligne hide_detail" id="evenement{{ loop.index }}detail" >
                            	<td colspan="8">
                                	<div class="single row">
                                        {% if event.QUEST %}
                                            <div class="informations">
                                                <p class="gras">{{ 'Question' | trad }}{{ colon() }}</p>
                                                <p>{{ event.QUEST |nl2br }}</p>
                                            </div>
                                            <div class="informations">
                                                <p class="gras">{{ 'Réponse' | trad }}{{ colon() }}</p>
                                                <p>{{ event.REP |nl2br }}</p>
                                            </div>
                                        {% else %}
                                            <div class="informations">
                                                <p class="gras">{{ 'Commentaires' | trad }}{{ colon() }}</p>
                                                <p>{{ event.COMMENTAIRE |nl2br }}</p>
                                            </div>
                                        {% endif %}
                                    </div>
                                 </td>
                             </tr>
                         {% endfor %}	
                	</table>
            	</div>
        	</form>
			{{ paginations('',infoPagination.nombreDePage, infoPagination.page, infoPagination.post, '') }}
        </div>

{% endblock %}