{% if contentList|length %}
    <div class="bloc-grille">
        <div class="container">
            <ul class="grid">
                {% for id,contents in contentList %}
                    {% for content in contents %}
                        <li class="grid-item item{{ contents|length }}">
                            <div class="grid-item-in">
                                {% set link = get_link_by_content_id(content.id) %}
                                <a href="{{ link }}" {% if content.getFieldValue('nouvelle_fenetre').bool %}target="_blank"{% endif %}>
                                    {% if content.getFieldValue('image').uri %}
                                        {{ ez_render_field(content, 'image', {'parameters': { 'alias': 'bloc_home' }}) }}
                                    {% endif %}
                                    {% if content.fields.afficher_titre_bloc is defined and not ez_is_field_empty(content,'afficher_titre_bloc') and content.getFieldValue('afficher_titre_bloc').bool %}
                                        <div class="front">
                                            <div class="description">
                                                <h3>
                                                    {{ ez_field_value(content, "titre")|raw }}
                                                </h3>
                                            </div>
                                        </div>
                                    {% endif %}
                                    <div class="back">
                                        <div class="description">
                                            <h3>
                                                {{ ez_field_value(content, "titre")|raw }}
                                            </h3>
                                            <p>
                                                {{ content.getFieldvalue('texte')|truncate(220, true, '...')|raw }}
                                            </p>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </li>
                    {% endfor %}
                {% endfor %}
            </ul>
        </div>
    </div>
{% endif %}