<h2>{{ parameters.title }}</h2>

<ul class="peoples--list tiles--list">
    {% for fiche in json.data %}
    <li class="peoples--item tiles--item">
        <a
            class="tile tile-people" 
            href="
                {% if fiche.fields.typecontenu_raw == 'externe' %}
                    {{ fiche.fields.urldetail }}
                {% else %}
                    {{ portal_url }}detail-tuile/{{ fiche.id }}/
                {% endif %}"
            >
            <picture class="tile--picture">
                <img class="tile--img" src="{% make_public_url url=fiche.fields.image.url %}"/>
            </picture>

            <div class="tile--body">
                {% if fiche.fields.type %}
                    <p class="tile--badge">{{ fiche.fields.type }}</p>
                {% endif %}
                <h3 class="tile--title">{{ fiche.fields.titre }}</h3>
                {% if fiche.fields.soustitre %}
                    <h4 class="tile--subtitle">{{ fiche.fields.soustitre }}</h4>
                {% endif %}
            </div>
        </a>
    </li>
    {% endfor %}
</ul>

<p class="tiles--btn">
    <a href="{{ parameters.button_url }}" class="button-right-arrow">{{ parameters.button_label }}</a>
</p>
