<div class="row g-0 prestations-wrapper">
{% set data_article = [data.data[0], data.data[1], data.data[3], data.data[2]] %}
{% for item in data_article %}
<div class="col-md-4 prestation-image-wrap">
{% include '@web/components/picture.html.twig'
with { 'mediaObject': item.primaryImage } %}
</div>
<div class="col-md-4 mb-5 mb-md-0 prestation-text-wrap">
{% if item.slug != 'csps' and item.slug != 'opc' %}
<a href="{{ path('web_prestation_show', {'slug': item.slug }) }}" class="prestation-text-wrap__link">
<div class="prestation-text-wrap__head">
<div class="icon-wrap" >
{% include '@web/components/svg/' ~ item.icon ~ '.html.twig' %}
</div>
<h3 class="prestation-title">{{ item.headline }}</h3>
</div>
<div class="prestation-text-wrap__content">
<p class="prestation-text">{{ item.articleResume }}</p>
<p class="page-link-wrap mt-3">
<span class="page-link-wrap__link">en savoir plus</span>
</p>
</div>
</a>
{% endif %}
</div>
{% endfor %}
{# {{ dump(data|length) }} #}
{# Si le nombre d'item est pair on rajoute une image à la fin #}
{# {% if data|length % 2 == 0 %} #}
<div class="col-md-4 prestation-image-wrap">
<picture>
<img src="{{ asset('assets/images/services-generique.jpg') }}" alt="Pilote Travaux Conseils">
</picture>
</div>
{# {% endif %} #}
</div>