{% set link = link|default %}
<div class="bloc-white pax-40-sm pax-20 pay-55-md pay-30 h-100 d-flex flex-column position-relative {{ link ? "pointer" }}"
data-link>
<div>
{% set icons = [] %}
{% if phaseEvolutionsIcon and phaseEvolutions is defined and phaseEvolutions is not empty %}
{% for key, phaseEvolution in phaseEvolutions %}
{% set phaseEvolutionFile = getPhaseEvolutionFile(phaseEvolution, null, publication.category) %}
{% if phaseEvolutionFile %}
{% set icons = icons|merge([{"src":phaseEvolutionFile,"title":phaseEvolution.title}]) %}
{% endif %}
{% endfor %}
{% else %}
{% set publicationProductCategory = publication.category %}
{% if publicationProductCategory %}
{% set icons = icons|merge([{"src":asset(vich_uploader_asset(publicationProductCategory, 'categoryIconFile')),"title":publicationProductCategory.title}]) %}
{% endif %}
{% endif %}
<div class="d-flex max--5 justify-content-center-sm">
{% for key, icon in icons %}
<div class='max-5 position-relative'>
<img src="{{ asset('assets/img/hexagone-big.svg') }}" alt="hexagone"
class="he-60 {{ publication.category.position == "1" ? "hexagone-green" : (publication.category.position == "2" ? "hexagone-lightBlue") }} "/>
<img src="{{ icon.src }}"
alt="{{ icon.title }}"
class="img-white zi-9 position-absolute t-0 b-0 he-35 h-auto l-0 r-0 m-auto img-white"/>
</div>
{% endfor %}
</div>
{% if categoryTitle %}
<div class='c-9DC771 text-uppercase fs-13 fw-500 may-20 text-center text-sm-left'>
{{ categoryTitle }}
</div>
{% endif %}
</div>
<div class="titlePublications">
<div class="text-center text-sm-left fw-400 fs-15 lh2-16 c-204A9A">
{{ author }} - ({{ date }})
</div>
<h4 class="text-center text-sm-left fw-600 fs-15 lh2-16 c-204A9A mat-0 mab-20">
<a href="{{ link|default("#") }}" class="c-204A9A c-204A9A-h tdl-underline-none-h"
{% if link %}
target="_blank"
{% endif %}
>
{{ title }}
</a>
</h4>
</div>
<div class='d-flex align-items-start fs-13 c-8E9094 font-italic {# position-absolute b-55-md b-30 #} titleRevue justify-content-center-sm text-center text-sm-left'>
<i class="fa-solid fa-book mar-5 position-relative t-5"></i>
{{ revue }}
</div>
</div>