{% set img = articleContent.header_img %}
{% set limit_date = articleContent.limit_date %}
{% set referent = articleContent.referent_pqna %}
{% set participants = articleContent.participants %}
{% set title = articleContent.group_title %}
<div class="preview-header">
{% if img is defined and img is not empty %}
{% include "blocks/previews/img/image.html.twig" %}
{% else %}
{% include "blocks/previews/img/default-image.html.twig" %}
{% endif %}
<div class="background-color-turquoize"></div>
</div>
<div class="preview-content dflex fdc w100">
{% include "blocks/previews-from-controller/blocks/categories.html.twig" %}
<a href="{{ sulu_content_path(routePath) }}" class="cblack nodeco mt-12px">
<div class="fw500 fs20 preview-h3 lh28">{{ title }}</div>
</a>
<div class="dflex fwwrap fdc h100">
<div class="mb-4px">
{% if limit_date %}
<div class="timeanddate dflex mt-8px">
<img src="/resources/img/aapami/calendar-icon.svg" alt="" width="16" height="16">
<div class="time dflex fdc lh24">
<div class="fw600">Dates limites d'inscription :</div>
{{ limit_date }}
</div>
</div>
{% endif %}
<div class="enterprise dflex aife mt-4px">
<img src="/resources/img/user-offre-icon.svg" alt="" width="17" height="19">
Nombre de participants : {{ participants|length }}
</div>
{% set step = 0 %}
{% if articleContent.jalons|length > 0 %}
{% for i, jalon in articleContent.jalons %}
{% if jalon.jalon_main %}
{% set step = i + 1 %}
{% endif %}
{% endfor %}
{% endif %}
{% if articleContent.jalons is defined and articleContent.jalons is not empty %}
<div class="type-appel dflex aife mt-20px">
<img src="/resources/img/validated-icon.svg" alt="" width="15" height="14">
Étapes de travail : {{ step }} sur {{ articleContent.jalons|length }}
</div>
{% endif %}
</div>
{% if referent is defined and referent is not empty %}
{% set initials = referent.fullName|split(' ') %}
<span class="diflex initials gt cwhite jcc aic fs12 mta" title="{{ referent.fullName }}">{{ initials[0]|first|upper }}{{ initials[1]|first|upper }}</span>
{% endif %}
</div>
</div>