{% set routeName = getRouteName() %}
{% set id = campaign.ID_CAMP ?? null %}
{% do setAriane(
    routeName == 'Evaluation.CampaignEvent.monitoring' ? 2 : 0,
    'Liste des évènements' | trad,
    {countNotif: infoPagination.nbrArticle}
) %}

{% 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 my-small">
                {% if campaign is not empty %}
                    <h2 class="bs-col">
                        {{ campaign.LIBELLE }} 
                        ({{ campaign.ID_CAMP }}) 
                        {{ 'créée le' | trad }} 
                        {{ campaign.DTECREAT | dateTrad }} 
                        {{ 'par' | trad }} 
                        {{ campaign.CREATOR }}
                    </h2>
                {% endif %}
                <div class="bs-col text-right">
                    <form class="d-inline"
                        action="{{ path('Ajax.Outil.appelAsync') }}"
                        onsubmit="return ajaxSubmit(event)"
                        data-onsuccess="successPopupExport"
                    >
                        <input type="hidden" name="exportPathAction" 
                            value="{{ id ? 
                                path('Evaluation.CampaignEvent.export', {id: id}) :
                                path('Evaluation.CampaignEvent.exportAll')
                            }}"
                        />
                        <button class="button secondaire m-0" type="submit">
                            {{- 'Exporter' | trad -}}
                        </button>
                    </form>
                </div>
            </header>
            
            <form method="post" name="filtre_suiviPA" id="filtre_suiviPA">
                <table class="table">
                    <thead class="thead-dark">
                        <tr>
                            {% if id is empty %}
                                <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 is empty %}
                            <td>{{ filterTable('ID_CAMP', post.filter_ID_CAMP, '', '', '','filtre_suiviPA', '','Référence' | trad,'',true) }}</td>
                            <td>{{ filterTable('CAMPAGNE', post.filter_CAMPAGNE, '', '', '','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, '', '', '','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, '', '', '','filtre_suiviPA', '','Évènement' | trad,'',true) }}</td>
                    </tr>
                    {% for event in eventList %}
                        <tr id="evenement{{ loop.index }}">
                            {% if id is empty %}
                                <td>{{ event.ID_CAMP }}</td>
                                <td>{{ event.Camp_LIBELLE }}</td>
                            {% endif %}
                            <td {% if event.COMMENTAIRE or event.COMMENT %}class="loupe"{% endif %}>
                                {{ event.DTE_EVE | dateTrad }} 
                            </td>
                            <td>{{ event.HEU_EVE | heureTrad }}</td>
                            <td>{{ entityLabel(event, 'ID_USER', 'Auteur_NOM') }}</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>
                {{ paginations(
                    path(
                        routeName,
                        id ? {id:id} : {}
                    ),
                    infoPagination.nombreDePage,
                    infoPagination.page,
                    infoPagination.post,
                    'suiviEvenement'
                ) }}
            </form>

        </div>

{% endblock %}