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

        <div class="contenu clearfix titre_div"  id="suiviEvenement">
            <h1>{{ 'Suivi des évènements' | trad }}</h1>
            
            {{ ariane() }}
            
            {% if id %}
                <h2>{{ campaign.LIBELLE }} ({{ campaign.ID_CAMP }}) {{ 'créée le' | trad }} {{ campaign.DTECREAT | dateTrad }}  {{ 'par' | trad }} {{ campaign.CREATOR }}</h2>
            {% endif %}
            
            <form method="post" name="filtre_suiviPA" id="filtre_suiviPA">
                <div id="event_monitoring">
                    <table class="table" style="margin-top:20px;">
                        <thead class="thead-dark">
                            <tr>
                                {% if id == '' %}
                                    <th scope="col" width="10%">{{ triTable('ID_CAMP',  post.tri_ID_CAMP, 'Référence' | trad, '', '', 'filtre_suiviPA') }}</th>
                                    <th scope="col" width="10%">{{ triTable('CAMPAGNE',  post.tri_CAMPAGNE, 'Campagne' | trad, '', '', 'filtre_suiviPA') }}</th>
                                {% endif %}
                                <th scope="col" width="10%">{{ triTable('DTE_EVE',  post.tri_DTE_EVE, 'Date' | trad, '', '', 'filtre_suiviPA') }}</th>
                                <th scope="col" width="10%">{{ triTable('HEU_EVE',  post.tri_HEU_EVE, 'Heure' | trad, '', '', 'filtre_suiviPA') }}</th>
                                <th scope="col">{{ triTable('ID_USER',  post.tri_ID_USER, 'Auteur' | trad, '', '', 'filtre_suiviPA') }}</th>
                                <th scope="col">{{ triTable('LIBELLE',  post.tri_LIBELLE, 'Évènement' | trad, '', '', 'filtre_suiviPA') }}</th>
                            </tr>
                        </thead>
                        <tr class="recherche">
                            {% if id == '' %}
                                <td>{{ filterTable('ID_CAMP', post.filter_ID_CAMP, '', 'event_monitoring', '','filtre_suiviPA', '','Référence' | trad,'',true) }}</td>
                                <td>{{ filterTable('CAMPAGNE', post.filter_CAMPAGNE, '', 'event_monitoring', '','filtre_suiviPA', '','Campagne' | trad,'',true) }}</td>
                            {% endif %}
                            <td>{{ filterTable('date_DTE_EVE', post.filter_date_DTE_EVE, '', '', '','filtre_suiviPA', 'datepicker', 'Date' | trad) }}</td>
                            <td>{{ filterTable('HEU_EVE', post.filter_HEU_EVE, '', 'event_monitoring', '','filtre_suiviPA', '','Heure' | trad,'',true) }}</td>
                            <td>{{ zoomFilter('ID_USER'~spliter()~'NOM', post['filter_ID_USER'~spliter()~'NOM'], '', 'filtre_suiviPA', path('Ajax.liste.utilisateur'),'Utilisateur' | trad, '','','Utilisateur','','','Hastutil') }}</td>
                            <td>{{ filterTable('LIBELLE', post.filter_LIBELLE, '', 'event_monitoring', '','filtre_suiviPA', '','Évènement' | trad,'',true) }}</td>
                        </tr>
                        {% for event in eventList %}
                            <tr id="evenement{{ loop.index }}">
                                {% if id == '' %}
                                    <td>{{ event.ID_CAMP }}</td>
                                    <td>{{ event.CAMPAGNE }}</td>
                                {% endif %}
                                <td {% if event.COMMENTAIRE or event.COMMENT %}class="loupe"{% endif %}>
                                    {{ event.DTE_EVE | dateTrad }} 
                                </td>
                                <td>{{ event.HEU_EVE | heureTrad }}</td>
                                <td>{{ event.NOM == '' ? event.ID_USER : (event.NOM ~ ' (' ~ event.ID_USER ~ ')') }}</td>
                                <td>{{ event.LIBELLE }}</td>
                            </tr>
                            <tr class="detail_ligne hide_detail" id="evenement{{ loop.index }}detail" >
                                <td colspan="8">
                                    <div class="single row">
                                        <div class="informations">
                                        {% if event.COMMENT != '' or event.COMMENTAIRE != '' %}
                                            <p class="gras">{{ 'Commentaires' | trad }} :</p>
                                            <p>{{ event.COMMENT | nl2br }}</p>
                                            <p>{{ event.COMMENTAIRE | nl2br }}</p>
                                        {% endif %}
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        {% endfor %}	
                    </table>
                    {% if id %}
                        {{ paginations(path('Evaluation.Campaign.monitoring', {id:id}),infoPagination.nombreDePage, infoPagination.page, infoPagination.post, 'suiviEvenement') }}
                    {% else %}
                        {{ paginations(path('Evaluation.Campaign.monitoring'),infoPagination.nombreDePage, infoPagination.page, infoPagination.post, 'suiviEvenement') }}
                    {% endif %}
                </div>
            </form>

        </div>

{% endblock %}