{% set teamMembers = __SELF__.teamMembers %}

{% if teamMembers.count %}
    {% for chunk in teamMembers.chunk(3) %}
    <div class="row">
        {% for member in chunk %}
        <div class="column-4 {% if loop.last %} last-column {% endif %}">
            <a href="#" class="st-card-link">
                <div class="st-card">
                    <div class="st-card-image" style="background-image: url('/storage/app/media{{ member.photo }}'); background-size: cover; background-repeat: no-repeat; border-top-left-radius: 5.6px; border-top-right-radius: 5.6px; height: 300px; background-position: center;">
                        <div class="st-card-image-overlay st-card--teamMembers-summary animated fadeInUp" style="background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)); color: #fff;"><b>R&Eacute;SUM&Eacute;</b><br>{{ member.member_summary }}</div>
                    </div>
                    <div class="st-card-info">
                        <b>{{ member.first_name }} {{  member.last_name }}</b>
                        <p>
                            <span class="common-FlagIcon common-FlagIcon--{{  member.country }}"></span> {{ member.age }} ans
                        </p>
                    </div>
                </div>
            </a>
        </div>
        {% endfor %}
    </div>
    {% endfor %}
{% else %}
    <div class="column-12">
        <div class="empty-module">
            <h3>Ce groupe est vide</h3>
            <p></p>
        </div>
    </div>
{% endif %}